#container-splash {

width: 797px;
height: 500px;
margin-right: auto;
margin-left: auto;
padding: 2px;
background-image: url(images/splash_14.jpg);
border: 0px double #c0c0c0;

}

#splash {

width: 797px;
height: 500px;
position: relative;

}

#splashbanner {position: absolute; top: 328px; left: 362px;}

#headerbanner {position: absolute; top: 0px; left: 260px; }

#leftbanner  {position: absolute; top: 95px; left: 29px; }


#box-link1 { 
position: absolute; 
top: 399px; 
left: 294px; 
width: 206px; 
height: 64px; 
background-color: transparent; 
border: 1px; }

#box-link2 { 
position: absolute; 
top: 399px; 
left: 542px; 
width: 206px; 
height: 64px; 
background-color: transparent; 
border: 1px; }

#box-link3 { 
position: absolute; 
top: 38px; 
left: 0px; 
width: 127px; 
height: 38px; 
background-color: transparent; 
border: 1px; }

#box-link4 { 
position: absolute; 
top: 38px; 
left: 128px; 
width: 127px; 
height: 38px; 
background-color: transparent; 
border: 1px; }





#info {

height:38px;

}


#ad {

float:right; margin:0 0 20px 20px;

}


/* default link styling needed for IE6 to work */
a {color:#000;}
a:visited {color:#000;}
a:active {color:#000;}
a:hover {text-decoration:none;}
 /* remove the margin and bullets, set the padding for this demo only*/
.button {position: absolute; top: 250px; left: 430px; 
margin:0; padding:25px 0 100px 15px; list-style:none;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.button li {display:inline; float:left; margin-right:5px; background:url(images/hover_button.gif);}

/* style the links and place the background image to start from left edge */
.button li a {display:block; height:38px; float:left; background:url(images/button.gif); text-decoration:none; font-style: italic; font-size:18px; font-family:arial; letter-spacing:1px; line-height:35px;}

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.button li b {margin:0 0 0 20px; display:inline; float:left; height:38px; background:url(images/button.gif) right top; padding:0 20px 0 0; color:#000;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.button li a:hover, .button li a:hover b {border:0; background-image:url(images/hover_button.gif); cursor:pointer;}

/* style the active state to replace the background image. This can also be used for a 'current' tab if you wish */
.button li a:active, .button li a:active b, .button li a.current, .button li a.current b {background-image: url(images/active_button.gif);}

/* move the text down by 3 pixels, and to the right by 2 pixels */
.button li a:active b, .button li a.current b { line-height:38px; margin-left:21px; padding-right:19px;}






.entersite_2  {

position: absolute; top: 80px; left: 100px; 

}






.entersite  {

position: absolute; top: 280px; left: 0px; 

}

.entersite ul { 

margin: 0;

}

.entersite li {

margin: 0px 0px 0px 0px;
list-style-type: none;
display: inline;
background:url(images/button.gif);

	
}

.entersite li a {

color: #000000;
padding: 9px 35px 9px 35px;
text-decoration: none;
font-weight: bold;
font-size: 18px;
font-style: italic;
font-family: Arial;
background:url(images/button.gif);

}

.entersite li a:hover{

color: #000000;
text-decoration: none;
font-weight: bold;
background:url(images/hover_button.gif);

}

.entersite li a:active{

color: #000000;
text-decoration: none;
font-weight: bold;
background:url(images/active_button.gif);

}

.entersite li a:current{

color: #000000;
text-decoration: none;
font-weight: bold;
background:url(images/button.gif);

}




#container {

width: 956px;
height: 539px;
margin-right: auto;
margin-left: auto;
padding: 2px;
background-color: #ffffff;
border: 5px double #c0c0c0;

}

#header {

width: 956px;
height: 93px;
position: relative;
background-image: url(images/header_17.jpg);
background-color: #c0c0c0;

}






.HorizLinks  {
position: absolute; top: 0px; left: 0px; 
}

.HorizLinks ul { 

margin: 0px; 

}

.HorizLinks li {

margin: 0px 0px 0px 0px;
list-style-type: none;
display: inline;

	
}

.HorizLinks li a  {

color: #123751;
padding: 2px 0px 3px;
text-decoration: none;
font-weight: bold;
font-family: Arial Narrow;
font-size: 15px;
background-image: url(images/fff.gif);


}

.HorizLinks li a:visited  {

color: #123751;
text-decoration: none;
font-weight: bold;

}

.HorizLinks li a:hover  {

color: #cc0000;
text-decoration: none;
font-weight: bold;
background-image: url(images/fff.gif);

}



.navlinks  {

position: absolute; top: 62px; left: 0px; 

}

.navlinks ul { 

margin: 0;

}

.navlinks li {

margin: 0px 0px 0px 0px;
list-style-type: none;
display: inline;

	
}

.navlinks li a {

background-color: #444444;
color: #FFFFFF;
padding: 5px 1px 3px 1px;
text-decoration: none;
font-weight: bold;
font-size: 16px;
font-style: italic;
font-family: Arial Narrow;

}

.navlinks li a:visited{

color: #FFFFFF;
text-decoration: none;

}

.navlinks li a:hover{

color: #CBFD5E;
text-decoration: none;
font-weight: bold;


}








.footnavlinks  {


}

.footnavlinks ul { 

width: 922px;
margin: 0px 0px 0px 0px;
padding:51px 20px 3px 15px;
border-right:0px;

}

.footnavlinks li {
margin: 0px 0px 0px 0px;
list-style-type: none;
display: inline;

	
}


.footnavlinks li a {

color: #FFFFFF;
padding: 53px 10px 3px 15px;
text-decoration: none;
font-weight: bold;
font-size: 13px;
font-style: italic;
font-family: Arial;

}

.footnavlinks li a:visited{

color: #FFFFFF;
text-decoration: none;

}

.footnavlinks li a:hover{

color: #FFFF99;
text-decoration: none;
font-weight: bold;
background-image: url(images/ccc3.gif);

}





.footnavbanner  {

position: absolute; top: 85px; left: 30px; 

}

.footnavbanner ul { 

margin: 0;

}

.footnavbanner li {

margin: 0px 0px 0px 0px;
list-style-type: none;
display: inline;

	
}

.footnavbanner li a {

background-color: #123751;
color: #FFFFFF;
padding: 5px 25px 3px 16px;
text-decoration: none;
font-weight: bold;
font-size: 12px;
font-style: italic;
font-family: Arial;

}

.footnavbanner li a:hover{

color: #FFFF99;
text-decoration: none;
font-weight: bold;


}














#header p  {

color: #000000;
font-family: Arial;
font-weight: bold;

}

.smalltext   {

font-size: 9px;
font-family: Arial;

}


.Regular_Red {
	color: #FF0000;
	font: normal 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
}
.Small {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 10pt;
	font-weight: normal;
	font-variant: normal;
}
.Small-Dark-Blue {
	color: #123751;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 10pt;
	font-weight: normal;
	font-variant: normal;
}
.Regular-Dark-Green {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 14pt;
	font-weight: normal;
	font-variant: normal;
}
.Regular-Dark-Blue {
	color: #123751;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 14pt;
	font-weight: normal;
	font-variant: normal;
}
.Regular_Burgandy {
	color: #990000;
	font: normal 10pt/14pt Verdana, Arial, Helvetica, sans-serif;
}
.Regular_Yellow {
	color: #FFCC00;
	font: normal 10pt/14px Verdana, Arial, Helvetica, sans-serif;
}
.Bold_Dark_Green_Regular {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 14pt;
	font-weight: bold;
	font-variant: normal;
}
.Bold_Dark_Blue_Regular {
	color: #123751;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 14pt;
	font-weight: bold;
	font-variant: normal;
}
.Small_Burgandy {

	color: #990000;
	font: normal 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
}
.Header_Dark_Blue {


	color: #000066;
	font: bold normal 14pt/18pt Verdana, Arial, Helvetica, sans-serif;
}
.Small_White {

	color: #FFFFFF;
	font: normal 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
}
.Regular_Black {

	color: #000000;
	font: normal 10pt/14px Verdana, Arial, Helvetica, sans-serif;
}
.Extra_Bold_Gold {
	color: #FFCC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
.Small_Bold {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 10pt;
	font-weight: bold;
	font-variant: normal;
}


#leftnav {

float: left;
width: 258px;
height: 340px;
background-color: #ffffff;

}

#body {

float: right;
width: 686px;
height: 339px;
background-color: #ffffff;
overflow-y: scroll;

}

#footer {

clear: both;
width: 956px;
height: 105px;
position: relative;
background-image: url(images/footer_21.jpg);
background-color: #c0c0d0;

}

