@charset "utf-8";
/* equal height 3 column layout */
/* each column has a separate container.  */


* {margin: 0; padding: 0;}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em; 
font-size: 0.90em;  
color: #000; /* #5A1C46; */
background: #FFF;/*url(VUBannerFade4.jpg) no-repeat 50% 0;*/
text-align: center;
margin: -10px auto;
}

img {border: 0;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 1.2em; line-height: 1.5em;}
h1 { font-size: 2em; -moz-text-shadow: 2px 2px 4px #BBB;
-webkit-text-shadow: 2px 2px 4px #BBB;
text-shadow: 2px 2px 4px #BBB;}
h2 {font-size: 1.6em; -moz-text-shadow: 2px 2px 4px #BBB;
-webkit-text-shadow: 2px 2px 4px #BBB;
text-shadow: 2px 2px 4px #BBB;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5, p {font-size: 1em;}
h6 {font-size: 0.8em;}
p{ text-indent: 2em;
margin-bottom: 0.9em;
font-weight: 600;
}

div#leftshadow {
background: url(leftshadow25_50.gif) repeat-y top left;
}

div#rightshadow {
background: url(rightshadow25_50.gif) repeat-y top right;
}

/* this is the div that controls the width of the display */
div#container_wrapper {
	
	/*width: 66em; *//* 60em;  an em layout will expand and contract with zoom. A percent layout will stay fixed and text will expand or contract on zoom */
	width: 70em; /* new width to accomodate shadow on featured items */
	margin: 0 auto;
	text-align: center;
	background: url(VUBannerFade4.jpg) no-repeat 50% 0;
	oveflow: auto;
}

/* this is the div that places the shadows on each side. The total width of the div is container_wrapper - 50px, which is the length of each of the two 25px shadows */
div#shadow_container {
	overflow: hidden;
	margin: 0 25px;
}


/* masthead stuff */

div#masthead {
height: 110px;
overflow: hidden;
}

#masthead a {display: block; 
text-decoration: none; 
}


/* NAV div stuff   */

/* image and fixed-content 3D shadow divs. Thanks to Big John Gallant at positioniseverything.net . The outer shadow div makes the nav div absolutely positioned*/

.shadow-one { float: left; position: relative; left: 6em; padding-top: 50px; padding-left: 50px; } 
.corner-a { position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url(fullframeshadowtrans1.png) right top no-repeat; } 
.corner-b { position: absolute; left: 0; bottom: 0; width: 50px; height: 50px; background: url(fullframeshadowtrans1.png) left bottom no-repeat; } 
.shadow-two { background: url(fullframeshadowtrans1.png) right bottom no-repeat; } 
.shadow-three { position: relative; left: -50px; top: -50px; background: url(fullframeshadowtrans1.png) left top no-repeat; } 
.shadow-four { position: relative; left: 25px; top: 25px; } 


div#nav {
height: 75px; 
width: 50em;
/* using margin or padding of any kind here will take the nav div out of the middle of the 4 shadows above! */

}

/* drop down menu*/

/*Container for the menu. */

#menuwrapperMain {
	position: relative;
	top: 1.5em;
	left: 1em;
	margin: 0 auto;
    z-index: 10;  /* highest z-index for relevant code elements */
/* Note: Internet Explorer creates a new stacking context for elements with any z-index value, including auto. This
means that any element lower down in the code tree will appear ABOVE an element further up.
If you assign a high z-index to the PARENT element in IE, the menus display properly */
}

.clearboth {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;	
}

#menubar, #menubar ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.0;
	font-weight: bold;

}

#menubar a {
	display: block;
	text-decoration:none;
	background-color: #7706CE;  /*#5970B2;*/
	border-right: 1px solid #CCC;/*#263D67;*/
	font-size: 0.875em;
	color: #FFF;
	padding: 0.25em 1em;
}

#menubar a.last {border-right: 0;}

#menubar a:hover {
background-color: #49A3FF;
color: #FFF;	
}

#menubar li { /* all list items */
	float: left;
	background-color: #EAF9FF;	
	text-align: left;
	font-weight: bold;
}

#menubar ul li {
margin: 0.25em 0 0.5em 0;
padding: 0 0 0.25em 0;
border-bottom: 1px solid #FFF;  /* make all sub-lists separated with a line */
width: 10em; /* width needed or else Opera goes nuts */
background-color: #EAF9FF; 	
}

