@charset "utf-8";
/* CSS Document */
body {
	margin:0px 0px 0px 0px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #ccc;
	background-image: url(images/page_bg1.gif);
	background-repeat: repeat;
	background-position: left top;
}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px; text-align:left; font-weight:normal;}
img, form{border:0; margin:0px; padding:0px;}
a { text-decoration:none; cursor:pointer; outline:none;}
.img_left{float:left;}
.img_right{float:right;}
.clear{clear:both;}
#doc_width { width:800px; background-color:#FFF;}

#header #content_main #content_width #content .static_disply tr td div .style1 {
	text-align: left;
}
#doc_width #content_main #content_width #content .static_disply tr td .style1 {
	text-align: left;
}
#doc_width #content_main #content_width #content .static_disply .style1 {
	text-align: left;
}
#doc_width #content_main #content_width #content .static_disply tr td {
	text-align: left;
}
.style1 {text-align:left;}
#header{width:780px; padding:10px 0px 0px 10px; float:left;}
.header_row1 {text-align:left; height:57px; padding:10px 0px 0px 15px;  background: url(images/toptest.jpg) no-repeat left top; float:left; width:765px;}
.header_row2 {text-align:left; float:left; width:756px; height:35px; padding:13px 11px 0px 13px; background: url(images/testnav0.jpg);}
.top_links{background:url(images/top_links_bg.gif) left top repeat-x; float:left; width:756px; height:54px; font-family:Verdana, Arial, Helvetica, sans-serif}
.top_links ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(images/top_links_left.gif) left top no-repeat; list-style:none; font-family:Arial, Helvetica, sans-serif; float:left; width:740px;}
.top_links li{font-size:11px; text-align:left; line-height:16px; margin:0px 0px 0px 0px;  padding:18px 0px 18px 0px; float:left; }
.top_links li a{ color:#FFF; outline:none; background:url(images/top_links_hover.gif) left top repeat-x;  padding:10px 15px 12px 15px; }
.top_links li a.home{ color:#FFF; background:url(images/top_links_home.gif) 8px top no-repeat;  padding:11px 15px 12px 25px; }
.top_links li a:hover{ color:#FFF; background-position: 8px -37px; }
.top_links li a.active{color:#000; background-position: 8px bottom;}
#content_main{padding:0px 10px; float:left; width:780px;}
#content_width{padding:15px 20px; float:left; width:740px; }
#subsection{float:right; padding:0px 0px 10px 0px; width:190px; text-align:center; font-size:11px; background-color:#D8D8D8; color:#000;}
.news_box{float:left; width:156px; margin:0px 17px 10px 17px; text-align:left; background:url(images/news_bg.gif) left top repeat-y; display:inline}
.news_box_content{ width:138px; margin:0px 8px 0px 8px; background-color:#D8D8D8; border:1px solid #ccc; height:150px; overflow:auto; }

#subsection h2{font-size:14px; color:#000; text-align:center; font-weight:bold}
#subsection h2 a{color:#000;}
#subsection p{font-size:12px; color:#000; text-align:center;}
.banner{float:left; width:750px; height:236px;}


#bottombar{margin:0px 10px; padding:10px 0px; text-align:center; float:left; width:780px; display:inline; background:url(images/horizontal_seperator.gif) left top repeat-x;}
#bottombar p{color:#003; text-align:center; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#bottombar p a{color:#003; }
#bottombar p a:hover{text-decoration:underline }
#bodybg{
	clear:both;
	height:00px;
	background-color: #7e7e7e;
}


#content{
	float:left;
	width:510px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.static_disply{ float:left; width:510px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003; text-align:left;  }
.static_disply h1{ font-size:22px; font-weight:bold;  padding:0px 0px 10px 0px; margin-bottom:10px; }
.static_disply h1 a{color:#333; }
.static_disply h1 a:hover{background:url(images/horizontal_seperator.gif) left bottom repeat-x;}
.static_disply p{
	text-align:left;
	line-height:15px;
	margin-bottom:8px;
}
.static_disply p a{ color:#333; text-decoration:underline;  }
.static_disply p a:hover{
	text-decoration:none;
	color: #333;
}
.static_disply p span{ color:#333; font-weight:bold; text-decoration:underline;   }
.static_disply h4{ font-size:15px; font-weight:bold}
.static_disply ul{margin:8px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
.static_disply ul li{text-align:justify; margin:0px 0px 0px 0px; padding:0px 0px 5px 12px; background:url(images/bullet_orange1.gif) no-repeat left 5px; }
.static_disply ul li a{color:#333; text-decoration:underline;}
.static_disply ul li a:hover{color:#333; text-decoration:none;}
.static_disply table{ font-size:11px; color:#6e7678; border-collapse:collapse; clear:both; margin:15px 0px 15px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.static_disply table td{line-height:17px;  text-align:left; padding:3px;   }
.static_disply table td a{color:#333; text-decoration:underline; }
.static_disply table td a:hover{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
.static_disply table th {font-size:14px; font-weight:normal;  text-align:left; line-height:17px; background-color:#fbfbfb;  border:1px solid #ececec; padding:6px   } 
.static_disply table tr.altrow { background-color:#fbfbfb;  } 
.border {border: 1px solid #efefef;	}
.textarea{border:1px solid #e3e3e3; font-size:11px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:2px;}
.textfield{border:1px solid #e3e3e3; font-size:11px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:2px;}

.services_text{padding-bottom:25px; text-align:center; border-bottom:1px solid #888; margin-bottom:20px;}
.services_text span{font-style:italic; font-size:13px;}

.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:#bdbdbd url(three_00.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_00.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:35px; background: url(three_00.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 20px 0 6px; height:35px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#bdbdbd; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #7e7e7e; padding:3px; border:1px solid #000; white-space:nowrap; width:280px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:170px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:280px; line-height:18px; text-indent:5px; color:#00F; text-decoration:none;border:1px solid #7e7e7e;}
#nav li ul.sub li a.fly
{background:#7e7e7e url(arrow.gif) 180px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#5f5f5f; color:#fff; border-color:#bdbdbd;}
#nav li:hover ul.sub li a.fly:hover
{background:#5f5f5f url(arrow_over.gif) 180px 6px no-repeat; color:#fff;}






#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #7e7e7e; padding:3px; border:1px solid #000; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#5f5f5f url(arrow_over.gif) 80px 6px no-repeat; color:#bdbdbd; border-color:#bdbdbd;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#7e7e7e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#7e7e7e;}


.ddsmoothmenu{
font: bold 11px Arial;
background:#bdbdbd url(three_00.gif);
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background:#bdbdbd url(three_00.gif);
color:#006;
padding: 6px 15px;
padding-top:10px;
padding-bottom:10px;
border-right: 0px solid #778;
color: #2d2b2b;
text-decoration: bold;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color:#006;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-color:#fad014;
color:#006;
}

.ddsmoothmenu ul li a:hover{
background: white; /*background of menu items during onmouseover (hover state)*/
color:#006;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
background:#333333;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
background:#fff;
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: ;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;

border-bottom: 1px solid #ccc;
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */

