/* CSS Main */

* {margin: 0; padding: 0;}
img {border: 0;}
a {color: #00F;}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em; 

font:12px/1.35 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;

}



h1, h2, h3, h4, h5, h6, p {margin-bottom: 1.2em; color: #000;}
h1 { font-size: 2em; }
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em; text-align: left;}
h4 {font-size: 1.2em; color:#000; text-align: left; text-indent: 1.6em;}
h5 {font-size: 1.1em; color:#000; text-align: left; }
h6 {font-size: 0.875em;}
p{ text-indent: 2em;
text-align: left;
margin-bottom: 0.9em;
font-weight:bold;
font-size: 1.2em;
}


div#container_shell {
	width: 925px;
	margin: 2em auto;	
}

div#container {
position: relative;
width: 925px;
margin: 2em auto;
overflow: auto;
border: 5px solid #666;
-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 4px 4px 12px #666;
	-moz-box-shadow: 4px 4px 12px #666;
	box-shadow: 4px 4px 12px #666; 
background: #FFF; 
/*background: url(BrightSkies.jpg) repeat fixed;*/
} 



div#masthead {  /* Banner   */
width: 925px;
background: url(Banner.jpg) top left no-repeat;  
height: 400px;
}

/*div#masthead a {width: 900px;
height: 83px;
text-decoration: none; 
}  */

/* fixed nav  */
div#navfixed {
	position:fixed;
	top: 0;	
	width: 925px;
	margin: 0 auto;
	margin-left: 5px;  /* border is 5px to we make fixed line up exactly with width of container */
	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: 5em;
	float: left;		
}

div#navfixed a {
	text-decoration: none;
	color: #000;	
	display: block;
}

div#navfixed a:hover {
	color: white;
	font-variant:small-caps;
	
}

div#nav {
	position: relative;
	margin: 1em auto;
	margin-top: -210px;
	width: 925px;	
	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; */
	
}

#navmain, #navmain ul, #navtop, #navtop 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: 225px;
      float:right;
	  line-height: normal;
      font-size: 90%;  
     border-bottom:1px solid #84776B;
	margin-top: -180px;
	margin-right: 50px;

}

    #navtop ul {		
          margin:0;
          list-style:none;
      }
    #navtop li {		
      display:inline;
	  margin:0;
      padding:0;		
     }
    #navtop a {
      float:right;
      background:url(tableft4.gif) no-repeat left top;
      margin:0;
      padding:0 1em 0 0;
      text-decoration:none;
	  text-align: center;
      }
    #navtop a span {
      float:right;
      display:block;
      background:url(tabright4.gif) no-repeat right top;
	  padding: 3px 6px;
      color:#000;
	  
      }
    
	
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navtop a span {float:none;}
    /* End IE5-Mac hack */
	
    #navtop a:hover span {
      color:#74675B;
	}
    #navtop a:hover {
      background-position:0% -42px;
      }
    #navtop a:hover span {
      background-position:100% -42px;
      }


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

div#navmain {
	margin-top: -50px;
	height: 1.6em;	
	width: 800px;
	
}



#navmain li { /* all list items */
	float: right;
	width: 180px; /* width needed or else Opera goes nuts */
	padding: 0;	
	background: url(tab10link.jpg);
}

#navmain li.first, #navmain li.first a {
	width: 180px;	
}

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


#navmain a:hover {	
	color: #FFF;	
	padding: 0.25em 0;
}


#navmain li ul { /* second-level lists */
	position: absolute;	
	width: 180px;
	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: 180px;
	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;
}






div#main {
	clear: both;
	width: 100%;
	overflow: auto;
}



div#maincontent {position: relative;
float: left;
width: 630px;
padding: 0 5px 0 5px; /* total [left, right] margin + [left, right] padding for each col will = 0.5em */
overflow: auto;
background: traansparent;