/* submenu items all look the same */
#menubar ul li a {
background-color: #EAF9FF;	
color: #00F;
 }

#menubar li ul { /* second-level lists */
	position: absolute;
	background-color: #EAF9FF;	
	border: 1px solid #555;  /*put a border around the sub-menu drop down box*/
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menubar li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#menubar li:hover ul ul, #menubar li:hover ul ul ul, #menubar li.sfhover ul ul, #menubar li.sfhover ul ul ul {
	left: -999em;
}

#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* sub menu -- goes on top because idiot IE 6 doesn't handle z-indexes properly */
#menuwrapperSub {
	position: relative;
	background-color: transparent;
	top: 0.75em;
	left: 1.5em;
}


#menubarSub a {
	display: block;
	text-decoration: none;
	padding: 0 10px;

	/*padding: 2px 2px 2px 2px;*/
	font-size: 0.875em;
	color: #FEE303; /*#FED803; #E0CE03;#FBC000;*/
	background-color: #888;
}

#menubarSub, #menubarSub ul {
	width: 45em;	
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 auto; /* center */
}
#menubarSub li {
	float: left;
	width: auto;
/*	width: 98px; */
}

#menubarSub a:hover{
	background-color: #49A3FF;/*#009BBC; *//* menu item hover background color*/
	color: #FFF;
	
}


/* global parameters for the 3 container divs */

/* left col = 17% , right col = 26%  middle col = 57%  The containers are all 100% width and are pushed to the left to make way for the columns*/
div#container_news {

	float:left;
    width:100%;
   text-align: left;
    overflow:hidden;
    position:relative;
}
div#container_maincontent {
    float:left;
    width:100%;
      text-align: left;
    position:relative;
    right:17%; /* width of container 1 (left)*/
}
div#container_sidebar {
    float:left;
    width:100%;
    text-align: left;
    position:relative;
    right:57%;  /* container 3 (right) is relatively positioned the width of middle container past the middle container   */
}


/* global parameters for the 3 columns  */
/* can space these columns anyway you'd like. Remember that they are  contained within the container divs and are offset to the left, so they have to be pushed back to the right  */

div#news {
    float:left;
    width:19%;    /* this creates 1% padding. we subtract 1% from each side of the column width. IE doesn't implement box model correctly so can't use padding and get consistent layout */
    position:relative;
    left:74%;  /* because column is 1% on each side, must move col  an extra 1% so it sits in the middle */
    overflow:hidden;
}

div#maincontent {
    float:left;
    width:54%;
    position:relative;
    left:73%;  /* col2 always moves 1 + 1 + 1 percent to the left plus the col width when 1% padding is added */
    overflow:hidden;
}

div#sidebar {
    float:left;
    width:26%;
    position:relative;
    left:76%;  /* col3 always moves 1 + 1 + 1 +1 +1 percent to the left plus the col width when 1% padding is added */
    overflow:hidden;
	/*text-align: center; */
}


/* news div stuff, column 1 of 3  */
div#mission {
position: relative;
width: 8.75em;
left: 14%;  /* move left to compensate for the shadow divs around featured items */

}

div#mission h3 {line-height: 0.9em; 
margin-bottom: 0.15em;
border-bottom: 2px solid #555;
padding-bottom: 3px;
}
div#mission h6 {line-height: 1.0em;}

div#featured {
position: relative;
}

div#featured .shadow-one {left:  0;}  

#news ul {
list-style:none;
width: 8.75em;
height: 9em;
/*border-top: 0.5em solid #0000D6;*/
border-bottom: 0.2em solid #7706CE; /*#FFBF00;*/
border-right: 1px solid #000;
border-left: 1px solid #000;
text-align:center;
line-height: 1.2em;
font-size: 0.95em;
color: #000;
/*margin: 1em 0;*/
}

#news ul li.first {
font-weight: bold;
color: #FFF;
background: #0000D6;
margin-bottom: 0.4em;
padding: 0.2em;
}

#news ul li.last {
padding: 0.2em;
}

#news ul.bookediting {height: 11.5em;
border-bottom: 0.2em solid #BA8C2F;
}

#news ul.bookediting li.first {
background: #BA8C2F;
}

#news ul.harmony {height: 8.5em;}

#news ul.privatereadings {
border-bottom: 0.2em solid #0000D6;
}

#news ul.privatereadings li.first {
background: #7706CE;
}

#news ul.privatereadings a {
padding-top: 0.6em;
}

