html {
 height:100%;
 max-height:100%;
 width:100%;
 padding:0;
 margin:0; 
 border:0; 
 background:#fff;
 /* hide overflow:hidden from IE5/Mac */ 
 /* \*/ 
 overflow: hidden; 
 /* */ 
}

body {
 font-family:arial;
 font-size:13px;
 color:#000000;
 height:100%;
 max-height:100%;
 width:100%;
 padding:0;
 margin:0;
 border:0;
 background-color:#fff;
 text-align:center;
}

.application {
 background-color:#fff;
 text-align:left;
}

#pagewidth{
 width:100%;
 height:100%;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
}

#content {
 clear:both;
 overflow:auto;
 position:absolute;
 z-index:5;
 top:140px;
 bottom:34px;
 left:166px;
 right:0px;
 padding:15px;
 background-color: #fff;
}

* html #content {
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 max-height:100%;
 overflow:auto;
 position:absolute;
 z-index:1;
 border-top:140px solid #000;
 border-bottom:34px solid #fff;
 border-left:166px solid #fff;
 border-right:0px solid #fff;
}


#map{
 height:400px;
 width:100%;
 margin:0;
}

#head {
 position:absolute;
 margin:0;
 top:0;
 left:0;
 display:block;
 width:100%;
 height:100px;
 background-color:#fff;
 font-size:4em;
 z-index:5;
 overflow:hidden;
 color:#fff;
}

#h-leftbar { 
 float:left;
 width:260px;
 height:100px;
 background:#ffffff;
 text-align:left;
}

#h-rightbar { 
 float:right;
 width:381px;
 height:100px;
 background:#ffffff;
 text-align:right;
}

#menu {
 position:absolute;
 margin:0;
 top:100px;
 left:0;
 margin-bottom:1px;
 display:block;
 width:100%;
 height:19px;
 background:#556F52;
 font-size:4em;
 z-index:5;
 overflow:hidden;
 color:#fff;
}

#menu ul {
 list-style: none;
 width:100%;
 margin: 0;
 padding: 0;
 float: left;
}
#menu li {
 text-align:center;
 width:16.63%;
 float:left;
}
#menu a, #menu h2 {
 font-family:arial;
 font-size:12px;
 display: block;
 border-width: 2px;
 border-style: solid;
 border-color: #BC9E2A #000010 #000010 #BC9E2A;
 margin: 0;
 padding: 2px 3px;
 } 
#menu h2 {
 color: #fff;
 background: #000;
 text-transform: uppercase;
}
#menu a {
 color: #E3DCE4;
 background: #556F52;
 text-decoration: none;
}
#menu a:hover {
 color: #000010;
 background: #9DAE94; 
}

#tabmenu {
 z-index:3;
 position:absolute;
 top:120px;
 left:150px;
 right:0px;
 width:100%;
 display:block;
 background:#DEDFD3;
 border-bottom:1px solid #fff;
 margin:0;
 padding-bottom:0px;
 padding-left:15px;
}

#tabmenu ul, #tabmenu li {
 display:inline;
 list-style-type:none;
 margin:0;
 padding:0;
}

	
#tabmenu a:link, #tabmenu a:visited	{
 background : #EBEDE1;
 border : 1px solid #ccc;
 color : #666;
 float : left;
 font-size : small;
 font-weight : normal;
 line-height : 14px;
 margin-right : 8px;
 padding : 2px 10px 2px 10px;
 text-decoration : none;
}

#tabmenu a:link.active, #tabmenu a:visited.active {
 background:#fff;
 border-bottom:1px solid #fff;
 color:#000;
}

#tabmenu a:hover	{
 color:#f00;
}

body.section-1 #tabmenu li#nav-1 a, 
body.section-2 #tabmenu li#nav-2 a,
body.section-3 #tabmenu li#nav-3 a,
body.section-4 #tabmenu li#nav-4 a,
body.section-5 #tabmenu li#nav-5 a,
body.section-6 #tabmenu li#nav-6 a,
body.section-7 #tabmenu li#nav-7 a,
body.section-8 #tabmenu li#nav-8 a
 {
 background : #fff;
 border-bottom : 1px solid #fff;
 color : #000;
}

#tabmenu ul a:hover {
 color : #f00 !important;
}

#footer {
 z-index:5;
 position:absolute;
 margin:0;
 bottom:0;
 left:0;
 right:0;
 display:block;
 height:28px;
 padding-top:6px;
 padding-right:12px;
 padding-left:12px;
 overflow:hidden;
 background-color:#000000;
}

#f-leftbar { 
 width:60%;
 float:left;
 height:28px;
 background:#000000;
 text-align:left;
}

#f-leftbar a {
 text-decoration: none;
 vertical-align:top;
}

#f-rightbar {
 width:40%;
 float:left;
 height:28px;
 background:#000000;
 text-align:right;
 color: #ffffff;
}

#left {
 position:absolute;
 left:0;
 top:120px;
 bottom:34px;
 width:150px;
 padding-left:8px;
 padding-right:8px;
 background-color:#DEDFD3;
 z-index:4;
 overflow:auto;
 background-repeat:no-repeat;
}

* html #left {
 height:100%;
 max-height:100%;
 top:0;
 bottom:0;
 border-top:120px solid #000;
 border-bottom:34px solid #fff;
 color:#000;
}
#left a {
 color: #000000;
}
#left a:hover {
 color: #f00;
 text-decoration: underline;
}


a { 
 font-family:arial;
 font-size:13px;
 color:#000000;
 vertical-align:middle;
}

a:hover { 
 font-family:arial;
 color:#6B1073;
}

