@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;

}