/* CSS Main */

* {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 0 auto;
}

img {border: 0;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 1.2em; line-height: 1.5em;}
h1 { font-size: 2em; }
h2 {font-size: 1.6em;}
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;
}


/* negative margin   Eric Meyer 
CSS Notes:
setting p {margin: 0 0 1em 0;} takes away top margin from paragraphs so if you want to snuggle up a piece of text underneath a header, all you have to do is remove the bottom margin from the header.
media="print" if you put element {display: none;} when you print the style sheet / html doc, that element will not get printed
table cell borders:
If you want a border around all td's, but NOT td's where there are no values (in a calendar table, for example, where some of the cols don't have dates) then use
empty-cells: hide;
This of course doesn't work in IE, however, IE (or Firefox, etc) will not display borders on table cells unless there is some content in them, like this <td>&nbsp; </td>. So if you don't want borders around td's in IE, just don't put any content in them.
There is a default spacing around table cells in mnost browsers that is approx 2px, but you can't count on that.
CSS specs say that table cells (td, tr th ) CANNOT have margins. There are CSS specs that support table element spacing, but not supported in IE, so if you want spacing between your cells, you must use <table cellspacing="2"> in the markup.
If you don't explicitly define a border color for table cells, IE will make them white, or a light color. 
Link clicking:  To ensure a large hotspot that is the size of the containing link element, just use
element a {display: block;} This makes an entire table cell or a ul "hot."
margin collapsing: whenever two margins butt up against each other, like paragraphs that have both top and bottom margins of 1em, they will slide together until they overlap. So the effective margin here is 1em. This is to prevent things like lists from getting way too spacious. If you ever have a margin coming out of an element, all you have to do is out a border around it and the margin will collapse.
suggestion: navlinks border separators: gets nice looking centered separators
navlinks li { margin-right: 0.5em; border-right: 2px solid #color; padding-right: 0.75rm;}
When you increase the padding, the background will extend into it (box model). Margins do not extend background area (box model)
relative url's in a style sheet are relative to the directory of the style sheet.
relative url example: images/picture.gif 
Font shorthand: font: bold italic smaller/1.5 Arial, sand-serif;
font-size and font-family must come at the end in this order. If you do not include every property in the font shorthand declaration, everything resets to normal!
So if you have 
font-style: italic;
font-weight: bold;
font: smaller Arial,sans-serif;
what will happen is this:
font: normal normal normal smaller Arial, sans-serif;
and your font-weight, font-size, and line-heights will be ignored. To solve this either include everything in the font shorthand declaration, or place your font-weight, style and line height declarations after the font shorthand declaration
Line height:  line-height 1.5 means that the line height of an element will be 1.5 times the fontr size. 1.5em means that if the font size is set to 12px, the line height of ALL text will be set to 18px. it is recommended to use the unit-less method so that all font sizes size proportionally
font size. Watch out for nested lists if you have font sizes > or < 1em! If you say
ul {font-size: smaller} and then have 3 nested lists inside that, the fonts inside each nested list get tinier and tiner (or bigger and bigger). To avoid that you can say,
ul {font-size: smaller} 
ul ul {font-size: 1em} 
This stops the  inherited text size in the nested list from propagating down 
NOTE: TO SWITCH NEWS AND SIDEBAR COLS, FLOAT NEWS RIGHT,  FLOAT MAINCONTENT RIGHT, AND FLOAT SIDEBAR LEFT
*/
div#leftshadow {
background: url(leftshadow25_50.gif) repeat-y top left;
}

div#rightshadow {
background: url(rightshadow25_50.gif) repeat-y top right;
}

/* image and fixed-content 3D shadow divs. Thanks to Big John Gallant at positioniseverything.com */
/* ...shadow3.png has a thicker, darker shadow, and ...shadow4.png's have a lighter border.
the earlier numbered ones don't work consistently across all browsers */ 


.shadow-outer {background: url(toprightshadowtrans1.png) right top no-repeat; } /* Absolute positioning collapse the div-group width. */
.shadow-left-bottom {padding-top: 50px; padding-left: 50px; background: url(leftbottomshadowtrans1.png) left bottom no-repeat; }
.shadow-lower-background {background: url(fullframeshadowtrans1.png) right bottom no-repeat; }
.shadow-upper-background {position: relative; left: -50px; top: -50px; background: url(fullframeshadowtrans1.png) left top no-repeat; }
.shadow-content {position: relative; left: 25px; top: 25px;} 
.shadow-content img {border: 1px solid #FFF;} /* this is picture frame and can be made any color or size, or one could place a sophisticated frame around it as well */


div#containerwrapper {
position: relative;
width: 1000px; /*background image is 1200 px wide */
max-width: 1200px;
min-width: 640px;
margin: 0 auto;
text-align: center;
background: url(VUBannerFade4.jpg) no-repeat 50% 0;
}


