/* equal height 3 column layout */

/* each column has a separate container.  */



/*

	* print styles

	* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/

	*/

	@media print {

* { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; }

  abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }

	@page { margin: 0.5cm; }

	p, h2, h3 { orphans: 3; widows: 3; }

	 h2, h3{ page-break-after: avoid; }

}



@media all and (orientation:portrait) {

	/* Style adjustments for portrait mode goes here */

	}

	 

	@media all and (orientation:landscape) {

	/* Style adjustments for landscape mode goes here */

}





* {margin: 0; padding: 0;}



/*

fonts.css from the YUI Library: developer.yahoo.com/yui/

Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

*/



/*html { overflow-y: scroll; } *//* force scroll bar even if page is too short */



body {

font-family: Verdana, Arial, Helvetica, sans-serif;

line-height: 1.5em; 

font-size: 0.90em;  

font:13px/1.231 Verdana, Arial, Helvetica, sans-serif; *font-size:small;  /* hack retained to preserve specificity */ 

color: #333; /* #5A1C46; */

/*background: #FFF;/*url(VUBannerFade4.jpg) no-repeat 50% 0;*/ 

text-align: center;



background: #eeeeee; /* old browsers */

background: -moz-linear-gradient(top, #bbbbbb 0%, #eeeeee 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#eeeeee)); /* webkit */

background: -o-linear-gradient(top, #bbbbbb 0%,#eeeeee 100%); /* opera */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#eeeeee',GradientType=0 );

-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#eeeeee',GradientType=0 ); /* ie */

background-attachment: fixed;

}



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;

}



/* hand cursor on clickable input elements */

label, input[type=button], input[type=submit], button { cursor: pointer; }





/* this is the div that controls the width of the display */



div#container_shell {

	width: 68em;

	margin: 2em auto;	

}



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: 68em; 

	min-width: 50em;	

	text-align: center;

	background: #FFF url(VUBannerFade3.jpg) no-repeat center top;

	border: 3px solid #666;

	-webkit-border-radius: 16px;

	-moz-border-radius: 16px;

	border-radius: 16px;

	/* set x,y offset to 0 and distance large to create a uniform 4-sided shadow*/

	-webkit-box-shadow: 0px 0px 48px #333;

	-moz-box-shadow: 0px 0px 48px #333;

	box-shadow: 0px 0px 48px #333; 

	margin: 0 auto;

}



div#site_search {	

	width: 95%;

	background-color: transparent;	

}

div#site_search h5 {

	text-align: center;

	line-height: 1.0;

	margin: 0 0 0.25em 0;

	color: #000;

}



/* 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;

	position: relative;

}





/* masthead stuff */



div#masthead {

	height: 110px;

	overflow: hidden;

}



#masthead a {display: block; 

text-decoration: none; 

}









/* NAV div stuff   */





/* fixed nav  */

div#navfixed {

	position:fixed;

	top: 0;	

	width: 68em;

	margin: 0 auto;

	height: 1.4em;

	background-color: #BBB;

	/*font-size: small;*/

	color: #000;	

	border: 1px solid #888;

	-webkit-box-shadow: 4px 4px 8px #999;

	-moz-box-shadow: 4px 4px 8px #999;

	box-shadow: 4px 4px 8px #999;

	z-index: 501;

}





div#navfixed ul {

		list-style: none;

}



div#navfixed li {

	margin-left: 1em;

	float: left;		

}



div#navfixed a {

	text-decoration: none;

	color: #000;	

	display: block;

}



div#navfixed a:hover {

	color: #FFF;

	font-variant:small-caps;

	

}







div#nav {

	width: 98%;

	height: 8em;

	font-weight: bold;

	/*border-top: 2px solid #BBB;#A88873;

	border-left: 2px solid #BBB;

	border-right: 3px solid #666;

	border-bottom: 3px solid #666;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	-webkit-box-shadow: 4px 4px 8px #666;

	-moz-box-shadow: 4px 4px 8px #666;

	box-shadow: 4px 4px 8px #666; */

	margin: 1em auto;

}



#navmain, #navmain ul, #navtop, #navtop ul, #navgeometry, #navgeometry ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1.5;

	font-weight: bold;

}





/* navtop  */

#navtop {

	font: bold 11px/1.5em Verdana;

	 width: 65%;

      float:right;

	  line-height: normal;

      font-size:80%;  

     border-bottom:1px solid #84776B;

	 margin-bottom: 1.5em;

	 margin-right: 1.5em;

      }

    #navtop ul {		

          margin:0;

          list-style:none;

      }

    #navtop li {		

      display:inline;

	  margin:0;

      padding:0;		

     }

    #navtop a {

      float:right;

      background:url(tableft2.gif) no-repeat left top;

      margin:0;

      padding:0 0 0 4px;

      text-decoration:none;

	  text-align: center;

      }

    #navtop a span {

      float:right;

      display:block;

      background:url(tabright2.gif) no-repeat right top;

	  padding: 3px 6px;

      color:#000;

	  width: auto;

      }

    

	

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #navtop a span {float:none;}

    /* End IE5-Mac hack */

	

    #navtop a:hover span {

      color:#74675B;

	  width: auto;

      }

    #navtop a:hover {

      background-position:0% -32px;

      }

    #navtop a:hover span {

      background-position:100% -32px;

      }





