/************************************************************************
This is the primary CSS sheet for the April '08 redesign of the CCSFA
 website. This sheet is responsible for setting site defaults, 
including backgrounds, fonts, colors, etc. If needed, this sheet may be
supplemented with additional sheets.
************************************************************************/

body {
	margin:0;
	padding:0;
	background: #c2b077;
	font-family:verdana,helvetica,sans-serif;
	font-size: small !important; /* Styles for Mozilla, Safari, IE Mac */
	font-size: x-small; /* Styles for MS IE5 PC */
	font-size/**/:/**/small; /* Styles for IE6 PC */
	color:#333;
	text-align:left;
}

/* Font-size is set at approx. 11px or 8pt. */
body div#document	{
	width : 800px; /* sets overall content width */
	Font-size:85%;
	margin:0;
	text-align: left;
	background: top left url('/images/document_bg.gif') repeat-y #fff;
}


/****************** IMPORTANT DEFAULTS *******************/
/* The following rule exists to fix an IE 5 PC bug */
body table {
	font-size: 100%;
}

/* Zeroing element margins/padding */
h1, h2, h3, h4, h5, h6, form, ul, ol, li {
	margin: 0;
	padding: 0;
}

/* Image defaults */
img {	
	border:0;
	display:inline;
}

/* Input adjustments */
input, select, textarea  {
	font-size: 100%;
	color:#000;
	font-family:verdana,helvetica,sans-serif;
}

tr { vertical-align:top; }

p {
	margin: 1em 0 0 0;
	padding:0;
}

a, 
a:link, 
a:active,
a:visited {
 	color:#20485c;
}
 a:hover { 
 	color:#536c78;
 }
 
ul {
	margin-left:15px;
}

ul li {
	padding-bottom:2px;
 	/*list-style-type:none;*/
 }

/****************** END IMPORTANT DEFAULTS *******************/




/****************** BRIC IMAGE STYLES *******************/
p.left { text-align:left; }
p.center { text-align:center; }
p.right { text-align:right; }
p.floatLeft {
	float:left;
	clear:left;
	padding-right:10px;
	padding-bottom:5px;
}
p.floatRight {
	float:right;
	clear:right;
	padding-left:10px;
	padding-bottom:5px;
}
/****************** END BRIC IMAGE STYLES *******************/





/****************** UTILITY *******************/

h1 {
	font-size:180%;
	color:#20485C;
	padding-bottom:30px;
}
h3 { font-size:125%; }

.bold { font-weight:bold; }
.italic {	font-style:italic; }

.even { background:#fff; }
.odd { background:#eee; }

.subHeadingByline {
	position:relative;
	top:-28px;
	font-size:115%;
}
/****************** END UTILITY *******************/





/****************** MASTHEAD *******************/
#masthead {}
#masthead img { vertical-align:top; }
/****************** END MASTHEAD *******************/



/****************** TOP NAV *******************/
#topNav {
	background:#536c78;
	border-bottom:1px solid #20485c;
	padding-top:15px;
	padding-bottom:2px;
	list-style:none;
	margin:0;
	vertical-align:bottom;
}
#topNavInner {
	border-bottom:2px solid #20485C;
	padding-bottom:5px;
}
#topNav .navTab {
	position:relative;
	display:inline;
	padding:5px;
	margin-right:5px;
	background: top right url('/images/tab_corner.gif') no-repeat #20485c;
}
#topNav .navTab.selected {
	background: top right url('/images/tab_corner_selected.gif') no-repeat #ceb257;
}
#topNav a, 
#topNav a:link, 
#topNav a:active,
#topNav a:visited {
 	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#topNav a:hover { 
 	color:#eee;
 }
/****************** END TOP NAV *******************/



/****************** LEFT NAV *******************/
#leftRail {
	float:left;
	width:167px;
	border-top:2px solid #20485c;
	color:#fff;
}
#leftRail a, 
#leftRail a:link, 
#leftRail a:active,
#leftRail a:visited {
 	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#leftRail a:hover { 
 	text-decoration:underline;
 }
#leftNav {
	background:bottom right url('/images/left_nav_bg.gif') no-repeat #20485c;
	border-top:2px solid #000;
	padding-top:5px;
	padding-bottom:122px;
}
#leftNav div {
	padding: 2px 0 2px 2px;
	margin-left:6px;
}
#leftNav div div div { padding-right:4px; }
#leftNav .selected {
	background:#536c78;
}
#leftLower {
	padding:10px;
	border-top:2px solid #000;
	margin-top:4px;
}
/****************** END LEFT NAV *******************/




/****************** FOOTER *******************/

#footer {
	clear:both;
	background:#536c78;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:85%;
	padding:4px;
}

/****************** END FOOTER *******************/




/****************** MAIN BODY *******************/
#mainBody {
	float:left;
	width:528px;
	margin:10px 0 20px 54px;
}

#rightHomePane {
	padding:0 8px 3px 8px;
	background:top left url('/images/right_pane_bg.gif') no-repeat #ceb257;
	color:#fff;
}
#rightHomePane li {
	padding-bottom:.7em;
}
/****************** END MAIN BODY *******************/




/****************** HOMEPAGE BODY *******************/
.button_link {
	background: top left url("/images/b_blank.gif") no-repeat;
	width:115px;
	padding:3px 0 4px;
	float:left;
	margin:0 8px;
}
	.button_link a {
		color:#fff;
		text-decoration:none;
	}
	.button_link span {
	}
/****************** END HOMEPAGE BODY *******************/