#news ul.iws {
border-bottom: 0.2em solid #0000D6;
border-top: 1px solid #9A8303;
height: auto;
padding-bottom: 0.5em;
}

#news ul.iws li.first {
background: #068298;/*#D8B703;*/
}

#news ul.iws a {
padding-top: 0.6em;
}

#news li a {text-decoration: none;
display: block;
color: #000;
font-weight: bold;
}

#news li a:hover {background: #EAF9FF;}

#news img#BTRButton {
width: 80px;
height: 27px;
border: 0;
margin-top: 0.5em;
} 

div#blurbs {
position: relative;
clear: left;
width: 8.75em;
left: 14%;  /* move left to compensate for the shadow divs around featured items */
}


#blurbs ul {width: 9.0em;
text-align: left;
border: 0;
/*padding: 0.3em;*/
margin-top: 2em;
height: auto;
}

#blurbs li {/*margin-bottom: 0.5em;*/
font:  0.9em / 0.9em Verdana, Arial, Helvetica, sans-serif;   
}

#blurbs li.header a {text-decoration: underline;
font-weight: bold;
color: #0000CC;
}

#blurbs li.adbody a {color: #000;}

#blurbs li.footer a {color: #008000;}
 
/* maincontent div  , column 2  of 3  */

div#maincontent div.textsize img {
border: 1px solid blue;}

div#maincontent object {margin-bottom: 2em;}

div#maincontent div#movies h3{font-size: 1.3em;
margin-bottom: 0.5em;
text-align:center;
}

div#maincontent p.blockquote {margin: 0 3em;
font-size: 0.9em;
font-weight: bold;
}

div.textsize {margin-bottom: 2em;}

div.textsize span {
font-size: 0.8em;
font-weight: bold;
}

div.textsize span.setbackground {margin: 0 0.25em; }

div.textsize span.setbackgroundbg {margin-left: 1em;}
div.textsize a {display: inline-block;}
div.textsize a:hover {background-color: #EAF9FF;}


div#PageContentText {font-weight: bold;}
div#PageContentText  a:link {text-decoration: none;}
div#PageContentText  a:hover {background-color: #EAF9FF;}

div#mainpagetext h2 {font-size: 1.4em;
margin: 1em 0; 
color: #73058B;
text-align: center;
}

div#mainpagetext h3 {line-height: 1.2em; 
text-align: left; 
margin-bottom: 1em; 
color: #73058B;/*#B25008;*/ 
word-spacing: -1px;
}

div#mainpagetext p {text-indent: 3em; color: #0000BB; margin-bottom: 0.5em;}

div#mainpagetext h4 {font-size: 1.2em; margin-bottom: 0.3em;}

div#mainpagetext h5 {font-size: 1.1em; 
margin-bottom: 0.65em; 
color: #000; 
text-indent: 3em; 
line-height: 120%;
}

div#mainpagetext blockquote {margin: 1.5em 2em;}

div#PageContentText ul#photos, div#explore {
list-style: none; 
margin: 0 auto;
text-align: center;
}
 
div#PageContentText ul#photos li {display: inline; padding: 1em; }

div#explore {border: 3px double #0000D6;
width: 25em;
padding: 0.5em;
margin-bottom: 2em;
}

div#explore a {display: block;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold; 
color: #009F55;
font-size: 1.4em;
text-decoration: none;
margin-bottom: 1.2em;
}

div#explore a:hover {text-decoration: underline; background: #EAF9FF;}

div#explore ul {list-style: none; }

div#explore li {padding: 0.65em;}

div#explore li a{font-family:Arial, Verdana, Helvetica, sans-serif; 
color: #7706CE;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
margin: 0;
}

ul#MWSBenefits li{font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.2em;
color: #0000FF;
margin-bottom: 0.5em;
}

ol#FreeEbooks {margin: 0 auto; 
width: 30em;
text-align: left;
}

ul#FreeEbookImages {width: 29em;
text-align: left;
}

ul#FreeEbookImages li {list-style: none;
float: left;}

ul#FreeEbookImages li img{
width: 150px;
height: 265px;
margin: 1em;
}


div#affFAQ h5 {font-size: 1.2em; 
margin-bottom: 1em;
}
div#affFAQ h6 {font-size: 0.9em;
margin-bottom: 0.5em;
}
div#affFAQ a:hover {background-color: #EAF9FF;}



/* sidebar div stuff, column 3 or 3 */

