@charset "utf-8";
/* CSS Document */
body {
	margin:0px 0px; padding:0px;
	text-align:center;
	background:url(../../img/activities/bgbg.jpg) repeat-x;
	/*background-color:#003366;*/
	/* theme
	icy: ../images/Vol_171_HB151.JPG
	grassy: Vol_006_SF004
	modern: AV025.JPG
	sky: SE015.JPG
	*/
	}
	
img {
	margin:0;
	border:0;
	padding:0;
	display:block;
	}

p {
	margin:0;
	}
	
#wrapper {
	width:780px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	background:url(../../img/activities/activities_cover.jpg) no-repeat;
	/*border:1px dashed #333;*/
	/*background-color:#FFFFFF;*/
	}
	
/****************************************
           header section 
****************************************/
#header {
	width:780px;
	}
#hdr_logo {
	float:right;
	/*width:200px;*/
	}
#hdr_nav {
	float:left;
	text-align:left;
	/*width:340px;
	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:780px;
	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:780px;
	text-align:right;
	background-color:#FF99CC;
	z-index:-1;
	}
	
/****************************************
           content text
****************************************/
#content {
	clear:both;
	width:780px;
	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:780px;
	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;
}