/* CSS Document */

body { background-image:url(images/bg_hatch80.gif); padding-top: 0; margin-top: 60px; text-align: center; font-size: 75%; }
img { border: 0; margin: 0; padding: 0; }

/* Optional Style Switcher */
#switcher { position:absolute; top:5px; left:5px; font: .8em Verdana, Arial, Helvetica, sans-serif; text-align:left; }
#switcher p { margin:0; padding:0; }
#switcher a {color:#003366; text-decoration:none; }

/* Hidden navigation skips for ADA compliance */
.hidden { position: absolute; left: -10000px; }

/* Why not? */
abbr, acronym {cursor:help; }

/* VBFS Logo */
#logo { position:absolute; top:28px; left: 50%; margin-left: -361px; height:42px; width:400px; background:url(images/vbfs.gif) no-repeat; }
#logo a { display:block; height:100%; overflow:hidden; text-decoration:none; text-indent:-5000em }

/* A-Z Index */
#index p { position:absolute; top:37px; right: 50%; margin:0 -360px 0 0; padding:0 3px 0 0; color: #222; font: .8em/2em Verdana, 'Lucida Sans', Arial, sans-serif; width: 14em; font-weight:bold; text-align:right; }
#index a { color: #222; text-decoration:none; }
#index a:hover { text-decoration:underline; }

/* General container for top tier */
#wrapper { background: url(images/mainnav_bg.jpg) no-repeat top right; border: 1px solid #222; text-align: left; background-color: #FFF; margin:0px auto 10px auto; width: 722px; /* for IE5/Win */ voice-family: "\"}\""; voice-family: inherit; width: 720px; /* actual value */ }
html>body #wrapper { width:720px; }

/* Main  navigation */
#mainnav ul  { margin: 0; white-space: nowrap; padding: 0; height: 2.1em;  border-bottom: 1px solid #888; font: 0.8em/2.1em Verdana, 'Lucida Sans', Helvetica, Geneva, sans-serif; color: #FFF; }
#mainnav ul li { display: inline; }
#mainnav ul li a { border-bottom:none; color: #FFF; float:right; line-height: 2.1em; padding: 0px 10px 0px 10px; text-decoration: none; }
#mainnav ul li a:hover { background-color: #B6C68D; }

/* Site Logo */
#sitelogo { clear:both; color: #FFF; border: 1px solid #FFF; background: url(images/Rot8.jpg) no-repeat; text-align:right; height: 175px; vertical-align: middle; }
#sitelogo a { display:none; }

/* Top-tier navigation */
#sitenav ul { background-color: #A57EAF;  border-bottom: 1px solid #FFF; margin: 0; padding: 0; float: left; height: 2em; width: 100%; font: 1em/2em Arial, Helvetica, sans-serif; }
#sitenav ul li { display: inline; text-align: center;  }
#sitenav ul li a { /*background-color: #A57EAF; */border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; color: #fff; float: left; text-align:center; line-height: 2em; padding: 0px 2px; text-decoration: none; width: 120px; /* for IE5/Win */ voice-family: "\"}\""; voice-family: inherit; width: 114px; /* actual value */  }
html>body #sitenav ul li a { width: 115px; }
#sitenav ul li a:hover { background-color: #AE5959; color: #FFF; }
/*#sitenav ul li a#current { background-color: #DA9874; color: #222; border-bottom: 1px solid #FFF;}*/
#sitenav ul li span a { background-color: #DA9874; color: #222; border-bottom: 1px solid #FFF;}
#sitenav ul li a.rght { border-right: 1px solid #FFF; width:120px; /* for IE5/Win */ voice-family: "\"}\""; voice-family: inherit; width: 114px;}
html>body #sitenav ul li a.rght { width: 114px; }

#pagecontent { border-bottom:1px #222 solid; background: url(images/TreeBackground.gif) no-repeat; }

/* Main Text Setup */
#maintext { font-family:Geneva, Arial, Helvetica, sans-serif; margin: 15px; padding-top:5px; }
#maintext a:link, #maintext a:visited { color: #254D76; border-bottom:1px solid #CCC; text-decoration: none; }
#maintext a:hover, #maintext a:active { border-bottom: 1px solid #669; }