div#sidebar h3 {line-height: 1.1em;}
div#sidebar h3 a {color: #00F;}
div#sidebar h3 a:visited {color: #00F;}
div#sidebar h3 a:hover {background-color: #EAF9FF;}

div#sidebar div#GASOM {margin: 1em auto;} 
div#sidebar div#GASOM h5 {margin-bottom: -0.5em; text-align: left;}

div#addthis {text-align: left;}

div#sidebar div#freemovies {
background: url("RoundRectPurplePics.gif") no-repeat top center;
height: 10em;
width: 14em;
padding-top: 6em;  /* push links down below images */
text-align: center;
}

div#sidebar div#freemovies h6{
margin-bottom: 1em;
line-height: 1em;
padding: 0 0.4em;
}

div#sidebar div#freemovies a {
color: #0000FF;
}


div#sidebar div#freemovies a:hover {background-color: #EAF9FF; 
color: #7706CE;
}


/*div#sidebar div#freemovies h5 a{display: inline;}*/
div#Courses {width: 14em;}
div#Courses img {margin: 0 auto;}

div.KenStuff {width: 12.25em;
margin-top: 2em;
padding: 1em;
border-top: 20px solid #0000D6;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-bottom: 5px solid #7706CE;
text-align: center;
}

div.NewsletterStuff {width: 13.1em;
margin-top: 3em;
padding: 0.5em;
border-top: 20px solid #7706CE;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-bottom: 5px solid #0000D6;
margin-bottom: 2.5em;
text-align: center;
}

div#genericform {width: 18em;
margin: 0 auto;
text-align: center;}

.forminfo {background: #FFF;}

form.mailform {
/*border: 1px solid #0000D6;*/
background: #FFF;
padding: 0.2em;
margin-bottom: 0.5em;
}

form.mailform fieldset {border: 0;}

div#NLsubscribe img {margin: 0 auto;
text-align: center;
}

div#NLsubscribe a {display: block;}

form.mailform:hover, form.mailform:focus {
background-color: #EAF9FF;
}

form.mailform input:hover, form.mailform input:focus {
background-color: #FFDFAA;
}

div.NewsletterStuff  h2, div.NewsletterStuff  h3, div.NewsletterStuff  h4, div.NewsletterStuff  h5, div.NewsletterStuff  h6{
line-height: 1.1em;
margin-bottom: 0.2em;
} 

div.NewsletterStuff  h2 {margin-top: -0.2em;}

div.NewsletterStuff  h5 {color: #0000D6;
font-style: italic;
font-weight: bold;
font-size: 1em;
}

div.NewsletterStuff  h6 {margin-top: 1em;
font-size: 0.75em;
line-height: 1.3em;
}

div.NewsletterStuff  img { margin-top: 0.85em;
}

div.NewsletterStuff  a {text-decoration: none;
color: #0000FF;
font-size: 1.2em; 
font-weight: bold;}

div.NewsletterStuff  a:hover {background-color: #EAF9FF;}

div.Comments {width: 13.1em;
margin: 3em 0;
padding: 0.5em;
border-top: 20px solid #068298;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-bottom: 5px solid #0000D6;}

div.Comments h4 {margin-bottom: 1em;}


div#siteinfo {
/*border-top: 5px ridge #EAF9FF;*/
clear: both;
background: #000;/*#4E535E;*//*#0000AC;*/
margin: 0 27px;
text-align: center; /* for IE 6 */
}

div#siteinfo ul{ 
margin: 0.5em auto 0 auto;
height: 2em;
}

div#siteinfo li {
list-style: none;
display: inline;
}

div#siteinfo a {border-right: 2px solid #FFF;
color: #FFF;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
text-align: center;
padding: 0 1em 0 0;
margin: 1em 0.5em 1em 0;
}

div#siteinfo a.last {font-size: 0.75em;
border-right: 0;
} 

div#siteinfo a:hover, div#siteinfo a:focus {background-color: #EAF9FF;
color: #0000AC;
text-decoration: underline;} 


div#copyright {/*border-top: 5px ridge #EAF9FF;*/
margin: 0 27px; 
/*background: url(VUFooter1.jpg) no-repeat left bottom;*/
background: #999;
height: 9em;
color: #FFF;
text-align: left;
}

div#copyright h3 {
/*font-family: Georgia, "Times New Roman", Times, serif;*/
color:#FFF;
padding: 0.25em 2em;
}

div#copyright h5 {margin-top: -1.5em;
padding: 0.25em 2em;
color:#FFF;
}

