/* CSS Basic Document */

body{

margin:0px auto;
padding:5px;
background:url(images/bg.jpg) left top #505050;
font: normal small Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCCCCC;
	text-decoration: none;
	text-align:justify;
}

/* Menu */

#menu {
width:780px;
height: 40px;
margin: 0px 0px 0px 0px;
background:url('images/menu_bg.gif') repeat-x left top;

}



/* Header */

#header {
width: 780px;
height: 150px;	
background:url('images/header_780_150.jpg') repeat-x;
}

h1, h2, h3 {
	font: bold 1em Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:20px 0px;
	}
	
h1 { font-size: 1.8em; } 
h2 { font-size: 1.5em;}
h3 { font-size: 1.3em; }





.menu_link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 34px;
	padding: 10px ;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CCCCCC;
	background-color:inherit;
	text-decoration: none;
	text-align:left;

}



/* Content */

#content {

width:780px;
margin: 0px auto;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
background-color:#505050;color:#CCCCCC;
font: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.1em; 
font-weight:normal;
line-height: 150%;


}




/* One Column Wide */
#colWide {
width: 750px;
margin-left: 10px;
margin-right: 10px;



}



/* Footer */

#footer {
width: 770px;
font-size: smaller;
text-align: left;
color: #cccccc;
margin-left: 10px;



}


.body_line_red{background:url('images/body_line_small.gif') repeat-x left top;height:20px;}
.img_left{float:left;}
.img_right{float:right;}

.clear {clear: both; }
.red {color: #ff3333; }
.gray  {color: #BFBFBF; }
.black {color: #000000;}






a {
	text-decoration: none;
}

a:link {
	color: #cccccc; text-decoration: underline;
}

a:visited {
	color: #cccccc; text-decoration: underline;
}

a:active {
	color: #ff3333;
}

a:hover {
	text-decoration: underline;color:#ff3333;
}




/* Menu  Sept 2010*/


/*Drop-down menu*/
.nav2 {float:left; width:780px; border:none; background:#7B7B7B ; color:#000; font-size:90%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:2.1em; line-height:2.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: #000;}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background:#7B7B7B; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background:#7B7B7B; font-weight:normal; color:#000;} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background:#7B7B7B; text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background:#7B7B7B; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background:#7B7B7B; font-weight:normal; color:#000;} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background:#7B7B7B; text-decoration:none;} /*Color subcells hovering mode*/

/*.header {width:740px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:740px; height:80px; background:rgb(240,240,240) url("../images/site/bg_head_top.jpg"); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:740px; height:150px; background:rgb(230,230,230) url("../images/site/bg_head_middle.jpg"); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:740px; height:20px; background:#7B7B7B ;}
.header-breadcrumbs {clear:both; width:740px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url("../images/site/bg_head_breadcrumbs.jpg") repeat-y;}
*/

.main {clear:both; width:740px; padding-bottom:30px; background:#7B7B7B url("../images/site/bg_main_withnav.jpg") top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

#menu {width: 740px;height: 26px;background: #7B7B7B }

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 26px;
	padding: 4px 22px 4px 22px;
	text-decoration: none;
	color: #CCCCCC;
}
#menu a:hover, #menu .active a {background: #730000;color: #ffffff}