#login,
#register,
#forgot,
#retrieval { 
 margin: 0;
 margin-left: 25%; /* This gets it relatively center on the screen */
 margin-right: 25%; /* This gets it relatively center on the screen */
 margin-top: 100px; /* Makes it a little off the top of the screen */
 padding: 10px; /* Make the text not touching the top on the login box */
 width: 50%; /* For centering it on the screen */
 position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
 background: #FBFBF0; /* Login Box background color. Change this if desired. */
 border: solid #000000 1px; /* Makes a black border around the login box */
 z-index: 9; /* Makes it on top of everything else */
 font-family: arial; /* Sets the font */
 visibility: hidden; /* Makes it hidden at first. Very Important.*/
} 

#comp-check{ 
 margin: 0;
 margin-left: 40%; /* This gets it relatively center on the screen */
 margin-right: 40%; /* This gets it relatively center on the screen */
 margin-top: 80px; /* Makes it a little off the top of the screen */
 padding: 10px; /* Make the text not touching the top on the login box */
 width: 20%; /* For centering it on the screen */
 position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
 background: #FBFBF0; /* Login Box background color. Change this if desired. */
 border: solid #000000 1px; /* Makes a black border around the login box */
 z-index: 9; /* Makes it on top of everything else */
 font-family: arial; /* Sets the font */
 visibility: hidden; /* Makes it hidden at first. Very Important.*/
}

#application {
 clear:both;
 overflow:auto;
 position:absolute;
 z-index:3;
 top:120px;
 bottom:34px;
 left:266px;
 padding:15px 30px 15px 30px;
 right:0;
 background-color: #fff;
}

* html #application {
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 max-height:100%;
 width:100%;
 overflow:auto;
 position:absolute;
 z-index:3;
 border-top:120px solid #fff;
 border-bottom:34px solid #fff;
 border-left:266px solid #fff;
}

#apptrac {
 clear:both;
 overflow:auto;
 position:absolute;
 z-index:3;
 top:120px;
 bottom:34px;
 left:0px;
 padding:15px 50px 15px 50px;
 right:0;
 background-color: #fff;
}

* html #apptrac {
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 max-height:100%;
 width:100%;
 overflow:auto;
 position:absolute;
 z-index:3;
 border-top:120px solid #fff;
 border-bottom:34px solid #fff;
 border-left:0px solid #fff;
}

#staff {
 clear:both;
 overflow:auto;
 position:absolute;
 z-index:5;
 top:120px;
 bottom:34px;
 left:0px;
 right:0px;
 padding:15px 50px 15px 50px;
 background-color: #fff;
}

* html #staff {
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 max-height:100%;
 overflow:auto;
 position:absolute;
 z-index:1;
 border-top:120px solid #000;
 border-bottom:34px solid #fff;
 border-left:0px solid #fff;
}


#classroom {
 clear:both;
 overflow:auto;
 position:absolute;
 z-index:5;
 top:120px;
 bottom:34px;
 left:186px;
 right:0px;
 padding:15px;
 background-color: #fff;
}

* html #classroom {
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 max-height:100%;
 overflow:auto;
 position:absolute;
 z-index:1;
 border-top:120px solid #000;
 border-bottom:34px solid #fff;
 border-left:186px solid #fff;
 border-right:0px solid #fff;
}

#classleft {
 position:absolute;
 left:0;
 top:120px;
 bottom:34px;
 width:170px;
 padding-left:8px;
 padding-right:8px;
 background-color:#DEDFD3;
 z-index:4;
 overflow:auto;
 background-repeat:no-repeat;
}

* html #classleft {
 height:100%;
 max-height:100%;
 top:0;
 bottom:0;
 border-top:120px solid #000;
 border-bottom:34px solid #fff;
 color:#000;
}

#apphead {
 position:absolute;
 margin:0;
 top:100px;
 left:0;
 margin-bottom:1px;
 display:block;
 width:100%;
 height:16px;
 background-color:#556F52;
 font-size:16px;
 padding:2px;
 text-align:center;
 vertical-align:middle;
 z-index:5;
 overflow:hidden;
 color:#ffffff;
}

#appleft {
 position:absolute;
 left:0;
 top:120px;
 bottom:34px;
 width:250px;
 padding-left:8px;
 padding-right:8px;
 background-color:#DEDFD3;
 z-index:4;
 overflow:auto;
 background-repeat:no-repeat;
}

#upload {
 font-family:arial;
 font-size:13px;
 color:#000000;
 height:100%;
 max-height:100%;
 width:100%;
 padding:0;
 margin:0;
 border:0;
 background-color:#fff;
 text-align:left;
 overflow:auto;
}

.uploadtable {
 color:#000000;
 width:97%;
 background-color:#fff;
 text-align:left;
}

.required { color: red; font-weight: bold; }
.heading { font-size: 13px; font-weight: bold; color: #000000; }

#news h3{font:bold 114% arial;text-align:left;color:#000000;margin-bottom:6px;}
#news,
#news2,
#news_pm,
#news_t {
position:relative;
min-height:81px;
}
.hd{
  color:#000000;

  border:1px solid #BC9E2A;
  border-bottom:1px solid #BC9E2A;
  background-image:url(http://www.myvbtc.org/portal/images/grd2.gif);
  background-repeat:repeat-x;
}
.bd{
padding:5px 10px 10px;
}
.md{
  background:#fff;
  border:1px solid #BC9E2A;
}
#news_t ul { 
  margin: 0;      
  padding: 0;
}

#newslrg {
position:relative;
min-height:202px;
}
.newslrgbd{
  padding:5px 10px 10px;
  background-image:url(http://www.myvbtc.org/portal/images/newsgrdlrg.gif);
  background-repeat:repeat-x;
}