.boxheader {
margin-top: 1px;
padding: 0px 1px 1px 1px;
border: 0px solid #ffffff;
width: 100%;
text-align:center;

}

.boxfooter {
position: absolute; top: 75px; left: 0px; 
margin-top: 1px;
padding: 1px 1px 1px 1px;
border: 0px solid #ffffff;
width: 100%;
color: #000000;
font-family: Arial Narrow;
font-size: 17px;
text-align:center;

}

.boxfooter2 {
position: absolute; top: 75px; left: 0px; 
margin-top: 1px;
padding: 1px 1px 1px 1px;
border: 0px solid #ffffff;
width: 100%;
color: #123751;
font-family: Arial;
font-size: 12px;
text-align:center;

}


#newsmenu {


float: left;
width: 956px;
height: 25px;
background-image: url(images/news.jpg);
background-color: #c0c0c0;
text-align:center;


}

#news {

width: 956px;
position: relative;
background-image: url(images/newsmenu.jpg);
background-color: #c0c0c0;

}





.newsnavlinks  {


}

.newsnavlinks ul { 

width: 922px;
margin: 0px 0px 0px 0px;

}

.newsnavlinks li {
margin: 0px 0px 0px 0px;
list-style-type: none;
display: inline;

	
}


.newsnavlinks li a {
color: #663399;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: 10pt;
font-weight: bold;
font-variant: normal;


}

.newsnavlinks li a:visited{

color: #663399;

}

.newsnavlinks li a:hover{

color: #663399;
font-weight: bold;

}












#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color:#eca #b97 #a86 #edb; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}
#nav {height:25px; padding:0;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 20px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#888; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#fff;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#b75;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}








#menu {float: right; width:378px; height:23px; background:url(images/transparent.jpg); text-align:center;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {display:table; margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu ul.level1 {background:url(images/fff.gif);}
#menu ul.level2 {background:#eee;}
#menu ul.level3 {background:#eee;}
#menu ul.level4 {background:#eee;}

#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#menu a {display:block; font:bold 12px verdana,arial,sans-serif; color:#123; line-height:25px; text-decoration:none;padding:0 20px 0 10px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}


#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}

#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}


#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}


#menu li a.fly {background:transparent url(anywidth/arrow.gif) no-repeat right center;}
#menu li.left ul a.fly {background:transparent url(anywidth/arrow-left.gif) no-repeat left center;}

#menu li a:hover,
#menu li a.fly:hover {background-color:#8c8a8d;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#8c8a8d;}

#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}