/*overflow: auto;*/
/* total width: 40em + 1.5em padding  = 41.5em */

}

img#hansjenny {
position: absolute;
top: 1000px;
right: 450px;
}

img#atom {
position: absolute;
top: 600px;
right: 450px;
}


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

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#PageContentText {
padding-left: 1em;
margin-top: 3em;
}

div#PageContentText p {color: #000;}
div#PageContentText p.indented {margin: 0 2.2em;
color: #222;
line-height: 1.4em;
font-size: 0.95em;
margin-bottom: 1.5em;
}

div#PageContentText ul {list-style: none;
margin-bottom: 4em;
}

div#PageContentText ul h4 {color:#000;
text-align: center;
margin-bottom: 0.5em;
}

div#PageContentText a:hover {text-decoration: underline;}
div#PageContentText a:link {color: #00F;}

div#PageContentText ol {color: #000;
font-style: italic;
font-size: 1.4em;
font-family: Georgia, serif;
margin-left: 1.5em;
}


div#PageContentText h3 {text-align: center;
margin-top: 3em;
}

div#PageContentText ul h3 {text-align: left;
color: #F00;
margin: 1em 0.5em;
}


div#PageContentText ol li p {

line-height: 1.5em;
font-size: 0.85em;
font-weight: bold;
font-style: normal; 
font-family: Arial, Helvetica, sans-serif;
}

div#PageContentText h1 {margin-top: 1em;}

div#PageContentText ol#websites li {font-size: 0.9em; font-style:normal; }

div#PageContentText ol#websites h3 {text-align: left;
color: #000;
margin: 0.2em;
}
 
 div#PageContentText ol#websites span {color: #000;
 font-size: 0.8em;
}

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

div.textsize span {
font-size: 0.9em;
font-weight: bold;
color: #000;
}

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; color: #00F;}
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: #000; 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#sidebar {
	float: right;
background: transparent; 
width: 275px;
padding: 50px 0 0 0; 
text-align: center;
color: #000;
overflow: auto;
/* total width = 14em + 2em padding and margin  = 16em */
}

/*.tvubordertop {
width: 200px;
height: 20px;
background: url(roundbordertop.gif);
margin: 40px auto 0 auto;
} */

ul#tvu {
	width: 200px;
	background: #e8f4fe;
padding: 5px;
list-style-type: none;
border: 1px solid #AAA;
-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 2px 2px 4px #666;
	-moz-box-shadow: 2px 2px 4px #666;
	box-shadow: 2px 2px 4px #666; 
margin: 0 auto;
overflow: auto;
}

/*.tvuborderbottom {
background: url(roundborderbottom.gif);
margin: 0 auto;
width: 200px;
height: 20px;
} 
*/
ul#tvu h5 {text-align: center;}
ul#tvu a:hover {background-color: #0000A6;}

div#sidebar div#freemovies {
width: 200px;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
margin: 30px auto 0 auto;
border: 1px solid #AAA;
-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 2px 2px 4px #666;
	-moz-box-shadow: 2px 2px 4px #666;
	box-shadow: 2px 2px 4px #666; 
background: #f6fcff;
padding: 5px;
overflow: auto;
}

ul#movietext {list-style-type: none;
}

ul#movietext h6 {
line-height: 1.0;
padding: 0 5px 20px 5px;
margin: 0 auto;
}

ul#movietext a {
color: #000;
text-decoration: none;
}

ul#movietext a:hover {
color: #00F;
}

img#loa, img#unity {width: 200px;
height: 160px;
}

ing#VUMovie {width: 200px;
height: 200px;
}

/*div#sidebar div#freemovies h5 a{display: inline;}*/

div#courses img {margin: 0 auto;}

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



div.forminfo {
width: 200px;
background: #edf2fb;
list-style-type: none;
margin: 30px auto 0 auto;
border: 1px solid #AAA;
-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 2px 2px 4px #666;
	-moz-box-shadow: 2px 2px 4px #666;
	box-shadow: 2px 2px 4px #666; 
}

