/****  CSS Stylesheet  *****/
/***********  default font-size:12px, use 100% for that  ********/
/*****  90%=11px, 80% in forms, 85% otherwise roughs 10 to 10.5px, a minimum  *****/
/******  NOTEs: DW wont view all docs properly, try browsers first, before modification  *******/
/****  divs must float left for dw to view border, most pages must be 100% wide to view proper ********/
/*********  to center page is confusing, when float left is necessary  ************/
/**** trick for "center with float left" is float left 100% wide w/body margin sides 5% or more *****/
/**** Above not a 100% fix for dw view, borders still flakey *****/
/*****  another trick to keep position going, is only float what needs floating  *********/
/*****  try add or remove <br> in end of empty divs, or remove float, make dw view properly *******/
/*****  NOTE: The <strong> tag &/or no clear float at base, made link repeat at base of page  *****/
/**** The trick hack to stop hover jumpy links, is to put every section into a div, classed seperate  ****/
/******  any div that has a specified margin/pad can't have links without containers  *****/
/******  another hack, is to classify all links, so that they don't margin/pad jumpy  *****/
/*****  the divs containing links can't have set width and margin/pad alterations, or theyll be jumpy  *******/
/**** Hack: Removed width to stop jumpy hover-links, setting pad-margin made it width:auto  *****/
/****  Jumpy Links also stopped by not using % of padding/margin in that particular div  ****/
/****  Stop dreamweaver view mode (doublewide blowout), was to only float inner divs (nest problem)  ****/
/****  Deleting all unnecessary div borders resolved doublewide dw blowout  *****/
/*****  divs out of order, caused absolute columns to vanish  ******/
/***  absolute positioning, use left (never right dimension) fixes layering problem ******/

body {
margin:0px 8px;
padding:0;
color: #000000;
font-size:75%;
}


/******  HEAD DIVS   ******/

.headcontainer {
display:block;
margin:5px 0px 2px 0px;
padding:0;
width:100%;
border: 1px solid #6699CC;
text-align:center;
}

.row1 {
DISPLAY: block;
float:left;
margin:0;
padding:0;
height:45px;
width:100%;
background: #003366 url("../media/yoga-position.jpg") repeat center left
}


.row2 {
DISPLAY: block;
float:left;
margin:0;
padding:0;
width:100%;
background: #003366;
border-top: 1px solid #FFFFFF;
text-align:left;
}


.row2leftbox {
DISPLAY:block;
float:left;
margin:0;
padding:0;
width:22%;
border: 0px solid #000099;
font-weight: bold;
text-align:center;
color: #FFFFFF;
}

.row2midbox {
DISPLAY: block;
float:left;
margin:0px;
padding-top:2px;
width:54%;
font-weight: bold;
font-size:150%;
text-align:center;
color: #FFFFFF;
}


.row2rightbox {
DISPLAY: block;
float:right;
margin:0px;
padding:0px;
width:22%;
border: 0px solid #000099;
font-weight: bold;
text-align:center;
color: #FFFFFF;
}

.row3 {
DISPLAY: block;
float:left;
margin:0px;
padding:0px;
width:100%;
background: #003366;
border-top: 0px solid #6699cc;
border-bottom: 0px solid #6699cc;
text-align:center;
color:#FFFFFF;
}

.row3leftbox {
DISPLAY: block;
float:left;
margin:0px;
padding:0px;
width:22%;
border: 0px solid #000099;
font-weight: bold;
text-align:center;
color:#ffcc33;
}
.row3midbox {
DISPLAY: block;
float:left;
margin:0px;
padding-top:1px;
width:40%;
font-weight: bold;
text-align:center;
}

.row3rightbox {
DISPLAY: block;
float:right;
margin:0px;
padding:0px;
width:35%;
border: 0px solid #000099;
font-weight: bold;
text-align:center;
color:#ffcc33;
}


form {
padding:0;
margin:0;
}

.pullmenus {
padding:0;
margin:0;
width: 100%;
background-color: #FFFFFF;
text-align: left;
font-size:10px;
color: #000099;
}

.searchtable {
margin:0;
padding:0;
}

