body { 
color: #303030; 
background:url("../images/pinstripe-light.png") repeat, linear-gradient(180deg, rgba(111,120,97,1) 0%, rgba(70,77,60,1) 100%);
/*background:#fff url(../images/bg.gif) repeat-x; */
font: .72em Arial, Verdana, sans-serif; 
text-align: center; 
/*line-height: 1.4em; */
margin: 0 auto; 
}

/* --------------All The Pretty Things----------------------178373---085448---b4e5de--*/

a { 
color: #178373;
font-weight:bold;
text-decoration:none; 
background: inherit; 
}

a:hover { 
color: #085448; 
background: inherit;
text-decoration:underline;
}

h2 {
font-size: 1.1em;
margin-left: 4px;
color: #5e5e5e;
text-transform:uppercase; 
}

h5 {
font-size: 1em;
margin-left: 4px;
color: #5e5e5e;
}

ul { 
color: #666666;
margin: .6em 0; 
padding: 0;
}

.highlighthree{
color: #CC9933;
font-size:13px;
font-weight: bolder;
}

.highlight {
color: #CC6600;
font-size:14px;
font-weight: bolder;
}

.highlighttwo {
color: #CC0000;
font-size:16px;
font-weight: bolder;
}

.image {
float: left;
clear: left;
background: #eee;
color: #000;
margin: 0 12px 10px 0;
}

.big { 
float:left; 
color:#5e5e5e; 
font-size:50px; 
line-height:30px; 
padding: 4px 4px; 
font-family: "Times New Roman", times, Sans-Sherif; 
background:inherit; 
} 

/* --------------The Main Content------------------------------*/

#wrapper { 
width: 850px; 
background: #fff; 
margin: 0 auto;
padding:5px 10px; 
text-align: left;
border-left: 1px solid #666;
border-right: 1px solid #666; 
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

#header { 
width: 850px;
height: 50px; 
margin: 0 0 4px 0;
background:url(../images/vbheader.png) no-repeat;
border-bottom: 1px dotted #DCDBD5;

}

#header h1 {
float: left;
color: #fff;
margin: 15px 0 0 55px;
padding: 0;
font-size: 1.6em;
}

#pic{
margin-bottom: 6px;
width: 850px;
height: 250px;
background:#fff url(../images/vbpic.png) no-repeat;
}

#quote {
float: right;
margin: 4px 22px 8px 8px;
color: #5e5e5e;
font: 17px  Georgia, "Times New Roman", Times, serif;
}

/* -----BOTH MENUES START HERE------------------------------*/

/* --------------Top Left Vertical Menu------------------------------*/

#leftmenu {
position: relative;
width: 300px;
height: 250px;
float: left;
clear:both;
}

#nav {
width: 300px;
padding: 0;
margin-bottom: 0px;
font-size: 10px;
font-family: Verdana;
color: #333;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#nav li {
border-bottom: 1px solid #fff;
margin: 0;
width: auto;
}

#nav li a {
display: block;
padding: 3px 0px 2px 15px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
text-decoration: none;
width: auto;
background:#178373 url(../images/menuarrow.gif) no-repeat center left;
}

#nav li a:hover {
color: #fff;
padding: 3px 0px 2px 30px;
background: #b4e5de url(../images/menuarrowhover.gif) no-repeat center left;;
font-weight:bold;
}

/* --------------Horizontal Menu Starts Here------------------------------*/

			
#menu { 
clear: both; 
margin: 0 0 10px 0; 
padding: 7px 0 7px 10px; 
border-top: 1px dotted #DCDBD5;
}

#menu li { 
display: inline; 
}

#menu a { 
padding: 3px 3px; 
margin: 0 3px 0 3px; 
text-decoration: none; 
color: #5e5e5e;
font-weight: bold; 
border-bottom: 4px solid #5e5e5e; 
}

#menu a:hover { 
border-bottom: 4px solid #01492a; 
color: #444;
}

/* --------------The Meat And Potatoes------------------------------*/

.clear {	
clear: both; 
margin: 0 0 2px 0; 
}

.box {
float: left;
width: 30%;
margin: 2px 0 0 14px;
background: #fff;
color: #303030;
padding: 2px 2px 0 4px;
border: #eee 1px solid;
}
	
.box h1 {
margin: 2px 0;
padding: 0;
color: #5e5e5e;
background: inherit;
font-size: 1.1em;
text-transform:uppercase;
}
		
.contentbox {
float: left;
width: 47%;
margin: 7px 7px;
background: #fff;
color: #303030;
border: #eee 1px solid;
padding: 4px 4px;
}

.fullbox {
float: left;
width: 97%;
margin: 7px 7px;
background: #fff;
color: #303030;
border: #eee 1px solid;
padding: 4px 4px;
font-size: 10px;
}

.fullbox2 {
float: left;
width: 15%;
margin: 7px 7px;
background: #fff;
color: #303030;
border: #eee 1px solid;
padding: 2px 2px;
font-size: 10px;
}

.fullbox3 {
float: left;
width: 85%;
margin: 5px 5px;
background: #fff;
color: #303030;
border: #eee 1px solid;
padding: 2px 2px;
font-size: 10px;
vertical-align:middle
}

table td.body_outer {
	padding: 2px;
	border: 1px solid #eee;
	font-size: 10px;
}

table td.body_kaler{
	padding: 2px;
	border: 1px solid #eee;
	font-size: 11px;
	background-color:#178373;
	color:#FFFFFF
}

table td.body_kaler2{
	padding: 2px;
	border: 1px solid #eee;
	font-size: 11px;
	background-color:#085448;
	color:#FFFFFF
}

table td.body_kaler3{
	padding: 2px;
	border: 1px solid #eee;
	font-size: 11px;
	background-color:#b4e5de;
	color:#FFFFFF
}

table td.body_kaler4{
	padding: 2px;
	border: 1px solid #eee;
	font-size: 11px;
	background-color:#0078B3;
	color:#FFFFFF
}

.link { 
border-top: 1px solid #eee; 
padding: 2px 0;
}
			
.data { 
background: #fff; 
color: #808080; 
padding: 2px 5px; 
margin: 8px 8px;
border: #eee 1px solid;
}

#resources {
clear: both;
background: #fff;
padding: 5px 5px;
margin: 0 0 5px 0;
color: #000;
}


.resources {
float: left;
margin: 2px 0 0 12px;
width: 28%;
padding: 0 0px 0 25px;
border: #eee 1px solid;
}		

#footer { 
margin: 20px 10px; 
text-align: center; 
}


/* --------------hoklain doh-----------------------------*/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #C28787;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
color: #984E4E;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

.button {
  color: #613232;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
 /* background: url(../images/button_bg.png) repeat-x;*/
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 18px;
  height: 24px !important;
  height: 22px;
  margin: 1px;
}

@media print {
.tabcontent {
display:block !important;
}