@charset "utf-8";
/* CSS Document */
body {
	margin:0px 0px; padding:0px;
	text-align:center;
	background-color:#003366;
	background:url(../../img/wallpaper/bg_pattern.jpg) repeat;
	}
	
img {
	margin:0;
	border:0;
	padding:0;
	display:block;
	}

p {
	margin:0;
	}
	
#wrapper {
	width:740px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	/*border:1px dashed #333;*/
	background-color:#FFFFFF;
	}
	
/****************************************
           header section 
****************************************/
#header {
	width:740px;
	}
#hdr_logo {
	width:740px;
	}
#hdr_nav {
	width:740px;
	margin:0;
	padding:0;
	display: block;
	font-size:12px;
	}
#hdr_nav ul{
	margin:0;
	list-style:none;
	float:left;
	}
#hdr_nav li{
	margin:2px;
	text-indent:5px;
	list-style:none;
	float:left;
	/*cursor:crosshair;*/
	}
/****************************************
           main program menu 
****************************************/
#program {
	clear:both;
	width:740px;
	text-align:center;
	background-color:#2b51a3;
	}
#prog_nav {
	float:left;
	width:140px;
	text-align:center;
	background-color:#2b51a3;
	}
/*#prog_nav ul {
	padding:0;
	margin:0;
	}
#prog_nav li {
	width:150px;
	padding:0;
	margin:0;
	background-color:#333333;
	font-size:12px;
	color:#FFFFFF;
	list-style:none;
	}*/
.slidedoormenu{
text-align:center;
list-style-type: none;
margin: 0;
padding: 0;
width: 140px; /* width of menu (don't forget to add border with below!) */
/*border-left: 5px solid #ffa1a3;  thick left border of menu */

}

.slidedoormenu li{
border-bottom: 0px solid #885b5c; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white url(../images/vstrip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: 100%;
border-bottom: 0px solid white; /* White border beneath each menu item link, to add depth */
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 5px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: white;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 5px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

<!--[if IE]>

.slidedoormenu li a{ /* Menu link width value for IE */
width: 140px;
}
<![endif]-->

#prog_banner {
	float:right;
	width:740px;
	text-align:right;
	background-color:#FF99CC;
	z-index:-1;
	}
	
/****************************************
           content text
****************************************/
#content {
	clear:both;
	width:740px;
	text-align:left;
	padding:0px;
	background-color:#FFFFFF;
	}
#content li{
	margin-bottom: 5px;
}
#content a:link, #content a:visited{
	color:#000066;
}
#content a:hover{
	color:#333300;
	text-decoration: none;
	font-weight:bolder;
}
/****************************************
           footer section 
****************************************/
#footer {
	width:740px;
	padding:0px;
	background-color:#D7E1E1;
	}
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#footer a:link, #footer a:visited{
	color:#333333;
	text-decoration: none;
	font-style:italic;
}
#footer a:hover{
	color:#FF3300;
	text-decoration: underline;
	font-style: normal;
}
/****************************************
			navigation bar
****************************************/
#sddm
{	margin: 0;
	padding: 0;
	display: block;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 9px 6px;
	width: 125px;
	background: #6495ED;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #A52A2A}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 3px;
	background: #EAEBD8;
	border: 1px solid #6495ED}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background:white;
	color: black;
	font: bold 11px}

#sddm div a:hover
{	background: #A52A2A;
	color: #FFF}