div#copyright img.first{float: right;
margin: -7.5em -0.1em 0 0;
}

div#copyright img.last{clear: right; /* this is a hack for IE 6.0 , otherwise, img appears too far to the left*/
float: right;
margin: -3.0em -0.1em 0 0;
}



/* Table of Emotions */
table.emotionalscale {width: 30em;
text-align:center;
border: 1px double #555;

}

table.emotionalscale th, table.emotionalscale tfoot td {text-transform: uppercase;
padding: 5px 10px;
text-align: center;
color: #333;
}

table.emotionalscale tfoot td {text-align: left;}

table.emotionalscale tbody tr {
background-color:#EEFFFF; /* using these properties in tbody td causes the later CSS statement, tbody tr:hover not to work */
}

table.emotionalscale tbody td {padding:  1px 10px; 
}

table.emotionalscale tfoot td {background-color: #FFF;}

table.emotionalscale th {
background-color:#009393;
color:#FFF;
}

table.emotionalscale tbody tr:hover {background-color: #5500FF; 
color:#FFF;
}
/* Table of Emotions end */

div#geommaincontent {width: 35em;
float: left;
padding: 1em 0.5em 0 0.5em; /* total [left, right] margin + [left, right] padding for each col will = 1em */
margin: 0 0.5em 0.1em 0.5em; 
text-align: center;
}

div#geommaincontent img {padding: 0 1em 0 0;}
div#geommaincontent ul {padding: 0 0 0 1.5em;}

div#geomsidebar {
width: 21em;
float: left;
padding: 1em 0.5em 0 0.5em; /* total [left, right] margin + [left, right] padding for each col will = 1em */
margin: 4em 0.5em 0.1em 0.5em; 
text-align: center;
}

div#geomsidebar li {list-style: none;}

div#geomsidebar a{display: block;
}

ol#health, ol.general, ol.generalalpha, ul.general {padding: 1em 2em;}
ol.generalalpha {list-style: lower-alpha;}

ul.generalimage {list-style: none;}
ul.generalimage img {padding: 1em;}

div#maincontent_productpage {width: 58em;
padding: 1em 0.5em 0 0.5em; /* total [left, right] margin + [left, right] padding for each col will = 1em */
margin: 0 0.5em 0.1em 0.5em; 
text-align: center;
}

ul#MPPLinks {list-style: none;
width: 50em;
overflow: auto;
border: 5px ridge #EAF9FF;
border-top: 20px solid #0000D6;
margin: 0 auto;
text-align: center;
}

ul#MPPLinks li {float: left;
/*border-top: 20px solid #FFDF00;*/
width: 12.5em;
padding: 0;
margin: 0;
}

ul#MPPLinks li.br {width: 16.5em;} 

ul#MPPLinks li.last {clear: both;
width: 50em;
/*border-top: 5px ridge #EAF9FF;*/
} 

ul#MPPLinks h5, ul#MPPLinks h4,  ul#MPPLinks li.last a{
padding: 0.25em 0.5em;
}


ul#MPPLinks a {display: block;
line-height: 100%;
text-align: center;
vertical-align: middle;
}

div#eBooks_single, div#eBooks_packages, div#printedmaterial, div#multimedia, div#IWS, div#KTDCcourse {margin: 2em auto 0 auto;
text-align: center;
}

div#KTDCcourse {margin-bottom: 6em;}

table#singleeBooks, table#eBookpackages, table#eBookpackages1, table#printed, table#movie, table#intws, table#KTDC {margin: 0 auto;
width: 50em;
border: 5px ridge #EAF9FF;
background-color: #FFF;
}

table#eBookpackages1 {margin-top: 0.5em;}
table#printed {width: 56em;}
table#movie, table#KTDC {width: 40em;}

/*table#singleeBooks caption, table#eBookpackages caption,  table#printed caption {margin-top: 2em;}*/

table#singleeBooks th {
background-color:#009393;
}

table#eBookpackages th,  table#eBookpackages1 th {
background-color:#7706CE;
}

table#printed th {background-color: #068298;}

table#movie th, table#KTDC th {background-color: #D49F00;}

table#intws th {background-color: #0000D6;}

div#eBooks_single h2, div#eBooks_packages h2, div#printedmaterial h2, div#multimedia h2, div#IWS h2 {margin: 2em 0 0.2em 0;
 font-size: 1.5em; 
 font-family: Arial sans-serif; 
 font-variant:small-caps;
 }
 
