/* intro page positioning */
#index-01 {position:absolute;left:0px;top:0px; background: url(images/bg_image.jpg) no-repeat top center;}
#index-02 {position:absolute;left:17px;top:0px; }
#index-07 {position:absolute;left:700px;top:35px;text-align: left;}
#index-11 {position:absolute;left:290px;top:178px;width:500px;height:305px; z-index:15;}
#index-12 {position:absolute;left:616px;top:148px;width:378px;height:552px; z-index:16;}
#index-13 {position:absolute;left:21px;top:155px;background-color: #649B97; width: 300px; height: 285px; text-align:left; list-style-type:none;}
#index-16 {position:absolute;left:0px;top:453px;width:990px;height:160px; background: #000000; z-index:15;}
#index-17 {position:absolute;left:887px;top:453px;width:103px;height:170px;}

/* all page positioning */
#index2-01 {position:absolute; left:0px; top:0px; width:149px; height:138px;}
#index2-02 {position:absolute; left:149px; top:0px; width:349px; height:138px;}
#index2-03 { position:absolute; left:498px; top:0px; width:492px; height:87px;}
#index2-04 {position:absolute; left:750px; top:93px;}
#index2-05 {position:absolute; left:0px; top:138px; width:161px; height:562px;}
#index2-07 {position:absolute; left:877px; top:138px; width:113px; height:562px;}
#index2-08 {position:absolute;left:740px;top:138px;background-color: #C5B58C; height: 538px; width:200px; z-index:10;}

#sidebar {background:#6d5b3b;padding-bottom:50px;margin-right:4px;}
#contentCell {background:#e7e4ce url(../images/layout/content_bg.jpg) no-repeat top center;}

div.feedburnerFeedBlock #creditfooter{ 
display:none; 
}

div.feedburnerFeedBlock ul {
margin:0 0 0 20px;
padding:0 0 0 0;
list-style-type: none
}

div.feedburnerFeedBlock p.fbsubscribelink {
margin:5px 0 10px 0;
padding:0 0 0 0;
}


div.feedburnerFeedBlock ul li span.headline {
font-weight:bold;
color: ##446f7d;
text-decoration: none;
display:block; 
margin:0 0 0 0; 
}

.feedBurnerFeedBlock li {
	font: 10pt Trebuchet MS; 
	list-style:none;
}
.feedburnerFeedBlock a {
        color: ##446f7d;
        text-decoration: none;

} 

html {
	height: 100%;
	}

body {
	background: #000 url(http://www.justinfatica.org/images/bg_image.jpg) no-repeat top center; 
	background-size: 100%;
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;
	text-align: center;
	font: 10pt Trebuchet MS; 
	color: #446f7d;
	height:100%;
	width:100%;
}

h3 {	
	font-size: 13pt;
	font-weight:bold;
	}

#table1 {margin:0 0 0 25px; height:100%;}
#add_bar {background:#B09E6E;margin-right:4px;}
#rightside {background:#C5B58C;margin-left:4px;}

/*#contentCell {background:#e7e4ce url(../images/layout/content_bg.jpg) no-repeat top center;}*/
.heading {font: bold 16pt Trebuchet MS; color:white;}
.heading2 {font: bolder 20pt Trebuchet MS; color:white; text-align:left;}
.heading2 a {color:blue;}
.italics_heading {color:white; font: bold italic small-caps 13pt Franklin Gothic, sans-serif;letter-spacing: -1px}

#container {
	max-width: 100%; 
	width: 990px; 
	margin: 0 auto 0 auto; 
	height: 100%;
	max-height: 100%;
	position: relative;
	text-align: left;
	text-align: justify;
	text-justifytext: newspaper;	
	vertical-align: middle; 
}


/*
The navigation_container corresponds to the entire menubar across the top of the 
page, including the drop-down menus and the quick hub links. Font-size is set here. 
Font color, which applies to the plus characters separating the quick hub links, 
is set to light brown. To remove the menubar's drop shadow change the height to 30px.
*/
div#header div#navigation_container {
	background-repeat: repeat-x;
	height: 37px;
	font: 11px;
	line-height: 13px;
	color: #6a5332;
	position: relative;
	z-index: 111; /* hack for explorer z-index bug */
	}