.searchbox1 {
padding: 0px;
margin: 0px;
background-color: #FFFFFF;
text-align: left;
font-size:10px;
color: #000099;
}
.searchbox2 {
padding: 0px;
margin: 0px;
background-color: #FFFFFF;
text-align: left;
font-size:10px;
text-align: left;
color: #000099;
}

.searchbutton {
margin:0;
padding:0;
font-size:10px;
color: #000099;
}


/***********************************************/
/* Body Divs                                 */
/***********************************************/

.bodycontainer {
display:block;
float:none;
width:100%;
margin:0;
padding:0;
border: 0px solid #006600;
}

/***********  CAREFUL HERE: BODYMID IS INSIDE OF BODYLEFT  ***************/
/***********  This is to keep left column following mid column height  ***************/
.bodyleft {
	display:block;
	float: left;
	width: 22%;
	margin: 0;
	padding:0;
	border: 1px solid #6699CC;
	background: #003366;
	}


.bodymid{
	display:block;
	font-size:12px;
	float: left;
	margin:0;
	padding:0;
	width: 76%;
    border: 0px solid #003366;
	background-color:#FFFFFF;
	text-align:justify;

}

.bodyright{
	display:block;
	float:right;
	margin:0;
	padding:0;
	width: 22%;
	background-color:#FFFFFF;
	border-top: 0px solid #003366;
	border-left: 1px solid #336699;
	border-bottom: 1px solid #336699;
	text-align:left;
}-->

.vmenucontainer {
display:block;
margin:0;
padding:10px 5px;
}


.vmenusection {
display:block;
margin:0;
padding:0;
padding-bottom:5px;
border:0px solid #000000;
font-weight:bold;
text-align:left;
color:#FFFFFF;
}

.vmenulink {
DISPLAY: block;
padding:0;
background: #003366 url("../media/butn-yellow.gif") no-repeat 0% 50%;
border:0px solid #000000;
font-weight:bold;
COLOR: #FFFFFF;
text-indent:10px;
}


.vmenulink:hover {
DISPLAY: block;
padding:0;
background: #6699CC url("../media/butn-yellow.gif") no-repeat 0% 50%;
border:0px solid #000000;
font-weight:bold;
COLOR: #FFFFFF;
text-indent:10px;
}

.maincontent {
display:block;
margin:0;
padding:10px;
}

.headlinesbox {
display:block;
margin:0;
padding:10px 0px 10px 5px;
}


/*****  Footer and Site Info  ********/
/*****  NOTE: FOOTER CLEAR FLOAT IF NOT IN A CONTAINER  ************/
.footer {
display:block;
clear:both;
margin-top:2px;
padding:0;
height:5px;
width:100%;
border-bottom: 1px solid #000099;
font-weight:bold;
text-align:center;
color:#FFFFFF;
}

.nvu {
display:block;
clear:both;
margin:0;
padding:0;
width:100%;
font-weight:bold;
}

/**** LINKS  ********/


.bodymid a:link, .bodymid a:visited,
.bodyright a:link, .bodyright a:visited,
.content a:link, .content a:visited,
.footer a:link, .footer a:visited,
.nvu a:link, .nvu a:visited {
	text-decoration: underline;
	color: #000099;
	}

.bodymid a:hover,
.bodyright a:hover,
.content a:hover,
.footer a:hover,
.nvu a:hover {
	text-decoration: underline;
	background: #EAEEF4;
	color: #990000;
	}

.row2 a:link, .row2 a:visited,
.row3 a:link, .row3 a:visited {
	font-weight:bold;
	text-decoration: underline;
	color: #FFFFFF;
	}

.row2 a:hover,
.row3 a:hover {
	background: #6699CC;
	font-weight:bold;
	text-decoration:underline;
	color: #FFFFFF;
	}


/************  BODY AND HEAD  **********/

 .styleh1 {
	font-family: Cooper Black, Rockwell Extra Bold, Algerian, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #990000;
}
  .styleh2 {
	font-family: Cooper Black, Rockwell Extra Bold, Algerian, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
}
  .styleh3 {
	font-family: Cooper Black, Rockwell Extra Bold, Algerian, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}


  .styleh4 {
	font-family: Cooper Black, Rockwell Extra Bold, Algerian, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 125%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 font-weight:bold;
 }

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}



/*************  end  *******************/