<style type="text/css">

strong, b {font-weight: bold; }
.yellowHighlight {background: #ffff88; }
body {
	background-image: url(../New VO Workshop_files/images/bk-paper-stripe-sm.png);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
}

h1 { margin-top:0 }

/*Allowing divs to adjust their content according to which page they are on*/
#headerRibbon { 
	background: url(../New VO Workshop_files/images/logo-banner.png) top no-repeat;
	height:333px;    width:266px; 	}
/* body#pageFree #headerRibbon, 
body#pageMoney #headerRibbon, 
body#pageWorkshop #headerRibbon, 
body#pageFaq #headerRibbon, 
body#pageCoach #headerRibbon, 
body#pageClasses #headerRibbon, 
body#pageRegister #headerRibbon, 
body#pageContact #headerRibbon, 
body#pageHome #headerRibbon { } */
#headerText { 
	background: url(../New VO Workshop_files/images/expo-header-text5-150-nov.png) top no-repeat;
 	margin:22px 20px; 
	height:284px;    width:656px; 	}
/* body#pageFree #headerText, 
body#pageMoney #headerText, 
body#pageWorkshop #headerText, 
body#pageFaq #headerText, 
body#pageCoach #headerText, 
body#pageClasses #headerText, 
body#pageRegister #headerText, 
body#pageContact #headerText, 
body#pageHome #headerText { */
#mainContent {  margin-top:0; margin-bottom:0; margin-left:70;	padding:0px 45px; }
/* body#pageFree #mainContent, 
body#pageMoney #mainContent, 
body#pageWorkshop #mainContent, 
body#pageFaq #mainContent, 
body#pageCoach #mainContent, 
body#pageClasses #mainContent, 
body#pageRegister #mainContent, 
body#pageContact #mainContent, 
body#pageHome #mainContent { */
#bannerAd { line-height:120%; text-align: center; width:850px; margin-left:auto; margin-right:auto; 
	padding-top: 9px;
	padding-bottom: 8px;
}
/*body#pageFree #bannerAd, 
body#pageMoney #bannerAd, 
body#pageWorkshop #bannerAd, 
body#pageFaq #bannerAd, 
body#pageCoach #bannerAd, 
body#pageClasses #bannerAd, 
body#pageRegister #bannerAd, 
body#pageContact #bannerAd, 
body#pageHome #bannerAd { */
/*#sidebar {}*/
/*body#pageFree #sidebar, 
body#pageMoney #sidebar, 
body#pageWorkshop #sidebar, 
body#pageFaq #sidebar, 
body#pageCoach #sidebar, 
body#pageClasses #sidebar, 
body#pageRegister #sidebar, 
body#pageContact #sidebar, 
body#pageHome #sidebar {*/
#footer { text-align: center; margin-left:auto; margin-right:auto; }
/*body#pageFree #footer, 
body#pageMoney #footer, 
body#pageWorkshop #footer, 
body#pageFaq #footer, 
body#pageCoach #footer, 
body#pageClasses #footer, 
body#pageRegister #footer, 
body#pageContact #footer, 
body#pageHome #footer {*/

h4 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height: 1.5em;
	text-decoration: none;
	vertical-align: baseline;
}

.boxStyle {
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
	border-radius: 15px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 1px 1px 8px #5c5c5c;
-webkit-box-shadow: 1px 1px 8px #5c5c5c;
	box-shadow: 1px 1px 8px #5c5c5c;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#5c5c5c');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#5c5c5c')";
	/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	width: 190px;
	padding: 26px 16px 15px 30px;
	line-height: 20px;
	color: White;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .9em;
	float:left;
/*	display: block; */
    position:relative;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
}

#topStripe {
width:100%;
height:46px;
top:0;
left:0;
position:absolute;
background-color: #242C43;
}

.boxTeal {
	background-image: url(../New VO Workshop_files/images/boxGlow.png) no-repeat top;
	background-color: #558e7b;
}
.boxLime {
	background-image: url(../New VO Workshop_files/images/boxGlow.png) no-repeat top;
	background-color: #7cb32e;
}
.boxOrange {
	background-image: url(../New VO Workshop_files/images/boxGlow.png) no-repeat top;
	background-color: #e5a800;
}
.boxSalmon {
	background-image: url(../New VO Workshop_files/images/boxGlow.png) no-repeat top;
	background-color: #d65942; /*f17756*/
}
.pbox {
margin-bottom: 16px;
}

h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 21px;
text-align: center;
line-height: 30px;
color: white;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 4px;
padding-bottom: 15px;
font-weight: normal;
background: url(../New VO Workshop_files/images/chevron-tranparent.png) no-repeat center bottom;
}
	
.button1 {
	background: url(../New VO Workshop_files/images/button-bg.gif) repeat-x 0 0 #F7F7F5;
	color: #83817C;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 15px;
	display: inline-block;
	margin-right: 7px;
	padding: 3px 10px 6px 11px;
	border-radius: 5px;
	-moz-border-radius: 5px 5px 6px 6px;
	-webkit-border-radius: 5px 5px 6px 6px;
	float: right;
	position: relative;
}

.buttonbg {
	background: url(../New VO Workshop_files/images/button-marker.png) no-repeat right 6px;
	display: inline-block;
	padding-right: 7px;
	position: relative;
}

#topMenu {
  margin: 0px 0px 0px 0px;
  padding: 6px 6px 0px 6px;
  height: 34px;
  line-height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #666666;
  -webkit-box-shadow: 0px 0px 0px #666666;
  -moz-box-shadow: 0px 0px 0px #666666;
  background: #242C43;
  border: solid 0px #6D6D6D;
}
#topMenu li {
  margin: 0px 6px 0px 6px;
  padding: 0px 0px 6px 0px;
  float: left;
  position: relative;
  list-style: none;
}
#topMenu a {
  font-weight: bold;
  font-family: arial;
  font-style: normal;
  font-size: 12px;
  color: #E7E5E5;
  text-decoration: none;
  display: block;
  padding: 8px 20px 8px 20px;
  margin: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-shadow: 2px 2px 3px #000000;
}

/*Defining the graphical menu button for current page and hover states*/
body#pageFree ul#topMenu .free a, body#pageMoney ul#topMenu .money a, body#pageWorkshop ul#topMenu .workshop a, body#pageFaq ul#topMenu .faq a, body#pageCoach ul#topMenu .coach a, body#pageClasses ul#topMenu .classes a, body#pageRegister ul#topMenu .register a, body#pageContact ul#topMenu .contact a, body#pageHome ul#topMenu .home a, #topMenu li:hover > a {
  background: #0399D4;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#A1A1A1);
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
  background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  color: #444444;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 2px 3px #FFFFFF;
}


#topMenu ul li:hover a, #topMenu li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#topMenu ul a:hover {
  background: #0399D4 !important;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#04ACEC, endColorstr=#0186BA);
  background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;
  background: -moz-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#topMenu ul {
  background: #DDDDDD;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CFCFCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
  background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 30px;
  left: 0;
  border: solid 1px #B4B4B4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  box-shadow: 2px 2px 3px #222222;
}
#topMenu li:hover > ul {
  display: block;
}
#topMenu ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#topMenu ul a {
  padding:10px 0px 10px 15px;
  color:#424242 !important;
  font-size:12px;
  font-style:normal;
  font-family:arial;
  font-weight: normal;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#topMenu ul li:first-child > a {
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
}
#topMenu ul li:last-child > a {
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
}
#topMenu:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#topMenu {
  display: inline-block;
}
  html[xmlns] #topMenu {
  display: block;
}
* html #topMenu {
  height: 1%;
}