/*
navigation is the root UL and navigation ul applies to all the sub-menu ULs.
We set padding and margin to zero to eliminate all indentation, turn bullets off,
and optionally set a font-family different from the global font-family declared for the
navigation_container above. This will set the font for just the menus.
*/
#navigation, #navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
/*
Root-Level Links.  Do not change the first two properties.
Adjust padding values to make the root links taller and to offset them
from the left and right edges of the link box. Font color is set to white.
*/
#navigation a {
	display: block;
	background-image: url(/sitewide/includes/headerfooter/img/menuitem_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none;
	font: 500 11px arial;
	padding: 8px 10px 9px 5px;
	color: white;
	}
/*
The Root-Level list items. Floating left allows them to appear horizontally.
*/
#navigation li {
	float: left;
	}
/*
Set width for Sub-Menu box. Should be equal to the width of a Sub-Menu List Item 
plus its right and left borders.
*/
#navigation li ul {
	width: 172px;
	}
/*
Sub-Menu Unordered Lists describes each dropdown sub-menu grouping. 
Positioned Absolutely to allow them to appear below their root trigger.
Set to display none to hide them until trigger is moused over.
Background Color must be set or problems will be encountered in MSIE.
Right and bottom borders can be set to simulate a raised look.
A gradient background image can be assigned.
*/
#navigation li ul {
	position: absolute;
	z-index: 110;
	display: none;
	background-color: rgb(246,241,232);
	}
/*
Set width, borders, and font size for Sub-Menu List Items.
*/
#navigation ul li {
	width: 170px;
	border-bottom: solid 1px rgb(184,162,126);
	border-right: solid 1px rgb(184,162,126);
	border-left: solid 1px rgb(184,162,126);
	font-size: 10px;
	line-height: 13px;
	text-align: left;
	}
/*
The sub-menu links. We set the color of the links to gold. We set top and 
bottom padding less than the root items.
*/
#navigation ul li a {
	color: #996633;
	padding: 4px 3px 5px 12px;
	width: 155px; /* necessary to trigger "hasLayout" in Explorer 6 */
	}
/*
Changes the Text color and background color when the Root-Level
menu items are moused over. The second selector is assigned to IE5 and 
IE6 Windows via the menus.js script. Note that IE7 supports hover on 
elements other than links and so behaves like Firefox, Opera, and Safari - 
making the menu operable even if JavaScript is not enabled.
*/
#navigation li:hover a, #navigation li.p7hvr a {
	background-position: bottom right;
	}
/*
Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over. The second selector is 
assigned to IE5 and IE6 via the menus.js script.
*/
#navigation li:hover ul, #navigation li.p7hvr ul {
	display: block;
	}
/*
Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over. The second selector is 
assigned to IE5 and IE6 via the menus.js script.
The color set should match the normal Sub-Level link color
in the rule: #navigation ul li a. The background color must be
transparent to allow an underlying gradient background on the UL
to show through. We set the background-image to none so that it doesn't 
inherit the background image of the Root-Level menu item.
*/
#navigation li:hover ul a, #navigation li.p7hvr ul a {
	color: #996633;
	background-color: transparent;
	background-image: none;
	}
/*
The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the gradient background. We set text color to orange.
*/
#navigation li:hover ul a:hover, #navigation li.p7hvr ul a:hover {
	background-color: white !important;
	color: #ec660c;
	}

	
#centre {
	position:absolute; 
	left:161px; 
	top:123px; 
	height:513px;
	width: 740px;
	margin-bottom:50px;
	}

#content
{
	width: 496px;
	height:100%;
	float: left;
	background-color: #E6E1CD;
	padding:20px 40px 20px 40px;
	margin-right: 5px;
}
	
#content h1{
	background: #F5F3EA;
	font: 16pt Trebuchet MS; color: #446f7d;
	font-weight:bold;	
	text-transform:uppercase;
	text-align: left;
	line-height:200%;
	padding:0 0 0 10px;
	}
#content img {
	padding: 0px 0px 10px 10px;
	}

#breadcrumb
{
	height: 10px;
	padding: 10px 0px;
	margin-bottom: 20px;

	/* defines breadcrumb element */
}

	#breadcrumb a
	{
		color: #4F5F34;
		text-decoration: underline;
	}

	#breadcrumb a:hover
	{
		color: #4F5F34;
		text-decoration: none;
	}
	
