/* CSS Document */
html {height:100%;}

body {
	font-family:verdana, arial, sans-serif;
	background-color:#FFFFFF;
	color:#333333;
	behavior:url("css/csshover.htc");
	font-size:76%;
	font-weight:400;
	margin: 0px;
	padding: 0px;
}

#wrapper{
	width:970px;
	margin-left:0px;
	margin-top:0px;
	background-color:transparent;
	min-height:506px;
	height:auto !important;
	height:506px;
	color: #333333;
} /* set position relative so the footer can be positioned by referencing this containing element */


/*  classes for different page background images */

.home_bkgrnd {
	background-color: #FFFFFF;
}

#header {
	padding:0;
	height:96px;
	background-color:transparent;
}
#left_col {
	float: left;
	clear: left;
}
#left_col_link {
	float: left;
	clear: left;
	background-image: url(graphics/left_column_bkgd.gif);
	height: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	
	background-repeat: repeat;
	width: 168px;
}
#left_col_aag {
	float: left;
	clear: left;
	background-image: url(graphics/left_column_bkgd.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	
	background-repeat: repeat;
	width: 168px;
}

#comment_box{
	float:right;
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 20px;
	background-image: url(graphics/whats_new_box_short.jpg);
	height: 195px;
	width: 340px;
	margin-top: 20px;
}

#link_column2{
	float:right;
	background-repeat: no-repeat;
	background-position: right top;
	height: auto;
	width: 200px;
	margin-top: 5px;
	margin-left: 5px;
	background-color: #CCCCCC;
}

#container_home{
	background-color:transparent;
	margin-left: 200px;
	margin-top: 150px;
	overflow: auto;
}

#main_text_home{
	padding-left:0;
	padding-right:3em;
	padding-bottom:0;
	margin-bottom: 20px;
	margin-left: 218px;
	width: 710px;
	float: none;
	background-color:transparent;
	margin-top: 20px;
	clear: none;
	overflow: visible;
}
#main_text_home2{
	padding-left:0;
	padding-bottom:0;
	margin-bottom: 20px;
	margin-left: 218px;
	width: 745px;
	float: none;
	background-color:transparent;
	margin-top: 20px;
	clear: none;
	overflow: visible;
	margin-right: 0px;
	font-family: verdana, arial, sans-serif;
}
#text_indent{
	padding-left:0;
	padding-right:3em;
	padding-bottom:0;
	margin-bottom: 20px;
	width: 670px;
	float: right;
	background-color:transparent;
	margin-top: 10px;
	clear: none;
}
#left_nav {
	position: absolute;
	top: 114px;
	left: 0px;
	background-image: url(graphics/left_column_1.jpg);
	height: 83px;
	width: 160px;
}

#footer {
	background-color:transparent;
	padding-bottom:0.5em;
	padding-top:0em;
	position:relative;
	bottom: 0;
	float: right;
	clear: both;
	width: 800px;
	margin-right: 0px;
}

#copyright{
background-color:transparent;
padding-bottom:.5em;
padding-top:.5em;
position:relative; 
bottom: 0;
margin-left: 275px;
color:#666666;
font-size:77%;
}


#circle_anim {
	float: right;
	height: 275px;
	width: 235px;
	top: 0px;
	position: absolute;
	left: 0px;
	z-index: 2;
}

#header_anim {
	float: right;
	height: 200px;
	width: 351px;
	top: 0px;
	position: absolute;
	left: 0px;
	z-index: 5;
	
}

h1{font-size: *138.5%;} /*renders 18px */
h2{
	font-size: 123.1%;
	font-style:normal;
	padding-top:.4em;
	padding-bottom:.5em;
	background-color:transparent;
	color: #f70000;
} /* renders 16px */
h3{
	background-color:transparent;
	color: #000000;
} /* renders 16px */

h4{font-size: 108%; font-variant:small-caps;margin-top:1em; padding-bottom:.5em;} /* renders 14px */
h5{
	font-size: 100%;
	font-style:normal;
	padding-top:.4em;
	padding-bottom:.5em;
	background-color:transparent;
	color: #333333;
} /* renders 16px */

h6{
	font-size: 113.1%;
	font-style:italic;
	padding-top:.4em;
	padding-bottom:.5em;
	background-color:transparent;
	color: #f70000;
} /* renders 16px */
p{
	font-size: 108%;
	color: #333333;
	line-height: 120%;
	white-space: normal;
	padding-bottom: 10px;
} /* renders 11px */

em{font-style:italic;}

.red_italic {
	font-size: 108%;
	font-style: italic;
	line-height: 120%;
	color: #f70000;
	white-space: normal;
	padding-bottom: 10px;
	font-weight: bold;
}
.text_comment_box_h1{
	font-size: 108%;
	font-style:normal;
	background-color:transparent;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-align: right;
	margin-right: 1.5em;
	margin-top: 2.25em;
	margin-bottom: 0;
        padding-bottom: 5px
} /* renders 16px */

.left_col_h1{
	font-size: 100%;
	font-style:normal;
	background-color:transparent;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-align: center;
	margin-top: 2em;
	margin-right: 1em;
	margin-left: 1em;
} /* renders 16px */

.left_col_h1_red{
	font-size: 120%;
	font-style:normal;
	background-color:transparent;
	color: #F70000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 800;
	text-align: center;
	margin-top: 2em;
	margin-right: 1em;
	margin-left: 1em;
	line-height: normal;
	margin-bottom: 1px;
} /* renders 16px */

