*
	* 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: #bbbbbb; /* 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, #eeeeee 0%,#bbbbbb 100%); /* opera */

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: url(VUBannerFade3.jpg) no-repeat 50% 0 #FFF;
	border: 3px solid #666;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 8px 8px 16px #666;
	-moz-box-shadow: 8px 8px 16px #666;
	box-shadow: 8px 8px 16px #666; 
	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: white;
	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: 60%;
      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 */

#navmain {
	height: 1.6em;	
}

#navmain a {
	display: block;
	width: 10em;
	color: #FFF;
	text-decoration: none;	
	padding: 0.25em 0;
}


#navmain a:hover {
	
	color: #FFF;	
	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);
	color: #FFF; 
}

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


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


 
/* maincontent div  , column 2  of 3  */

div#maincontent div.textsize img {
border: 1px solid blue;}

div#maincontent img {

}

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




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;*/
clear: both;
background: #000;/*#4E535E;*//*#0000AC;*/

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

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

/* main content for Product Page  */

div#maincontent_productpage {width: 64em;
padding: 1em 0.5em 0 0.5em; /* total [left, right] margin + [left, right] padding for each col will = 1em */
margin: 0 auto; 
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;}*/


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