/* CSS Document */

/****************************
AUTHOR: Heidi Weiland
DATE: June 2006
CONTACT: heidi@soundwebsolutions.net

NOTES: absolute positioning
****************************/
/*
color:#197e97; /*sea green*/
/*color:#006699; /*sea blue*/

/************************** GENERAL FORMATTING ********************/
* {
margin:0;
padding:0;
}
body {
	background-image:url(../images/bg2.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#053c43;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:30px;
}
h2 {
margin-top:.4em;
margin-top:1em;
margin-bottom:.1em;
}
h5 {
margin-bottom:.5em;
}
p {
margin-bottom:.1em;
}
a img {
border:none;
}
p img {
float:left;
margin-right:10px;
margin-bottom:10px;
}
p.Event {
	background-image:url(../images/EventBG.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	padding:10px;
}
#navigation p.Event {
	padding:10px;
}
object {
float:left;
margin-right:10px;
margin-bottom:20px;
border:1px solid gray;
}
/******* TABLE FORMATTING *****/
.table_header td{
border-top:.5em solid #ffffff; /*THIS IS A ROUNDABOUT WAY TO PUT SPACE ABOVE THE HEADER*/
background-color:#CCCCCC;
height:1.8em;
}
.table_header {
background-color:#CCCCCC;
}
table {
margin-bottom:.6em;
}
td {
padding-top:.2em;
padding-left:.2em;
}
thead {
background-color:#006699;
color:#fff;
}


#container {
position:relative;
width:760px;
width:800px;
height:100%;
height:auto;
margin:2px auto 6px auto;
border:2px solid #006699;
border-color:##003366;
background-color:white;
}

#header {
/*width:100%;*/
/*border-bottom:1px solid #cccccc;*/
height:155px;
background-image:url(../images/2008/header_06.jpg);
background-image:url(../images/header2009_06.jpg);
background-image:url(../images/2010/header_06.jpg);
background-image:url(../images/2010/HeaderNew_06.jpg);
background-position:left top;
background-repeat:no-repeat;
margin-bottom:0px;
}
#header img {
border:0;
margin:40px 0 0 30px;
}



/******************************************************** NAVIGATION *********************/
#navigation {
position:absolute;
width:200px;
z-index:100;
background-color:#006699;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
color:#036;
}
#navigation h1 {
margin-left:8px;
}
#navigation h2 {
	padding:10px 5px 20px 8px;
	font-size:1.2em;
	color:yellow;
	font-weight:bold;
	text-shadow:1px 1px 1px #000000;
}
#navigation h3 {
	padding:15px 5px 0 8px;
	font-weight:normal;
	font-size:1.2em;
	color:#CCCCCC;
}
#navigation p {
	padding:0 5px 0 8px;
}
#navigation p img {
	float:none;
	border:2px solid white;
	margin-top:30px;
	margin-bottom:10px;
}
#navigation li a {
	color:#CCCCCC;
	text-decoration:none;
	padding:0 5px 0 8px;
}
#navigation a:hover, #navigation a:active {
	color:#ffffff;
	text-decoration:underline;
}
#navigation #bottom_corner {
background-image:url(../images/green_corner_13.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
#navigation #bottom {
padding-bottom:15px;
}
#navigation ul {
background-color:#006699;
padding-top:5px;
}
#navigation li {position: relative;
padding-top:2px;
padding-bottom:2px;
} /*copied this from CVTC*/

#navigation .valdez {
background-color:#197e97;
margin-top:20px;
padding-top:10px;
padding-bottom:30px;
}
#navigation .valdez ul {
	background-color:inherit;
}

/*2nd & 3rd NAVIGATION LEVELS*/

#navigation ul ul {
padding-top:0;
float:left;
position: absolute;
z-index: 5500;
width:10em;
left: 100%;
background-color:#197e97; /*sea green*/
top:-1em;
}
#navigation ul ul ul {
position: absolute;
top: 0;
left: 100%;
width:100%;
}


#content {
margin-left:210px;
min-height:720px;
min-height:975px;
position:relative;
z-index:50;
width:545px;
width:550px;
left:15px;
padding-top:25px;
padding-bottom:30px;
}
#content p {
margin-bottom:10px;
}
#content blockquote {
margin-bottom:10px;
margin-left:30px;
}
#content h1 {
border-bottom:1px solid #999999;
padding-right:10px;
margin-bottom:1em;
margin-top:25px;
margin-right:-25px;
padding-right:20px;
}
#content ul, #content ol {
margin-bottom:.3em;
margin-top:.3em;
}

/*to flow text into columns */
.colwrapper { 
padding: 0px;
/* margin: 50px; */
/*width: 50%;*/
clear:both;
}
#content .colwrapper ul {
	margin-left:0;
}
.colwrapper li {
float: left;
width: 240px;
margin: 0;
padding: 0;
list-style:none;
margin-left:0;
margin-right:15px;
}
.colwrapper br {
	clear:left;
}

.news_bar, .news_bar a {
width:540px;
clear:both;
border-top:1px dotted #999999;
/*border-bottom:1px dotted #999999;*/
/*padding:5px 5px 3px 5px;*/
padding-top:0px;
padding-bottom:0;
margin-left:-5px;
margin-bottom:20px;

text-decoration:none;
}



.img {
width:170px;
float:right;
clear:both;
margin-left:10px;
margin-bottom:1em;
}
.img img {
width:150px;
margin-bottom:0;
}
#content .img p {
margin-top:.25em;
}

.img2 {
width:140px;
float:right;
clear:both;
margin-left:10px;
margin-right:20px;
margin-bottom:1em;
background-color:#197e97; /*sea green*/
padding:5px;
}
.img2 img {
width:150px;
margin-bottom:0;
}
#content .img2 p {
margin-top:.25em;
}
#content .img2 a {
color:white;
}


#footer {
position:relative;
background-image:url(../images/footer_07.gif);
background-position:top;
background-repeat:repeat-x;
clear:both;
height:50px;
background-color:#006699;
margin-bottom:-.7em; /*to offset the placement of #CREDIT */
top:1px;
padding-top:5px;
}
#footer p {
position:absolute;
top:20px;
left:15px;
}
#footer a {
float:right;
margin-top:20px;
margin-right:15px;
}
#footer #left a {
float:left;
margin-left:15px;
}

#credit {
position:relative;
	top:22px;
}
#credit h1, #credit h1 a{
left:34px;
}

/********************************** OTHER STYLINGS ***************************/
.first {
margin-top:15px;
}
.even {
background-color:#CCCCCC;
}
.rss {
float:right;
}
.indent {
margin-left:10px;
margin-top:-10px;
}
.FloatRight {
	float:right;
}