div#container {width: 60em;  /* 95% Percent cause content to flow when window width  gets smaller */
/*border: 5px ridge #EAF9FF;*/
margin: 0.5em auto 2em auto;
/*background: #FBFBFB; */
/*background: url(BrightSkies.jpg) repeat fixed;*/
} 

div#masthead {
height: 120px;
overflow: hidden;
}

#masthead a {display: block; 
text-decoration: none; 
}

/*#masthead p{
color: #FFF;
text-align: left;
font-weight: bold;
}

#masthead p.Uniting {
font: 18pt bold Tahoma;
margin: -20px 0 0 20px;
width: auto;
}

#masthead p.BannerHeadline {
font: 28pt bold;
font-family: Arial, Helvetica, sans-serif;
padding-top: 15px;
margin-left: 20px;
}

#masthead a:hover {background-color: transparent;}  */

/*#masthead img {float: right; 
margin: -100px 2px 0 0;
}*/


div#nav {height: 75px;
/*background-color: #0000AC; *//* #7B0790;#263D67; */
/*border-top:  5px ridge #EAF9FF;*/
}

/* drop down menu*/

/*Container for the menu. */
/* 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.
This means that you have to manually assign z-indexes to all code below the menu, making
sure that the z-index of the relatively positioned menuwrapper is HIGHER than the z-index
of the elements below it. This ensures that the drop down appears ABOVE the elements
below it. */
#menuwrapperMain {
	position: relative;
	/*background-color:  #7706CE;*//*#721E99; #7B0690; #670391; #5970B2; */
	top: 20px;
	margin-left: 6.5em;/* push navbar menus to the center */
	z-index: 10;  /* highest z-index for relevant code elements */
}

.clearboth {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;	
}
#menubar, #menubar ul {
	list-style: none;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

#menubar a {
	display: block;
	text-decoration: none;
	padding: 0 1em; /*padding: 7px 10px 7px 10px; */
	margin: 0.2em 0;
	background-color: #7706CE;  /*#5970B2;*/
	border-right: 1px solid #CCC;/*#263D67;*/
	font-size: 0.875em;
	color: #FFF;
	text-align: left;  /* sub menu links align left */

}

#menubar a.trigger {
	padding: 0 1em; /* padding: 7px 10px 7px 10px; */
	margin: 0.2em 0;
	background-image: url(arrowblue.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#menubar li {
	float: left;
}

#menubar li.navlast a{
border-right: none;   /* don't want border on the last menu item */
}



/*
Sets width for Sub-Menu box and the List Items inside
*/
#menubar li ul, #menubar ul li  {
	width: 14em;
}

#menubar ul li a  {
	color: #FFF;
	border-right: 0;
	border-bottom: 1px solid #FFF;  /*separate sub-menu links with a bottom border*/
	padding: 0.1em 0.25em;	
}

#menubar li ul {  /* submenu items are hidden until user hovers over parent ul */
	position: absolute;
	display: none;
	border: 1px solid #555;  /*put a border around the sub-menu drop down box*/
	/*background-image: url('grad.jpg');
	background-repeat: repeat-x;*/
	background-color: #EAF9FF;		
}

#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.IEhvr a { /* need Javascript because IE has no li hover pseudoclass */
	/*color: #000000;*/
	background-color: #49A3FF;/*#009BBC; *//* root menu item hover background color*/
	color: #FFF;
	/*background-color: #49A3FF;*/
}
#menubar li:hover ul, #menubar li.IEhvr ul {/* display hidden submenus */
	display: block;
	z-index: 999;  /* submenu items appear above anything on the page */
}

#menubar li:hover ul a, #menubar li.IEhvr ul a {
	color: #2875DE;
	background-color: transparent;	
	

	/*background-color: #EAF9FF;  sets background color of sub menu item when mouse hovers over it*/
}
#menubar ul a:hover{
	background-color: #49A3FF!important;
	color: #FFF!important;	
	

}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */ 
#menubar li {width: auto;}

/* sub menu -- goes on top because idiot IE doesn't handle z-indexes properly */
#menuwrapperSub {
	position: relative;
	background-color: transparent;
	margin-left: 5.5em; /* center */
	top: 5px;
	width: 57em;
}

#menubarSub a {
	display: block;
	text-decoration: none;
	padding: 0 1.6em;

	/*padding: 2px 2px 2px 2px;*/
	font-size: 0.875em;
	color: #FEE303; /*#FED803; #E0CE03;#FBC000;*/
	
}