#subcontent
{
	background-color: #C5B58C;
	float: right;
	width: 100%;
	height: 100%;

	/* defines subcontent element */
}

	#subcontent h1
	{
		margin: 5px 10px 0px 10px;
		padding: 0px;
		font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		font-weight: normal;
		font-size: 20px;
		text-align: left;
		color: #382E1F;

		/* defines generic h1 element */
	}

	#subcontent h2
	{
		margin: 5px 10px 0px 10px;
		padding: 0px;
		font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		font-weight: normal;
		font-size: 20px;
		text-transform: uppercase;
		text-align: left;
		color: #382E1F;

		/* defines generic h2 element */
	}

	#subcontent h3
	{
		margin: 5px 10px 0px 10px;
		padding: 0px;
		font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		font-weight: normal;
		font-size: 20px;
		text-transform: uppercase;
		text-align: left;
		color: #382E1F;

		/* defines generic h3 element */
	}

	#subcontent ul
	{
		margin: 0px 10px 0px 10px;
		padding: 0;

		/* defines generic list container element */
	}

	#subcontent ul li
	{
		list-style: none;

		/* defines generic list element */
	}

	#subcontent ul li a
	{
		padding: 5px 0px 0px 0px;
		text-decoration: underline;
		color: #6C534A;
		display: block;

		/* defines generic link element */
	}

	#subcontent ul li a:hover
	{
		text-decoration: none;
		color: #BB6F02;

		/* defines generic link hover state */
	}

#calender
{
	margin: 5px 5px 10px 5px;

	/* defines container for calender element */
}

	#calender table
	{
		background-color: #E8B887;
		border: 1px solid #DC9147;
		width: 100%;
		height: 150px;
		text-align: center;

		/* define table for calender */
	}

	#calender table td
	{
		width: 14%;
		padding: 3px 0px;

		/* set column width */
	}

	#calender table .controls
	{
		background-color: #A07050;
		font-weight: bold;
		color: #FFFFFF;

		/* style event controls */
	}

	#calender table .controls a
	{
		color: #FFFFFF;
		text-decoration: underline;

		/* style control links */
	}

	#calender table .controls a:hover
	{
		color: #FFFFFF;
		text-decoration: none;

		/* style link controls */
	}

	#calender table .title
	{
		background-color: #C09070;

		/* style calender titles */
	}

	#calender table .days td
	{
		background-color: #E8D6CA;

		/* style day columns */
	}

	#calender table .days a
	{
		color: #728C40;
		text-decoration: underline;

		/* style day links */
	}

	#calender table .days a:hover
	{
		color: #728C40;
		text-decoration: none;

		/* style day links */
	}

	#calender table td.empty
	{
		background-color: #F4DEC8;

		/* style empty cells */
	}

	#calender table td.article
	{
		background-color: #006600;

		/* style article cells */
	}

	#calender table td.article_event
	{
		background-color: #660000;

		/* style article cells */
	}

	#calender table td.event
	{
		background-color: #003366;

		/* style event cells */
	}

	#calender table td.event a, #calender table td.article a, #calender table td.article_event a
	{
		color: #FFFFFF;
		text-decoration: underline;

		/* style item links */
	}

	#calender table td.event a:hover, #calender table td.article a:hover, #calender table td.article_event a:hover
	{
		color: #FFFFFF;
		text-decoration: none;

		/* style item links */
	}

#pages
{
	overflow: hidden;
	float: left;
	clear: left;

	/* defines container for categories element */
}

	#pages h1
	{
		color: #BB6F02;
	}

	#pages ul
	{
		margin-bottom: 10px;
	}

#categories
{
	float: left;
	clear: left;
	width:100%;

	/* defines container for categories element */
}

	#categories h1
	{
		color: #BB6F02;
	}

	#categories ul
	{
		margin-bottom: 10px;
	}
	#categories ul li a
	{
		background-image: url(Icons/Site.gif);
		background-position: 0px 7px;
		background-repeat: no-repeat;
		padding-left: 20px;
	}

#archives
{
	overflow: hidden;
	float: left;
	clear: left;
}

	#archives h1
	{
		color: #BB6F02;
	}

	#archives ul
	{
		margin-bottom: 10px;
	}

	#archives ul li a
	{
		background-image: url(Icons/Archive.gif);
		background-position: 0px 7px;
		background-repeat: no-repeat;
		padding-left: 20px;
	}

#links
{
	float: left;
	clear: left;
	text-align:left
	padding-left:20px;

	/* defines container for links element */
}

	#links h1
	{
		color: #BB6F02;
	}

	#links ul
	{
		margin-bottom: 10px;
	}

	#links ul li a
	{
		background-position: 0px 7px;
		background-repeat: no-repeat;
		padding-left: 0px;
	}

