/* WVC Public Website Main Style Sheet - Authored by Raster Media - www.rastermedia.com */

body {

	background: #9a7f55 url(/images/bg.gif) repeat-x top left;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
}

@media print {

body {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	padding: 0px;
	margin: 0px;
}

}

a {
	color: #335c64;
	text-decoration: underline;
}
a:hover {
	color: #b35638;
	text-decoration: none;
}
a img { /* for firefox */
	text-decoration: none;
}
table {
	empty-cells: show;
}


#nav #tab {
	background: #335c64 url(/images/nav_tab_bg.gif) top right no-repeat;
	cursor: pointer;
	height: 45px;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#nav #tab:hover, #nav .tab a:hover {
	background: #333333 url(/images/nav_tab_bg.gif) top right no-repeat;
}
#nav .tab a{
	padding: 10px 0 0 5px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	display: block;
}



/**********************************************************************************
dropdown nav
***********************************************************************************/

#nav, #nav ul {
	float: left;
	list-style: none;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}
#nav li {
	float: left;
	background: #335c64 url(/images/nav_tab_bg.gif) top right no-repeat;
	height: 60px;
}
#nav li a {
	padding: 15px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	/*w\idth: 13.9em;*/
	font-weight: normal;
	margin: 9px 0 0 0;
}
#nav li li {
	padding-right: 1em;
	width: 182px;
	background: #333333;
	border-bottom: 1px solid #666666;
	height: auto;
}
#nav li li a {
	color: #ffffff;
	display: block;
	width: 100%;
	height: 100%;
	font-weight: normal;
	padding: 8px;
}
#nav li li a:hover {
	color: #ffffff;
}
#nav li ul a {
	width: 100%;
}
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li ul li:hover {
	background: #7895a3;
}
#nav li:hover {
	background: #333333 url(/images/nav_tab_bg.gif) top right no-repeat;
}
#nav li.sfhover {
	background: #333333 url(/images/nav_tab_bg.gif) top right no-repeat;
}
#nav li#pipe {
	padding: 0 10px 0 10px;
	margin-top: -10px;
}
#nav li#pipe:hover {
	background: none;
}
/* eof dhtml nav */


table#canvas {
	background-color: #FFFFFF;
	width: 775px;
	\width: 769px; /* IE5/Mac hack */
	border-right: solid 3px #FFFFFF;
	border-left: solid 3px #FFFFFF;
}
#canvas_corners, #footer {
	background-color: #FFFFFF;
	width: 775px;
}


#footer a, #program_box a, .breadcrumb a {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover, #program_box a:hover {
	color: #c6ab7a;
	text-decoration: none;
}
#footer .links {
	background-color: #8e4130;
	height: 33px;
}
#footer .copyright {
	font-size: x-small;
	color: #FFFFFF;
	padding-top: 8px;
	background-color: #9a7f55;
}


#header .links {
	text-align: right;
	padding-right: 15px;
}
#program_box {
	background-color: #8e4130;
}
.breadcrumb {
	font-size: smaller;
	color: #333333;
	background: #EFA279 url(/images/bg_breadcrumbs.gif);
	padding-left: 10px;
	height: 32px;
}
.toolbar {
	font-size: smaller;
	background: #C9C9D6 url(/images/bg_toolbar.gif);
	text-align: right;
	padding-right: 10px;
	width: 35%;
}
.toolbar a {
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}



.path_fork {
	background: url(/images/home_path_cta_bg.gif) no-repeat center;
	height: 120px;
	border-top: 4px solid #FFFFFF;
	vertical-align: middle;
	font-size: 0.85em;
}
.path_fork #box {
	background-color: #FFFFFF;
	border: 1px solid #9a7f55;
}
.path_fork #box td {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 5px;
}


* .home_left_col { /* hide from IE */
	padding-right: 4px;
}


#program_box td{
	padding-left: 8px;
	padding-right: 8px;
}
#program_box #browse_box{
	background-color: #9c6357;
	color: #FFFFFF;
	width: 214px;
}
#program_box td, #browse_box td{
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 2px;
}