#menubarSub, #menubarSub ul {
	
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}
#menubarSub li {
	float: left;
/*	width: 98px; */
}

#menubarSub a:hover{
	background-color: #49A3FF;/*#009BBC; *//* menu item hover background color*/
	color: #FFF;
	
}
/* shadow bar below nav bar Not used*/
div#shadow {
background-image:url(https://kjmaclean.com/shadow1.jpg);
width: 100%;
height: 10px;
}


div#bodywrapper {/*background: url(BrightSkies.jpg) repeat;*/
/*border-top: 5px ridge #EAF9FF;*/
text-align: left;
margin-bottom: 1px;
overflow: auto; /* make sure container div expands to contain the floated divs inside it, WITHOUT breaking the layout. If you used float with width: 100%, the content divs would expand greater than the window size if you added a border or padding.  That's because width = CONTENT width, which doesn't include borders padding and margins. the overflow: auto declaration lets the browser automatically handle col sizes to expand or contract them nicely, including borders, padding and margins .
When a container divs contain two floated divvs, the container div has no height. Why? because it has no normal-flow content, because of the floats! The overflow: auto declaration makes the browser expand the container div to contain the two floated divs 
*/
}

div#news {font-family:  Verdana, Helvetica, sans-serif; 
float: left;
/*overflow: auto;*/
/* padding: 2em 20em 2em 0em;*/
width: 9em;
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; /* to get separation of footer from floated cols, you must put a bottom margin on each floated col, because CSS re-adjusts the top margin of any cleared element to bring it beneath any left or right floated elements that precede it . So changing top margin of footer underneath floated elements has no effect when clear: both is used. This content div contains the 2 floated divs, so no matter how long any of the contained column divs get, the footer will be pushed down.*/
/* total width = 9em + 2em padding  = 11em */
}

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

#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.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;
}

#news li a:hover {background: #EAF9FF;}

#news img#BTRButton {
width: 80px;
height: 27px;
border: 0;
margin-top: 0.5em;
} 

#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;}
 

div#maincontent {
float: left;
width: 31em;
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; 
/*overflow: auto;*/
/* total width: 31em + 2em padding  = 33em */
/*width: 17em;
margin: 2em 1em 0.1em -18em; *//* the negative margin value > width pulls it into the space in the floated maincontent div . The width of the sidebar must be < width  of maincontent*/
}

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.75em;
font-weight: bold;
}

div.textsize span.setbackground {margin: 0 0.25em; }

div.textsize span.setbackgroundbg {margin-left: 1em;}

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 {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;}

div#sidebar {float: left;
/*background: #3CE; */
width: 14em;
padding: 1em 0.5em 0 0.5em; /* total [left, right] margin + [left, right] padding for each col will = 1em */
margin: 1em 0.5em 0.1em 0.5em; 
text-align: center;
/*overflow: auto;*/
/* total width = 14em + 2em padding  = 16em */
}

div#sidebar div#freemovies {
background: url("RoundRectPurplePics.gif") no-repeat top center;
height: 10em;
width: 14em;
padding-top: 6em;  /* push links down below images */
}

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

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

div#genericform {width: 18em;
margin: 0 auto;
text-align: center;}

.forminfo {background: #FFF;}

form#subscribeform {
/*border: 1px solid #0000D6;*/
background: #FFF;
padding: 0.2em;
margin-bottom: 0.5em;
}

form#subscribeform fieldset {border: 0;}

div#NLsubscribe img {margin: 0 auto;
text-align: center;
}

div#NLsubscribe a {display: block;}

form#subscribeform:hover, form#subscribeform:focus {
background-color: #EAF9FF;
}

form#subscribeform input:hover, form#subscribeform 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 {clear: both;
/*border-top: 5px ridge #EAF9FF;*/
background: #0000AC;
font-weight: bold;
font-size: 0.9em;
height: 3em;
}

div#siteinfo ul{ list-style: none;
margin: 0.5em auto 0 auto;
text-align: center;
}

div#siteinfo li {display: inline;
}

div#siteinfo a {border-right: 2px solid #FFF;
color: #FFF;
text-decoration: none;
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;} 

div#copyright {/*border-top: 5px ridge #EAF9FF;*/
background: url(VUBanner1024.gif) center;
overflow: hidden;
height: 7.5em;
color: #FFF;
text-align: left;
}

div#copyright h3 {
/*font-family: Georgia, "Times New Roman", Times, serif;*/
color: #FFFFCC;
padding: 0.25em 2em;
}

div#copyright h5 {margin-top: -1.5em;
padding: 0.25em 2em;
color: #FFFFCC;
}

div#copyright p{margin: -8.75em -51em 0 0;}

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;
border-collapse: separate;
}

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