div.forminfo img {margin-top: 1em;}
div#form h6 {margin: 10px 0 10px 0;}
div.forminfo h6 {color: #000; margin: 0 auto;}


form#subscribeform {
/*background: #FFF;*/
padding: 0.2em;
margin-bottom: 0.5em;
}

div.forminfo fieldset {border: 0;}

form#subscribeform h6 {margin: 1em 0 0.5em 0;}
form#subscribeform #button {margin: 1em 0 0 3em;
text-align: center;
}

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

div#NLsubscribe a {display: block;}

form#mailform:hover, form#mailform:focus {
background-color: #0000A6;
}

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


div#copyright {width: 925px;
background: #e8f4fe;
color: #000;
text-align: center;
overflow: hidden;
height: 50px;
margin-top: 15px;
}


div#W3C img.first{
margin-left: 30px;
position: relative;
}

div#W3C img.last{ /* this is a hack for IE 6.0 , otherwise, img appears too far to the left*/
position: relative;
margin-left: 80px + 15px;
}

div#W3C img a:hover {background-color: transparent;}


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;
color: #00000F;
}

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: 750px;
border: 5px ridge #EAF9FF;
background-color: #FFF;
}

table#eBookpackages1 {margin-top: 0.5em;}
table#printed {width: 700px;}
table#movie, table#KTDC {width: 600px;}

/*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: 175px;
border: 1px solid #555;
}

table#eBookpackages1 td {width: 375px;}

table#printed td {width: 200px;}

table#movie td, table#KTDC td {width: 600px;
padding: 1em;
}

table#intws td {width: 375px;}

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;
color: #00F;
}

table#other img {margin: 3em;}
table#other ul, div#otherip ul {list-style: none;}

ul#paymentoptions {list-style: none;
width: 650px;
overflow: auto;
margin: 0 auto;
text-align: center;
}

ul#paymentoptions li {display: inline;
width: 175px;
}

ul#homepages {list-style: none;}

ul#homepages li {padding-left: 1.5em;}

/*table#other h2, table#other h3 {margin: 1em 0 0 0;}*/

div#PersonalCoaching {width: 600px;
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#PCBIF {background-color: #000090;
padding-bottom: 0.75em;
padding-top: 0;
color: #FFF;
text-align: left;
}

div#PCBIF fieldset {clear: both;
display: block;
border: 0;
margin-top: 1em;
}

div#PCBIF label {float: left;
width:15em;
font-size: 1.1em;
font-weight: bold;
}

div#PCBIF input, div#PCBIF textarea {
float: left;
margin-left: 1em;
}

div#PCBIF textarea {
width: 25em;
height: 8em;
}

div#PCBIF input#joint_venture1radioOption,  div#PCBIF input#joint_venture2radioOption{
border: 0;
margin-left: -14em;
margin-top: 0.35em;
}

div#PCBIF input#spambots {margin-top: 4em;}

div#PCBIF fieldset#fslast, div#PCBIF fieldset#fsreset {
padding-bottom: 1em;
border-bottom: 2px solid #FFF;
}


div#PCBIF label#yeslabel, div#PCBIF label#nolabel {
margin-left: 2em;
}



div#PCBIF h3 {border-bottom: 2px solid #FFF;
text-align: left;
}


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


.floatleft {float: left;}

.noborder {border: 0;}
.centered {margin: 0 auto; text-align: center;}

div#pagemodified {font-size: 0.8em;
font-weight: bold;
color: #FFF;
display: block;
text-align: center;
}

div.recaptcha_message {
width: 550px;
text-align: left;
font-family: Arial, Verdana, "Helvetica Neue", sans-serif;
font-size: 1em;
font-weight: bold;
color: #F00;
}

fieldset#buttons {display: inline; margin: 1em auto; height: 2em;}