#sub_nav {
	background-color: #8e4130;
	width: 200px;
}
#sub_nav td {
	border-bottom: 1px solid #b56857;
}
#sub_nav a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 8px;
}
* html #sub_nav a { /* ie hack */
	w/idth: 100%; /* hide from ie 5.x */
	height: 100%;
}
#sub_nav a:hover {
	background-color: #5d2b20;
}
#sub_nav .three {
	background-color: #6f3326;
	border-bottom: 1px solid #8e4130;
}
#sub_nav .three a{
	padding-left: 10px;
}

#sub_nav .four {
	background-color: #4F170A;
	border-bottom: 1px solid #6F200D;
}
#sub_nav .four a{
	padding-left: 20px;
}

.page_title {
	border-bottom: 1px dotted #CCCCCC;
	color: #8e4130;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	padding: 20px 15px 6px 15px;
}
.mod_title {
	border-bottom: #9a7f55 dotted 1px;
}

td.left_col {
	width: 200px;
	padding-right: 4px;
}
.content {
	padding-left: 20px;
	padding-right: 10px;
}

.mod_head {
	border-bottom: 1px dashed #cccccc;
}
#success {
	background: #ddf2c5 url(/images/bg_success.gif);
}
#alert {
	background: #fbfcb5 url(/images/bg_alert.gif);
}
table#important_dates .past {
	color:#999999;
}
table#important_dates .next {
	color:#8e4130;
	background-color: #ede0c9;
}
.headline {
	color: #006699;
	font-size: large;
}
#drop_box th {
	background-color: #adadbb;
	height: 37px;
	color: #fff;
}
#drop_box td {
	background-color: #c9c9d6;
	text-align: left;
}
#drop_box tfoot td {
	background: #c9c9d6 url(/images/drop_box_crnr_br.gif) no-repeat right bottom;
	height: 12px;
	text-align: left;
	vertical-align: bottom;
	padding: 0px;
}
#cta td {
	text-align: center;
}
#staff .title {
	color:#999999;
}

#form td{
	background-color: #eeeef5;
	vertical-align: top;
	text-align: left;
	padding: 2px 10px 2px 15px;
}
#form input, #form textarea, #form select {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#form thead th {
	background: #eeeef5 url(/images/form_corner_tl.gif) no-repeat top left;
}
#form thead td {
	background: #eeeef5 url(/images/form_corner_tr.gif) no-repeat top right;
}
#form tfoot th {
	background: #eeeef5 url(/images/form_corner_bl.gif) no-repeat bottom left;
}
#form tfoot td {
	background: #eeeef5 url(/images/form_corner_br.gif) no-repeat bottom right;
}
#form .submit {
	/*background: url(https://www.wvc.org/images/bg_success.gif);*/
	background-color: #d5d5e2;
	height: 40px;
	vertical-align: middle;
	text-align: center;
}
#form .submit input {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #c15d31;
}
#form input#radio {
	width: 15px;
}
.required {
	font-weight: bold;
}
input.error, select.error, textarea.error {
	border: 2px solid #fb6b1f;
	background: url(/images/home_path_cta_bg.gif) no-repeat top left;
	/*background: url(https://www.wvc.org/images/icon_form_alert.gif) right no-repeat;
	padding-right: 16px;*/
}
input:focus, select:focus, textarea:focus {
	border: 2px solid #c9c9d6;
	background-color: #fcfce9;
}
.title, .Title {
	color: #8e4130;
	font-size: large;
}
.sub_title {
	font-weight: bold;
	color: #335c64;
	font-size: 1.1em;
}


/***********************************************

SPLASH

************************************************/

#bg {
	background:url(/images/splash_bg.jpg) top right no-repeat;
}

#div splash_box  {
	height:50px;
}
#blackout {
	background: #333333;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
/*	filter:alpha(opacity=80);  ie 
	-moz-opacity:.80; older mozilla & firefox
	opacity:.80;  safari 1.2, newer firefox and mozilla, CSS3 
	khtmlopacity:.80;  safari<1.2, konqueror */
#highlights table {
	display: none;
}


/** Soical Media Drop Down **********/
div.social_slide {
	display: none;
	background: #fff;
	padding: 3px;
	position: absolute;
}
a.social_links:hover div {
	display: block;
}

#report_options {
	text-decoration: none;
	background: #CCCCCC;
}