a .left_col_h1_red:hover {
	color:#000000;
}

strong{font-weight:bold;}
a, a:link, a:visited {text-decoration:none; color:#f70000; outline:none;}
a:hover {text-decoration:none; color:#000000; outline:none;}
a img{border:none;}



ul{list-style-type:none;}

li.body{background-color:transparent;padding-bottom:5px;padding-left:25px; }

li.body2{
	background-color:transparent;
	padding-bottom:10px;
	padding-left:25px;
	font-size: 108%;
	line-height: 130%;
}
.black_nav:link  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: 500;
	color: #000000;
	text-decoration: underline;
	text-align: right;
}
.black_nav:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	color: #000000;
	text-decoration: underline;

}
.black_nav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	color: #f70000;
}

.black_nav2:link {
	color: #000000;
	text-decoration: underline;
	text-align: left;
	line-height: 14px;
}
.black_nav2:visited {
	color: #000000;
	text-decoration: underline;
	text-align: left;
}
.black_nav2:hover {
	color: #f70000;
}
.register_link:link {
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
}
.register_link:visited {
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
}
.register_link:hover {
	color: #f70000;
	font-size: 10px;
}

li.body_bullet{
	background-color:transparent;
	padding-bottom:5px;
	padding-left:15px;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 25px;
}

/******* top nav****/

#nav_bar {
	background-image: ;
	display:inline-block;
	width: 1024px;
	height: 52px;
	float: none;
	clear: right;
	background-repeat: no-repeat;
	width: 970px;
}
#menu {/*background-color:aqua;*/
	background-color:transparent;
	float:left;
	width:744px;
	margin-left:226px;
	position:absolute;
	top:103px;
	left:0;
	
}
#menu ul {background-color:transparent;float:left;padding-right:1.5em;padding-left:1.5em;}


#menu ul.first{background-color:transparent;float:left;padding-right:1.5em;padding-left:1.5em;}
#menu ul.last{background-color:transparent;float:left;padding-right:0;padding-left:1.5em;}
#menu a, #menu h3{font-weight:normal;background-color:transparent;text-align:center; padding-top:.75em;padding-bottom:.5em; padding-right:0;padding-left:0;}


#menu a {color:#ffffff;text-decoration:none;}
#menu a:hover {color:#ffffff;background-color:transparent;}

#menu li {position: relative;background-color:#272526;color:#ffffff;list-style:none;padding-right:3.25em;border-right: solid 1px #ffffff;}
#menu li.last {position: relative;background-color:#272526;color:#ffffff;list-style:none;padding-right:3.25em;border-right: 0;}

#menu a.currentpage {color:#272526;text-decoration:none;}
#menu a.currentpage:hover {color:#ffffff;}

#menu ul ul {position: absolute;top: 50;left: 0;z-index:5000;}
#menu ul ul li{border-right: solid 1px #272526;border-left: solid 1px #272526;border-bottom: solid 1px #272526;padding-top:.5em;background-color:#272526;}
#menu ul ul a.subitem{
	font-size:95%;
	text-decoration:none;
	padding-left:0.25em;
	padding-right:0;
	padding-top:1em;
	padding-bottom:1em;
	color:#ffffff;
}
#menu ul ul a.subitem:hover{text-decoration:none;color:#d2c297;}
#menu ul ul ul {position: absolute;top: 0;left: 100%;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;font-size:95%;font-weight:bold;width:14em;padding:0;}


/****bottom nav******/
#navcontainer ul{
	text-align:right;
	background-color:transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 91%;
	font-weight: 500;
}
#navcontainer ul li {
	display:inline;
	background-image:url(graphics/nav_divider.gif);
	padding-right:0.1em;
	padding-left:.5em;
	background-repeat:no-repeat;
	background-position: 0 .1em;
	background-color:transparent;
	font-weight: bold;
	margin-top: 5px;
	padding-top: 5px;
}
#navcontainer ul li a{
	color:#333333;
	font-size:100%;
}
#navcontainer ul li a:hover{color:#f70000;}
#navcontainer .currentpage_bottom a {color:#fb000c;font-size:77%;}

/******form styles ****/

legend{font-weight:bold;display:block;font-size:93%;}
label{font-weight:bold;display:block;font-size:76%;}
input.search{width:301px;padding: 1px 3px;display:inline;float:left;}
select.selectOne, select.selectMultiple, option.selectOne {width: 311px; padding: 1px 3px;}
fieldset.contact ol{list-style:none;}
fieldset.contact li { float: left;clear: left;width: 100%;padding-bottom: 1em; list-style:none;}
fieldset.contact {float: left;clear: left;width: 100%;margin: 0 0 1.5em 0;padding: 0;}
label.contact{float: left;width: 10em; margin-right: 1em;position: relative;}
.contactRadio{display:inline;float: left;width: 11.5em;margin-right: 1em;text-align: right;}
label.contact em {position: absolute;padding-right:.5em;left: 9.5em;top: 0;}
.submit{text-align:center; color:#ffffff;background-color:#666666;display:inline;margin-left:6em; border:solid thin #000000;padding:.5em;}
.text{width: 211px; padding: 1px 3px;}

#msg {display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
.footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}

#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}


/******content toggle ****/
input.button {
	color: #CC0000;
	background: left;
	font-size: 90%;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}