*

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

}