/* navmain */

/* place background images for tabs on the li instead of the a to prevent IE from flickering */



div#navmain {

	height: 1.6em;

}



#navmain a {

	display: block;

	width: 10em;

	color: #FFF;

	text-decoration: none;	

	padding: 0.25em 0;

}





#navmain a:hover {

	

	color: #FA6;	

	padding: 0.25em 0;

}



#navmain li { /* all list items */

	float: right;

	width: 10em; /* width needed or else Opera goes nuts */

	padding: 0;	

	background: url(tab10link.jpg);

	-webkit-box-shadow: 0px 0px 16px #666;

	-moz-box-shadow: 0px 0px 16px #666;

	box-shadow: 0px 0px 16px #666;

}



#navmain li.first, #navmain li.first a {

	width: 10em;

	margin-right: 1em;

}





#navmain li ul { /* second-level lists */

	position: absolute;	

	width: 10em;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */	

	padding: 5px;

	text-align: left;

	background: #EAF9FF;

	-webkit-box-shadow: 0px 0px 12px #000;

	-moz-box-shadow: 0px 0px 12px #000;

	box-shadow: 0px 0px 12px #000; 

}





#navmain li ul li {

	border-bottom: 1px solid #DDD;

	background: #EAF9FF;

	padding: 0 0.5em;

}



#navmain li ul a {

	margin: 0.1em 0;

	color: #000;

	background-image: none;

}



#navmain li:hover, #navmain li.sfhover {

		background: url(tab10hover.jpg);

}



/* lists nested under hovered list items on first and second levels */

#navmain li:hover ul, #navmain li li:hover ul, #navmain li.sfhover ul, #navmain li li.sfhover ul { 

	left: auto;

	z-index: 500;

	width: 11em;

	zoom: 1;  /* IE 7 hack fixes "ghost dropdowns" give element hasLayout */

}



/* li hovers in second-level lists */

#navmain li ul li:hover, #navmain li ul li.sfhover ul { 

	background-image: none;

	background: #48F;

	color: #FFF;

	font-weight: bold;

}



/* links hovers in second-level lists */

#navmain li ul li:hover a, #navmain li ul li.sfhover ul a { 

	display: block;

	background-image: none;

}







/* navgeometry */



#navgeometry {

	text-align: center;

	height: 2em;

	background: transparent;

	margin: 1em auto 0.5em auto;

	width: 20em;	

}



#navgeometry ul {

	-webkit-box-shadow: 0px 0px 16px #666;

	-moz-box-shadow: 0px 0px 16px #666;

	box-shadow: 0px 0px 16px #666; 

}



#navgeometry li {

	/*background:#58C;*/

	

	width: 20em;

}





#navgeometry a {

	text-decoration: none;

	color: #FFF;

	display: block;

}



#navgeometry span a {

	background: url(menu2.gif) 0 -32px;

}



#navgeometry span a:hover, #navgeometry span a:visited {

	background: url(menu2.gif) 0 -64px;

}



#navgeometry li ul { /* second-level lists */

	position: absolute;

	background: #EAF9FF;

	width: 10em;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */	

	

	text-align: left;



}



#navgeometry li ul {

	width: 30em;	

}



#navgeometry li ul a {

	margin: 0.5em;

	color: #FFF;	

	

}



#navgeometry li:hover ul ul, #navgeometry li.sfhover ul ul {

	left: -999em;

}



#navgeometry li:hover ul, #navgeometry li li:hover ul, #navgeometry li.sfhover ul, #navgeometry li li.sfhover ul  { 

	left: auto;

	z-index: 500;

	width: 20em;

	background: #48F;

}



/* make the hovered second-level text turn yellow */

#navgeometry li ul li:hover a, #navgeometry li li ul li:hover a, #navgeometry li ul li.sfhover a, #navgeometry li li ul li.sfhover a {

		color: yellow;

		background-image: none;

}





/*  end nav  */





/* global parameters for the 3 container divs */



/* left col = 20% , right col = 24%  middle col = 56%  The containers are all 100% width and are pushed to the left to make way for the columns*/

div#container_sidebar {

	float:left;

    width:100%;

   text-align: left;

    overflow:hidden;

    position:relative;

	

}

div#container_maincontent {

    float:left;

    width:100%;

      text-align: left;

    position:relative;

    right:24%; /* move container 2 over the width of column 3 (right column) */

	

}

