/* CSS Document */
<style type="text/css">
/*Notes*/
/*color #ffcc33 is standard gold text color on site*/

/*To set background image but does not work with onLoad="preloadImages();" needed for horizontal nav bar in html body tags*/
#body {background-image:url(images/bg_grad.jpeg)}

/*sets attributes anywhere that id="content" for content area of page (not yet site wide, from blank_sub_menu.php so far)*/
#content {background-color:#8ca1f0}

/*Vertical Navigation bar background color (full height of screen (not yet site wide, from blank_sub_menu.php so far)*/
#vertical_nav_bar {background-color:#000000}

/*Activity horizontal menu starts*/   
#slidetabsmenu {
float:left;
width:100%;
font-size:90%;
line-height:normal;
border-bottom: 1px solid gray;
}

* html #slidetabsmenu{ /*IE only. Add 1empty spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(images/tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: black;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: black;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}
 /*Activity horizontal menu ends*/
 
 /* to set font style between <p> and </p>*/
 p {
font-size: 14px;
color: black;
font-family: verdana, sans serif;
line-height: 20px;
}
}
/*style1 might relate to nothing, possible delete*/
.style1 {color: #000000}

/*style 2 refers to index page, left side update bar, gold color text in bold*/
.style2 {
	color: #ffcc33;
	font-weight: bold;
	font-size: 15px;
}
/*Sets the text style for section areas on vertical menu not linked, example on photos.html - old pages using this, will update soon*/
.style3 {
	color: #ffcc33;
	font-weight: bold;
	font-size: medium;
	font-family: Verdana, sans-serif;
}

/*Sets the text style for section areas on vertical menu not linked, example on photos.html - new pages use this*/
.vertical_nav_titles {
	background-color: black;
	display: block;
	color: #ffcc33;
	font-weight: bold;
	font-size: medium;
	font-family: Verdana, sans-serif;
}

a:visited {
	color: #0000FF;
}
/*Heading 3 is the table titles*/
h3 {font-family: verdana, sans serif; font-size: 14pt; color:black
}

h2 {font-family: verdana, sans serif; font-size: 13pt; color:black
}
/*heading 1 is the copyright information*/
h1 {font-family: verdana, sans serif; font-size: 8pt; color:black
}
/*sets the text style inside table cells*/
td {
font-size: 14px;
color: black;
font-family: verdana, sans serif;
line-height: 20px;
}

/*Vertical sub menu* starts*/
a.nav {
font-family: verdana, sans serif; 
color: #ffcc33;
background-color: black;
line-height: 25px;
border: 0px ;
display: block;
text-decoration: none;
}
/*a.nav:hover sets mouse over color for vertical sub menu. #ffcc33=gold and color: sets text color when mouse over*/
a.nav:hover {
background-color: #ffcc33;
color: black;
}
/*sets the style of any lists in the website.  example of placement on forms, activities horizontal navigation*/
li {
font-size: 14px;
color: #8B0000;
font-family: verdana, sans serif;
line-height: 20px;
}
/*Start of drop down content tabs*/
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: black;
background: #8ca1f0; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 10px verdana;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: left;
color: #ffcc33;
background: black url(images/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(images/toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: #ffcc33; /*background of toggle tab onMouseover*/
color: black;
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}
/*End of drop down content tab section*/
</style>