/* CSS Main */

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

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em; 
font-size: 1em;  
color: #FFF; /* #5A1C46; */
background-image: url(diffractionweb.jpg); /*url(river.jpg);url(NGC2266.jpg);*/  
background-attachment:fixed;
background-repeat: repeat;

}



h1, h2, h3, h4, h5, h6, p {margin-bottom: 1.2em; line-height: 1.5em; color: #FFF;}
h1 { font-size: 2em; }
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em; text-align: left;}
h4 {font-size: 1.2em; color:#00FFFF; text-align: left; text-indent: 1.6em;}
h5 {font-size: 1.1em; color:#00FFFF; 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 {
position: relative;
width: 900px;
border:0;
margin: 0 auto;
overflow: auto;
/*background: #FBFBFB; */
/*background: url(BrightSkies.jpg) repeat fixed;*/
} 




div#topbar {
width: 200px;
height: 20px;
background: transparent;
float: right;
margin-right: 20px;
}

div#topbar ul {list-style-type: none; width: 200px; }
div#topbar li { padding-right: 1em; float: right; }
div#topbar h5 {}

div#topbar a {color: #FFF; text-decoration: none; }
div#topbar a:hover {color: #CC00CC;}

div#masthead {  /* main top   */
clear: right;
width: 900px;
height: 83px;
/*background: url('BannerTop.png') 0 0;  */
}

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


div#masthead a:hover {background: url(BannerTopInverse.png);}

div#masthead img#sunrays {position: absolute;
top: 35px;
right: 65px;
}


div#main {  /* main body with shadows on left and right  */
position: relative;
width: 862px;
overflow: auto;
background: url(maingradient.jpg) repeat-y;
margin: 0 auto;
padding:0;
border-bottom: 3px solid #111;
}

div#navbar {width: 861px;
height: 45px; 
background-color: #0585F9;/*transparent;#0000A0;#C9CED2;*/
margin: 0 auto;
text-align: center;
border-top: 2px solid #777;
/*border-bottom: 3px solid #000; */}

div#navbar ul {list-style: none; 
margin-left: 3.5em;
}

div#navbar li{ float: left;
/*border: 1px solid #888;*/
background: transparent;
margin: 0.25em 0.1em 0 0.3em ; 
}

div#navbar h5 {padding:0 0.25em 0 0;
margin: 0;
border-right: 1px solid #FFF;
line-height: 0.9em;

}

/*div#navbar li.navfirst h5{padding-left: 3.5em;}   */

div#navbar li.navlast h5{border: 0;} 

div#navbar a {display: block;
margin: 10px;
color: #FFF;
text-decoration: none;
margin-left: 0.25em;
}

div#navbar li:hover {
background-position:center;
overflow: hidden;
background-color: #005099;
}

div#navbar a:hover {color: #CCCC00;}

div#separator{
background: url(separatordark.jpg);
width: 861px;
height: 6px;
}

/*  div#separator img {
position: absolute:;
width:  861px;
height: 6px;
margin: 0 auto;
padding: 0;
top: 0;
left: 0;
}  */

div#leftshadow {
background: url(BannerShadowLeft.png) repeat-y top left;  /* 20px wide  */
}

div#rightshadow {
background: url(BannerShadowRight.png) repeat-y top right;   /* 20px wide  */
}

div#vertical_separator {background: url(separator_vertical.jpg) repeat-y top right; }




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

}

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

img#atom {
position: absolute;
top: 200px;
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: #FFF;}
div#PageContentText p.indented {margin: 0 2.2em;
color: #00FFFF;
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:#00FFAA;
text-align: center;
margin-bottom: 0.5em;
}

div#PageContentText a:hover {color: #00F;}
div#PageContentText a:link {color: #00F;}

div#PageContentText ol {color: #0FF;
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: #00FFAA;
margin: 0.2em;
}
 
 div#PageContentText ol#websites span {color: #FFF;
 font-size: 0.8em;
}

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

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

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: #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#sidebar {float: right;
/*background: #3CE; */
width: 250px;
padding: 10px 0 0 0; 
text-align: center;
/*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;
margin: 0 5px 0 5px;
list-style-type: none;
border-left: 1px solid white;
border-right: 1px solid white;
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: 0 auto;
padding: 0;
}

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: #00FFFF;
text-decoration: none;
}

ul#movietext a:hover {
color: #FFF;
}

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;
margin: 0 5px 0 5px;
list-style-type: none;
border-left: 1px solid white;
border-right: 1px solid white;
margin: 0 auto;
}

div.forminfo img {margin-top: 1em;}
div#form h6 {margin: 10px 0 10px 0;}
div.forminfo h6 {color: #0FA; 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: 900px;
background: url(BannerBottom.png) top left;
overflow: hidden;
height: 81px;
}


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: #0000FF;
}

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