div#container_news {

    float:left;

    width:100%;

    text-align: left;

    position:relative;

    right:56%;  /* move container 1 (right) over the length of middle column   */

	

}





/* 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:18%;    /* 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:81%;  /* because column is 1% on each side, must move col  an extra 1% so it sits in the middle */

    overflow:hidden;

	margin-top: 2%;

}



div#maincontent {

    float:left;

    width:54%;

    position:relative;

    left:83%;  /* col2 always moves 1 + 1 + 1 percent to the left plus the col width when 1% padding is added */

    overflow:hidden;

	margin-top: 2%;

}



div#sidebar {

    float:left;

    width:21%;

    position:relative;

    left:86%;  /* col3 always moves 1 + 1 + 1 +1 +1 percent to the left plus the col width when 1% padding is added */

	/* here we make the 3rd column 1% smaller and create 1% more padding between the middle column and the 3rd column */

    overflow:hidden;

	text-align: center;

	margin-top: 2%;

}





/* news div stuff, column 1 of 3  */

div#mission {

position: relative;

width: 8.75em;

left: 10%;  /* 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;

right: 3%;

}



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 auto;

-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	-webkit-box-shadow: 0px 0px 16px #333;

	-moz-box-shadow: 0px 0px 16px #333;

	box-shadow: 0px 0px 1`6px #333; 	

}





#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 {margin-top: 0.5em;}



#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: 95%;

left: 10%;  /* move left to compensate for the shadow divs around featured items */

}





#blurbs ul {width: 95%;

text-align: left;

border: 0;

/*padding: 0.3em;*/

margin-top: 2em;

height: auto;

-webkit-box-shadow: 0 0 0 0;

	-moz-box-shadow: 0 0 0 0;

	box-shadow: 0 0 0 0; 

}

}



#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: 1em 3em;

font-size: 0.9em;

font-weight: bold;

}



div.textsize {margin-bottom: 0.5em;}



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: 85%;

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 of 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#like {text-align: left; width: 150px;}



div#sidebar div#GASOM {margin: 1em auto;} 

div#sidebar div#GASOM h5 {margin-bottom: -0.5em; }

div#sidebar div#GASOM img {width: 90%; }



div#sidebar div#freemovies {

background: url("RoundRectPurplePics.gif") no-repeat top center;

height: 10em;

width: 95%;

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: 90%; 

margin: 0 auto; 

text-align: center;

}





div.KenStuff {width: 85%;

margin: 2em auto 0 auto;

padding: 1%;

border-top: 20px solid #0000D6;

border-left: 1px solid #aaa;

border-right: 1px solid #aaa;

border-bottom: 5px solid #7706CE;

text-align: center;

-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	-webkit-box-shadow: 2px 2px 4px #666;

	-moz-box-shadow: 2px 2px 4px #666;

	box-shadow: 2px 2px 4px #666;

	

}



div.NewsletterStuff {width: 95%;

margin-top: 3em;

padding:1%;

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;

-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	-webkit-box-shadow: 2px 2px 4px #666;

	-moz-box-shadow: 2px 2px 4px #666;

	box-shadow: 2px 2px 4px #666;

	

}



div#genericform {width: 95%;

margin: 0 auto;

text-align: center;}



.forminfo {background: #FFF;}



form.mailform {

border: 0;

background: #FFF;

padding: 0.2em;

margin-bottom: 0.5em;

}



form.mailform fieldset,  div.forminfo 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: 95%;

margin: 3em 0;

padding: 1%;

border-top: 20px solid #068298;

border-left: 1px solid #aaa;

border-right: 1px solid #aaa;

border-bottom: 5px solid #0000D6;

font-family: Arial, Verdana, Helvetica, sans-serif;

-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

		-webkit-box-shadow: 2px 2px 4px #666;

	-moz-box-shadow: 2px 2px 4px #666;

	box-shadow: 2px 2px 4px #666;



}



div.Comments h4 {margin-bottom: 1em;}

div.Comments p {text-indent: 0;}



div.sb_outer {

	width: 90%;

	-webkit-box-shadow: 3px 3px 8px #333;

	-moz-box-shadow: 3px 3px 8px #333;

	box-shadow: 3px 3px 8px #333;



-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

}



div.sb_inner {

width: 100%;



    border-top: 2px solid #EEE;

	border-left: 2px solid #EEE;

	

-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

}



div.sb_inner h5 {padding: 1em;}



div#siteinfo {

/*border-top: 5px ridge #EAF9FF;*/

width: 100%;

clear: both;

background: #000;/*#4E535E;*//*#0000AC;*/

margin: 0 auto;

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;*/

width: 100%;

margin: 0 auto; 

/*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;

}



.quoteblock {margin: 2.0em; 

line-height: 1.1em; 

text-indent: 0.5em;

}



.clearboth {clear: both;

}