body { 
	margin:0px 0; 
	padding:0; 
	font: 74% Arial, Sans-Serif; 
	color:#ccc;  
	background: #343434 url("images/bg.jpg") repeat-x;
	line-height: 1.4em; 
}


.content { 
	background: #FFF url("images/bgmain.jpg") repeat-y center;
	color: #ccc; 
	margin: 0 auto; 
	padding: 0; 
	width: 880px;
}

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#header { 
	margin: 0; 
	width: 880px; 
	background: #A90000 url("images/header.gif") no-repeat left top;  
	height: 166px; 
	color: #FFF; 
}

#header .f_search { float: right; padding: 70px 50px 0 0; }
#header .title {	padding: 45px 0 0 50px; }
#header h1 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 22px; font-weight: bold;
		margin: 0;
		padding: 0; 
}

#header h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; 
		background-image: none;
		color: #A90000;
		margin: 0;
		padding: 0 0 0 2px;
}


/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader { 
	background: #A90000 url("images/bgmenu.jpg") repeat-y center;
	width: 880px;
	height: 30px;
	background-color: #A90000;
	color: #FFF;

}
#subheader .padding { padding: 10px 15px 10px 15px; float:right;}
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }

 #subheader2 { 
	background: #A90000 url(logo.jpg) no-repeat left; ;
	width: 880px;
	height: 68px;
	background-color: #A90000;
	color: #FFF;
}

 
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }


/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left; color: 	#7D8085; padding: 20px 0 0 0px; width: 150px; }
.nav li { 
	font-weight: bold; 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px solid #ccc; 
	height: 25px; background: url(images/li.png) no-repeat left;
}
.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 25px;}
.nav li a:hover { color: #FFF; text-decoration: none; background: #A90000; display: block; height: 25px;}





/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main { background: #FFF; width: 858px; margin: 0 10px 0 10px; color: #000; }  
#main .left_side { 
	padding:0px 0 0 10px; margin:0;
	width: 180px; 
	background: url("images/mright.png") no-repeat right; 
	min-height: 505px;  
}

#main .left_side .hitems { margin: 0; 	padding: 0; }
#main .left_side .hitems ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	color: #a90000;
	list-style-image: url("images/arrow.gif");
}
	
#main .left_side .hitems li { 
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
	 
}

#main .right_side { float: right; width: 660px; background: #FFF; padding:5px 0px 0 0; margin:0; 	text-align:justify; 
}

#main h3 { font: 85% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; 
			border-bottom: 1px solid #FEAB06;
}

#main .box  {	background: #efefef; padding: 5px; border: 1px solid #ccc;}

#main .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}
	
#main .right_side li { 
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}



/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {background:url(images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;}
#left_footer { float:left; padding:40px 0 0 30px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}




/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/


ul { margin: 0 0 0px 0; padding : 0; list-style : none; }
li { 	margin: 0 0 2px 0; padding: 0 0 0 0px;	color: #555; }


p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; }
a { color: #a90000; background: inherit; text-decoration:none; }
a:hover { color:#FC7901; background: inherit; text-decoration:none; }

h1 { 
	padding:0; 
	margin:0; 
	color: #FFF; 
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }

h2 { 
	background: url("images/h.gif") no-repeat left;
	color:#000;
	font-size:140%; 
	font-weight:bold; 
	margin: 5px 0 5px 0px; 
	padding:0 0 0 15px; 
}

h2 a { background: #FFF; color: #000; }
h2 a:hover { background: #FFF; color: #A90000; }

fieldset {	border: 1px solid #A90000; }
textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #A90000; 
	background: #FFF; 
	color: #354D5F;
}

textarea.text:hover { 
	border: 1px solid #A70000; 
	background: #FFFFF4; 
	color: #000;
}


.date { 
	color: #808080; 
	background: #FFFFFF;
	text-align: right; 
	margin: 4px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #eee;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}

.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}
.middlebox {
width:660px;
padding-top: 30px;
position:relative;
height:300px;
}

.left {
position:absolute;
left:24px;
width:200px;
height:200px;
}
.middle {
position:absolute;
left:338px;
width:216px;
height:200px;
}
.right {
position:absolute;
left:280px;
width:360px;
height:200px;
}
.leftbox {width: 300px;float: left;margin:0.5em 0.5em 1em 0;color:#134898;height:60px;}

.rightbox {width: 300px;float: right;height:10em;margin:0.5em 0.5em 1em 0;color:#134898;}

/* form elements */
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 360px;
  max-width: 360px;
  width: 360px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:none;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}