#feeds
{
	float: right;
	clear: right;
	z-score: 300;

	/* defines container for feeds element */
}

	#feeds h1
	{
		color: #BB6F02;

	}

	#feeds ul
	{
		margin-bottom: 10px;
	}

	#feeds ul li a
	{
		background-image: url(Icons/Feed.gif);
		background-position: 0px 7px;
		background-repeat: no-repeat;
		padding-left: 20px;
	}

#login
{
	float: left;
	clear: left;

	/* defines container for login element */
}

	#login h1
	{
		color: #BB6F02;
	}

	#login ul
	{
		margin-bottom: 10px;
	}

	#login ul li a
	{
		background-image: url(Icons/Site.gif);
		background-position: 0px 7px;
		background-repeat: no-repeat;
		padding-left: 20px;
	}

#notification
{
	background-color: #FFFDFB;
	height: 100%;
	padding: 15% 10%;
	text-align: center;

	/* defines container for notification element */
}

	#notification h1
	{
		margin: 5px 0px;
		font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		font-weight: normal;
		font-size: 25px;
		color: #728c40;
		text-transform: uppercase;

		/* defines notification h1 element */
	}

	#notification a
	{
		color: #4F5F34;
		text-decoration: underline;

		/* defines notification link styles */
	}

	#notification a:hover
	{
		color: #4F5F34;
		text-decoration: none;

		/* defines notification link hover styles */
	}

#screenshot
{
	margin: 0px auto;
	padding: 5px;
	text-align: center;
	text-align: center;
	color: #FFFFFF;
	overflow: visible;
}

	#screenshot img
	{
		background-color: #EFEFD6;
		border: 1px solid #542700;
		margin: 6px;
		padding: 3px;
	}


#copyright
{
	visibility: visible;

	/* style copyright element */
}

/* begin article style definitions */
.article
{

	/* container for each individual article */
}

	.article .details
	{
		margin: 0;
		padding: 0;
		list-style: none;

		/* defines the container for the article details */
	}

	.article .details li
	{
		margin: 0px 5px 10px 0px;
		display: inline;

		/* defines each detail part */
	}

	.article .introduction
	{
		border-bottom: 1px solid #d0a070;
		line-height: 20px;
		font-size: 115%;

		/* defines the article introduction container */
	}

	.article .link
	{
		font-size: 110%;
		text-align: right;

		/* defines the container for the full information link */
	}

	.article .gallery
	{
		/* defines the container for article gallery */
	}

	.article .gallery img
	{
		border: 1px solid #EEEEEE;
		padding: 3px;
		margin: 3px;
	}

/* begin comment style definitions */

#comments
{
	margin-bottom: 20px;
}

	#comments .details
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#comments .details dt
	{
		background-image: url(Icons/Avatar.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		float: left;
		height: 55px;
		width: 55px;
		
	}

	#comments .details dd
	{
		margin: 0px 5px 0px 0px;
		display: inline;		
	}

	.comment
	{
		padding: 5px 0px;
		clear: both;
	}

	.whisper
	{
		background-color: #E4E4E4;
		padding: 5px 5px;
		clear: both;
	}

form
	{
	margin: 0;
	padding: 0;


	/* container for comment and search forms */
	}

	form #comment
	{
		width: 100%;
		height: 125px;

		/* comment textarea */
	}

	form #whisper
	{
		margin-left: 0px;

		/* whisper checkbox */
	}

	form #keywords
	{
		width: 32%;
	}

	form #date
	{
		width: 32%;
	}

	form #category
	{
		width: 32%;
	}

#paging
{
	text-align: right;

	/* container for paging controls */
}

	#paging a
	{
		padding: 0px 5px;
	}

/* begin events styling */

.event
{

}

	.event h1
	{

	}

	.event h2
	{

	}

	.event h3
	{

	}

	.event .details
	{
		margin: 0;
		padding: 0;
	}

	.event .details li
	{
		margin-right: 5px;
		list-style: none;
		display: inline;
	}


.clear
{
	clear: both;

}

/* miscellaneous elements */
img
{
	border: none;
}

.eventCell {
  vertical-align: top;
  font-size: 82%;
  font-family: Arial;
}

.timeSlot {
  text-align: right;
  white-space: normal;
}