div#eBooks_single span.bookinfo, div#eBooks_packages span.bookinfo, div#printedmaterial span.bookinfo, div#multimedia  span.bookinfo, div#IWS span.bookinfo {padding: 0 5em;
line-height: 1.1em;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 0.5em;
display: block;
} 
 
table#singleeBooks td, table#eBookpackages td, table#eBookpackages1 td, table#printed td, table#movie td, table#intws td, table#KTDC td{width: 16.65em;
border: 1px solid #555;
}

table#eBookpackages1 td {width: 24.75em;}

table#printed td {width: 14em;}

table#movie td, table#KTDC td {width: 40em;
padding: 1em;
}

table#intws td {width: 25em;}

table#singleeBooks a, table#eBookpackages a,  table#eBookpackages1 a, table#printed a, table#movie a, table#intws a, table#KTDC a, table#other a {display: block;
margin-bottom: 1em;
}

table#other img {margin: 3em;}
table#other ul, div#otherip ul {list-style: none;}

ul#paymentoptions {list-style: none;
width: 50em;
overflow: auto;
margin: 0 auto;
text-align: center;
}

ul#paymentoptions li {display: inline;
width: 16.5em;
}

ul#homepages {list-style: none;}

ul#homepages li {padding-left: 1.5em;}

/*table#other h2, table#other h3 {margin: 1em 0 0 0;}*/

div#PersoanlCoaching {width: 45em;
text-align: center;
margin: 0 auto;
}

ul#PCImages, ul#PCBox {list-style: none;
display: block;
}

ul#PCBox {background-color: #557F55;
color: #FFF;
padding: 0.3em;
text-align: center;
margin-bottom: 0.75em;
}

ul#PCImages li {margin-top: 1em;}

div#PersonalCoaching fieldset {clear: both;
display: block;
border: 0;
margin-top: 1em;
}

div#PersonalCoaching label {float: left;
width:15em;
font-size: 1.1em;
font-weight: bold;
}

div#PersonalCoaching input, div#PersonalCoaching textarea {
float: left;
margin-left: 1em;
}

div#PersonalCoaching textarea {
width: 25em;
height: 8em;
}

div#PersonalCoaching input#sessionlength1,  div#PersonalCoaching input#sessionlength2{vertical-align: middle; 
border: 0;
background-color: transparent;
}

div#PCBIF, div#Pricing  {background-color: #FFF8F0;
padding: 0.75em;
}

div#PCBIF input#spambots {margin-top: 4em;}

div#Pricing {background-color: #F7F7F7;
text-align: center;
margin-top: 1em;
}

img#HPimage {width: 350px; height: 88px;}


div#PRF {background-color: #FFF8F0;
padding: 0.35em;
text-indent: 0;
text-align: left;
width: 28em;
margin: 0 auto;
border: 1px solid #999;
}

div#PRF fieldset {clear: both;
display: block;
border: 0;
margin-top: 0.5em;
}

div#PRF fieldset#textbox {border-bottom: 1px solid #555;}

div#PRF fieldset#textbox label {width: 23em; margin-bottom: 0.5em;}

div#PRF label {float: left;
width:15em;
font-size: 1.1em;
font-weight: bold;
}

div#PRF input, div#PRF textarea {
float: left;
margin-left: 1em;
}

div#PRF textarea {
width: 23em;
height: 5em;
margin-bottom: 1em;
}

div#PRF h3 {border-bottom: 2px solid #555;}

div#PRF input#JVyes, div#PRF input#JVno {margin: 0.5em 0 0 -12em;}

div#PRF input#submit {border-top: 1px solid #555;}

div#NLArchive {width: 20em;
text-align: right;
}

div#NLArchive img{border: 0;
text-align: center;
margin: 0 auto;
}

div#NLArchive li, div#NLArchive a {display: block;}
div#NLArchive h3 {margin-bottom: 0.2em;}

.equation {font-family: "Times New Roman", Times, serif;
font-size: 1em;
}

.subscript {font-size: 0.8em; 
vertical-align: sub;
}

.superscript {font-size: 0.8em; 
vertical-align: super;
}

.floatleft {float: left;}

.noborder {border: 0;}

.recaptcha_message {
width: 600px;
text-align: center;
margin: 0 auto;
font-family: Arial, Verdana, "Helvetica Neue", sans-serif;
font-size: 2em;
font-weight: bold;
color: #C09;
}