#maintext h1 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 1.6em; line-height:2.0em; font-weight: bold; color:#AE5959; margin: 0; }
#maintext h2 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 1.3em; line-height:2em; font-weight: bold;color:#555; margin: 0; border-bottom: 1px dashed #BBB;}
#maintext h3 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; line-height:1.2em; color:#930; margin: 0; text-transform: uppercase; font-weight: normal;}
#maintext h4 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; line-height:1.2em; color:#555; margin: 0; font-weight: bold;}
#maintext p  { font-size: 1em; line-height:1.5em; color:#333; text-align: justify; }

#maintext .imageunit { width:100%; min-height:150px; margin:0; padding: .5em 0; clear:both; }
#maintext .imageunit p { font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; font-style:italic; text-align:left; padding:0; margin:0 0 0 520px; }
#maintext img.imagepad { float:left; clear:both; margin-right: 5px; padding-right:10px;}

/* List setup */
#maintext ol, #maintext ul { font: 1em/1.8em Geneva, Arial, Helvetica, sans-serif; color:#333; text-align:left; }
#maintext ol li, #maintext ul li { margin: .4em 15px .4em 15px; }
#maintext ul li { list-style-type:square; }
#maintext ol li a, #maintext ul li a { color: #254D76; padding-bottom: 1px; border-bottom:1px solid #CCC; text-decoration: none; }
#maintext ol li a:hover, #maintext ul li a:hover { border-bottom: 1px solid #669; }

