@charset "utf-8";
/* CSS Document */

body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #fff;
	background:url(../images/page.gif) #172123;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 16px;
	}

table {font:10pt verdana;}

td {vertical-align:top;}

h1,h2,h3,h4,h5 {color: #eee;}
h1 {font:18pt arial;}
h2 {font:15pt arial;}
h3 {font:13pt arial;}
h4 {font:12pt arial;}
h5 {font:11pt arial;}
h1 span, h2 span, h3 span{display:none;}

a {color:#fff;text-decoration:underline;}
a:hover {color: #fff;text-decoration: none;}
a img {border: 0px;}

/*
blue #2B608E
red #700000
gray #484848
blue2 #172123
*/

#container {width:1000px;text-align:left;margin:0px auto;}
#header {float:left;width:1000px;text-align:left;height:350px;background:url(../images/header.jpg) no-repeat;}
#header_sub {float:left;width:1000px;text-align:left;height:122px;background:url(../images/header_sub.jpg) no-repeat;}
	#menu {float:left;width:1000px;}
	#menuoff{color:#fff;text-align:center;text-decoration:none;background:url(../images/menuoff.jpg) repeat-x #007CAF;padding-bottom:5px;}
	#menuon{color:#fff;text-align:center;text-decoration:none;background:url(../images/menuon.jpg) repeat-x;padding-bottom:5px;}
	#menuoff a, #menuoff a:hover{font:8pt arial;color:#fff;text-align:center;text-decoration:none;}
	#menuon a, #menuon a:hover{font:8pt arial;color:#fff;text-align:center;text-decoration:none;}
#body {float:left;width:960px;padding:20px;background:#172123;}#title_background{color:#fff;text-align:center;text-decoration:none;background:url(../images/title_background.jpg) repeat-x #000;padding-bottom:5px;}

.title {padding:5px;font:20pt arial;text-align:left;color:#fff;}
.title_sub {padding:10px;font:15px arial;text-align:left;color:#f8f8f8;background:url(../images/title_background.jpg) repeat-x #000;}
.title_sm {padding:10px;font:12pt arial;text-align:left;color:#f8f8f8;background:url(../images/title_background.jpg) repeat-x #000;}
.content {padding:5px;color:#fff;text-align:left;}
.content_home {padding:15px;color:#fff;text-align:justify}

.subtitleblue {padding-top:45px;padding-left:30px;height:55px;width:370px;font:14pt arial;color:#fff;background:url(../images/title_img_b.png) no-repeat;}
.subtitlepink {padding-top:45px;padding-left:30px;height:55px;width:370px;font:14pt arial;color:#fff;background:url(../images/title_img_p.png) no-repeat;}
.subtitleyellow {padding-top:45px;padding-left:30px;height:55px;width:370px;font:14pt arial;color:#fff;background:url(../images/title_img_y.png) no-repeat;}

#footer {float:left;width:960px;text-align:left;padding:20px;padding-top:5px;margin-top:1px;color:#eee;}

#contentpage_container {float:left;width:950px;text-align:left;margin:0px;background:#fff;}
#contentpage_left {float:left;width:298px;padding-top:85px;margin:0px auto;background:#ffffff;}
#contentpage_middle {float:left;width:600px;padding-left:20px;padding-right:5px;text-align:left;background:#fff;}

/*side menu*/
.boxside {float:left;background: url(../images/leaf.jpg) no-repeat #fff right bottom; width: 290px; border: 0px solid #DEDCD4; margin: 5px 0 0px 0;}
.boxside h5 {width:188px; height: 18px; border-bottom: 1px dotted #DEDCD4; display:block; color: #646262; padding:0px 0 0 9px; font-size:12px; font-weight: bold;}
.boxside ul {padding: 0px 0px 10px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
.boxside li {list-style: none;padding-bottom:5px;}
.boxside ul li {padding-bottom:5px;line-height: 15px; padding-left: 10px; background: url(../images/bullet_grey.gif) no-repeat 0 50%;}
.boxside ul li.selected {line-height: 15px; padding-left: 10px; background: url(../images/bullet_grey.gif) no-repeat 0 50%;}
.boxside a {color: #333; text-decoration: none;padding-bottom:5px;}
.boxside a:hover {color: #222; text-decoration: underline;}
.boxside p {padding: 10px 0px 10px 0px;}

/*Lists*/
.glossary ul {padding: 0;margin: 0;text-align: left;font:9pt verdana;list-style: none outside none;display:inline;}
.glossary li {list-style: none outside none;text-align: left;font: 8pt Verdana;line-height:1.5;display:inline;padding:5px;}

.navlist {padding:5px;color:#333;text-align:left;}
.navlist ul {padding: 0px 0px 10px 10px;font: 11px; color: #333;}
.navlist li {list-style: none;}

.darklist {padding:5px;color:#fff;text-align:left;padding-bottom:10px;font:10pt arial;}
.darklist ul {padding: 0px 0px 10px 10px;font:11pt arial; color: #fff;}
.darklist li {list-style: none;color:#fff;padding-bottom:5px;}
.darklist li a, .darklist li a:active{color:#fff;font:10pt arial;}
.darklist li a:hover{color:#e8e8e8;font:10pt arial;}
#darklist {background:url(../images/menuoff.jpg) repeat-x #007CAF;}
#darklist a, #darklist a:hover{font:10pt arial;color:#fff;text-align:center;text-decoration:none;}

.form_label {margin-right:2px;float:left;width:150px;height:45px;}
.form_label_req {margin-right:2px;float:left;width:150px;height:45px;border-right:1px dotted #ff0000;}
.form_field {padding-left:5px;float:left;width:440px;height:45px;}
.form_field2 {padding-left:5px;float:left;width:440px;}

.graydark {background:#172123;}
.graydark2 {background:#000;}


/*Accordion Menu Script*/
.glossymenu{
margin: 2px 0;
padding: 0;
width: 240px; /*width of menu*/
border: 1px solid #eee;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
font: bold 9pt Arial;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 2px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 8pt arial;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;

#simplegallery1{ //CSS for sample Gallery
position: relative;visibility: hidden;border: 2px solid black;}
#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;padding: 2px 5px;}
#simplegallery2{ //CSS for sample Gallery
position: relative;visibility: hidden;border: 2px solid black;}
#simplegallery2 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;padding: 2px 5px;}

}