li.norm { font-family:Geneva, Arial, Helvetica, sans-serif; margin: 15px; padding-top:5px; font-size: 1em; line-height:1.5em; color:#333; }

/* Sidebar InfoBox */
#infobox { float:right; clear:right; background-color:#FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.95em; letter-spacing:0px; padding:15px 15px 15px 20px; text-align:left; width:275px; /* for IE5/Win */ voice-family: "\"}\""; voice-family: inherit; width: 240px; /* actual value */ }
html>body #infobox { width:240px; }

#infobox .tabtop {background: #E2EACD url(images/corner_right.gif) no-repeat right top; }
#infobox .tabbot {background: #E2EACD url(images/corner_left.gif) no-repeat left bottom; height:27px; }
#infobox h2.tabtop {font-size:1em; font-weight:bold; color:#AC5952; margin: 0; padding: 14px 10px 0 10px;  }

#infobox .content { border:none; background-color: #E2EACD; line-height:14px; color:#666; font-size:1em; margin: 0; padding: 10px; }
#infobox .subcontent { border:none; line-height:14px; color:#666; font-size: 1em; margin: 0; padding: 10px; }
#infobox .content .spacer { line-height:1.15em; }
#infobox .content a { color:#333; text-decoration:none; }
/*#infobox .content a:hover { color:#369;}*/
#infobox .content a:hover { border-bottom:1px dotted #254D76; color:#254D76; }
#infobox .content h3 { font-size:1em; line-height:2em; margin:4px 0 0 0; padding:0; color:#444; }
#infobox .content p { line-height:150%; margin:0 10px; padding: 4px 0;  }
#infobox .content ul { line-height:1.4em; text-align:left; list-style-type: square; list-style-position: outside; margin:0 10px 0 20px; padding-left:10px; }
#infobox .content ul li { line-height:165%; }
#infobox .content ul li a { color:#333; text-decoration:none; }
#infobox .content ul li a:hover { border-bottom:1px dotted #254D76; color:#254D76; }
#infobox .content ul li ul { margin-top: .3em; margin-bottom: .5em; } 
#infobox blockquote { margin: 0 0 0 10px; padding:0; }

#infobox .spacer {line-height:1.25em;}

/* Footer*/
/*#footer { background-color: #C9C7C7; border:1px #FFF solid; font: .8em Arial, sans-serif; padding: 5px 10px; }*/
#footer { background-color: #244f32; border:1px #FFF solid; font: .8em Arial, sans-serif; padding: 5px 10px; }
.copyright p { text-align:left; color:#fff; height:4em; line-height:1.6em; padding: .6em 0 .2em 0; margin:0 0 0 130px; }
.copyright a { text-decoration:none; color:#fff; border:none; padding:0; margin:0; }
.copyright a:hover { color:#069; }
.copyright .logo { float:left; padding:2px 4px 0 0; }
.search { float:right; text-align:right; height:2em; padding: 0; margin: 1em 0; width:360px; }
.search label {display:none;}
.txtbox { width:160px; }
#q { color:#666; }

/* Custom Text and Elements */
.stress {font-style:italic; font-weight:bold;}
.seperator { border-top: 1px solid #D5D5D5; font-size: 0; margin: 20px 15px 0px 15px; }
a.rss  { background-color:#FF6600; color:#FFF !important; font-size:.8em !important; line-height: normal !important; text-decoration:none; letter-spacing:0.15em; padding:0 0.2em 0 0.3em !important; margin: 0 4px!important; font-family:Arial, Helvetica, sans-serif !important;; border-top: 1px solid #FFF; border-right: 1px solid #777; border-bottom: 1px solid #888 !important;; border-left: 1px solid #FFF; }

/* Image position for graphics in toptier - revisit */
.img_pad { margin: .25em;}
.img_ctr { margin: 8px 6px 6px 6px;}
.thumb { float:left; margin: 10px 25px 0 0; }
.thumbtext { float:left; margin: 0px 10px 10px 0; }
.thumbright { float:right; margin: 5px 0 0 10px; }

/* Home Page Setup of Sheet */
#HomeBanner {  }
.h_floatright { float: right; margin: 0; clear: right; }
.h_floatleft { float:left; clear:left; }

.floatright { width: 325px; float: right; clear: right;}
.floatleft { width: 325px; float:left; clear: left;}

/* Alternate Logo */
#logo h1 { display:none; }

/* Home Page  Wrapper */
#h_wrapper { background: url(images/mainnav_bg.jpg) no-repeat top right; border: 1px solid #222; background-color: #FFF; text-align: left; margin-top:0; margin-bottom:10px; margin-right: auto; margin-left: auto; width: 722px; /* for IE5/Win */ voice-family: "\"}\""; voice-family: inherit; width: 720px; /* actual value */ }
html>body #h_wrapper { width:720px; }

/*Header Container */
#h_header { border: 1px solid #FFF; height: 175px; background-color: #CCC; background: url(images/Main3.jpg) no-repeat top left;  }

#h_rotate { height: 175px; width: 495px; }
#h_rotate a { display:block; height :175px; overflow:hidden; text-decoration:none; text-indent:-5000em; }

/* VBFS Homepage side boxes */
#h_search { height:87px; background-color:#CCC; background: url(images/CurrentAd.gif); border-bottom:1px #999 solid; border-left:1px #FFF solid; overflow:hidden; width:220px; /* for IE5/Win */ voice-family: "\"}\""; voice-family: inherit; width: 219px; /* actual value */ }
html>body #h_search { width:219px; }

#h_search h2 { margin: 0; font: bold .9em Verdana, Arial, Helvetica, sans-serif; color:#555; padding: 10px; }
#h_search p { margin: 0; text-align:center; }
#h_search form { margin:0 12px; color:#333; font: .9em Verdana, Arial, Helvetica, sans-serif; }
#h_search label { display:none; }
#search160 { width:160px; }

#h_spotlite { height:87px; background-color: #FC0; background: url(images/bg_spot.gif); border-left:1px #FFF solid; overflow:hidden; width:220px; /* for IE5/Win */ voice-family: "\"}\""; voice-family: inherit; width: 219px; /* actual value */ }
html>body #h_spotlight { width:219px; }

#h_spotlite h3 { margin: 0; font: bold .9em Verdana, Arial, Helvetica, sans-serif; color:#D91111; padding: 8px; }
#h_spotlite p { margin: 0; font: .9em Verdana, Arial, Helvetica, sans-serif; color:#222; padding: 3px 10px 3px 15px; }
#h_spotlite p a { border-bottom:1px solid #999; text-decoration:none; color:#333; }
#h_spotlite p a:hover { border-bottom:1px solid #333; color:#333; }

/* The meat and potatoes of the page */
#h_maincontent { border-top:10px solid #FFF; border-bottom:10px solid #FFF; padding:10px; background-image:url("images/h_pc_bg.gif"); }

/* Link Styles */
#h_maincontent a:link, #h_maincontent a:visited { text-decoration:none; color:#333; }
#h_maincontent a:hover, #h_maincontent a:active { border-bottom:1px dotted #254D76; color:#254D76; }
#h_maincontent .h_more a:link, #h_maincontent .h_more a:visited  { color:#666; margin:.4em 0; text-decoration:none; border-bottom:none; }
#h_maincontent .h_more a:hover, #h_maincontent .h_more a:active { color:#254D76; margin:.4em 0; text-decoration:none; border-bottom:none; }

#h_aboutvbfs { padding:10px; margin-right:10px; clear:left; width:200px; /* for IE5/Win */ voice-family: "\"}\""; voice-family: inherit; width:180px; /* actual value */ }
html>body #h_aboutvbfs {  width:180px; }

#h_aboutvbfs h2 { font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin:0; color:#AC5952;}
#h_aboutvbfs ul { list-style-type:none; font: .95em Verdana, Arial, Helvetica, sans-serif; color:#333; margin:1em 0; padding:0; }
#h_aboutvbfs ul li {margin: .6em 1em; padding:2px; }


#h_vbfsnews, #h_vbfsevents { padding:10px; margin-bottom:10px; width:490px; /* for IE5/Win */ voice-family: "\"}\""; voice-family: inherit; width:470px; /* actual value */ }
html>body #h_vbfsnews, html>body #h_vbfsevents { width:470px; }

#h_vbfsnews { border-bottom:10px solid #FFF; }
/*#h_vbfsnews h2, #h_vbfsevents h2 { font: bold 14px/1em Verdana, sans-serif; margin:0; color:#AC5952; } */
#h_vbfsnews h2, #h_vbfsevents h2 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 1.3em; line-height:1.7em; font-weight: bold; color:#AC5952; margin: 0; border-bottom: 1px dashed #AC5952; }
#h_vbfsnews dl, #h_vbfsevents dl {font: .95em Verdana, Arial, Helvetica, sans-serif; margin:0; }
#h_vbfsnews dt, #h_vbfsevents dt { color:#333; font-weight:bold; margin-top:.4em; }
#h_vbfsnews dt a:link, #h_vbfsevents dt a:link { color:#333; border-bottom:none; }
#h_vbfsnews dt a:visited, #h_vbfsevents dt a:visited { color:#555; border-bottom:none; }
#h_vbfsnews dt a:hover, #h_vbfsevents dt a:hover { color:#254D76; border-bottom:none; }
#h_vbfsnews dd, #h_vbfsevents dd { line-height:135%; color:#333; margin:0; padding: .3em 0; }
#h_vbfsnews p, #h_vbfsevents p { font: .95em Verdana, Arial, Helvetica, sans-serif; color:#333; }

#h_vbfsnews dt { clear:left; }
#h_vbfsnews dd.pic { color:#333; padding: .3em 0; margin:0 0 0 85px; }
#h_vbfsnews img.pic { float:left; width: 75px; padding: 0 10px 4px 0; }

/*#h_footer { clear:both; background-color: #F8E6AA; border:1px #FFF solid; font: .8em Arial, sans-serif; padding:5px 10px; }*/
#h_footer { clear:both; background-color: #244f32; border:1px #FFF solid; font: .8em Arial, sans-serif; padding:5px 10px; }
#h_footer .logo { float:left; padding:.2em 4px 0 0; }
#h_footer .h_copyright p { text-align:left; color:#fff; height:4em; line-height:1.2em; padding: .5em 0 .2em 0; margin:0 0 0 130px; }
#h_footer .h_copyright a { text-decoration:none; color:#fff; border:none; padding:0; margin:0; }
#h_footer .h_copyright a:hover { color:#FC0; }
#h_footer .h_address p { color:#fff; float:right; text-align:right; padding: 0; margin:0; width:200px; padding: .5em 0 .2em 0; line-height:1.2em }