/*
	Downlevel CSS 
	Styles as many things as possible for the browsers that understand CSS 1/2
*/

/* this stuff works for all pages, well its pretty useful to define then override */
body { background-color: #ff9900; font-family: Arial, Sans-Serif; margin: 0px; padding: 0px; }
div#frontPageWrapper,
div#contentPageWrapper { margin: 100px auto; width: 690px; }
div#contentPageWrapper { width: 835px; } /* width: 685px; */
fieldset { border: none; }
fieldset legend { display: none; }
div.search { margin-left: 10px; padding-bottom: 20px; }


/* Home-page stuff */
div#frontPageWrapper h1,
div#contentPageWrapper div#contentPageHeader h1 { height: 102px; width: 362px; float: right; background-image: url(../images/clearvision-logo-color.gif); background-repeat: no-repeat; background-position: top right; cursor: pointer; margin: 0px 0px 5px 0px; }
div#frontPageWrapper h1 span, 
div#contentPageWrapper div#contentPageHeader h1 span {display: none;}

div#contentPageWrapper div#contentPageHeader p#subTitle { display: none; }



/* Content page stuff */

div#contentPageWrapper { margin: 0px auto; padding: 0px; }

/* Header stuff */

div#contentPageWrapper div#contentPageHeader { display: block; height: 142px; }
div#contentPageWrapper div#contentPageHeader div.topleftpic  { float: left; background-image: url(../images/topleft.jpg); background-repeat: no-repeat; background-position: bottom left; }
div#contentPageWrapper div#contentPageHeader div.tabs ul { background-color: #cc6600; display: block; height: 31px; position: relative; left: 0px; margin: 0px 0px 0px 293px; padding: 4px 0px 0px 10px; float: right; list-style-type: none; width: 530px; }
div#contentPageWrapper div#contentPageHeader div.tabs ul li { color: #fff; font-size: 100%; text-decoration: none; font-family: Arial, Sans-Serif; font-weight: bold; text-align: left; display: block; padding: 5px 0px 0px 0px; }

/* Left Navigation stuff */

div#contentPageMain { margin: 0px 0px 0px 0px; padding: 0px;  } 
div#contentPageMain div#contentPageMainLeftNav { display: block; width: 175px; margin: 0px; float: left;  padding: 0px;}
div#contentPageMain div#contentPageMainLeftNav div.lotb { background-color: #6699cc; }

div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl { margin: 0px; list-style-type: none; padding: 0px;border-top: solid 1px #ff6600; }
div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl li { border-bottom: solid 1px #ff6600; margin: 0px; display: block; padding: 2px 0px 2px 10px; font-size: 80%; }
div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl li a { color: #000; text-decoration: none; text-transform: uppercase; font-weight: bold; }
div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl li a:hover { text-decoration: underline; }
div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl li ul,
div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl li ol { border: none; margin: 0px; padding: 0px; list-style-type: none;  } /* is hidden by js onLoad */
div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl li ul li,
div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl li ol li { border: none; margin: 0px; font-size: 95%; } 
div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl li ul li a,
div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl li ol li a { text-decoration: none; color: #ccc; text-transform: none; font-weight:  normal;}
div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl li ul li a:hover,
div#contentPageMain div#contentPageMainLeftNav ul#contentPageMainLeftNavUl li ol li a:hover { text-decoration: underline; }
div#contentPageMain div#contentPageMainLeftNav ul#contentPageTopLinksNavUl { margin: 100px 0px 0px 15px; list-style-type: none; padding: 0px; border: none; }
div#contentPageMain div#contentPageMainLeftNav ul#contentPageTopLinksNavUl li { font-size: 70%; height: 25px; }
div#contentPageMain div#contentPageMainLeftNav ul#contentPageTopLinksNavUl li a { color: #000; text-decoration: none;  }
div#contentPageMain div#contentPageMainLeftNav ul#contentPageTopLinksNavUl li a:hover { text-decoration: underline; }
div#contentPageMain div#contentPageMainLeftNav div#contentPageLeftNavFree4All { display: block; margin: 15px 0px 15px 0px; }

/* Main Content page stuff */

div#contentPageMain div#contentFlash { float: left;  width: 831px; border: solid 2px #cc6600; }

div#contentPageMain div#contentPageContent { float: left;  width: 659px; display: block;  font-size: 90%; background: #ffcc66 url(../images/buddha-watermark.jpg) no-repeat bottom right; } /* width: 539px */
div#contentPageMain div#contentPageContent div.lotb { border: solid 2px #99ccff; }

div#contentPageMain div#contentPageContent h2,*.psuedoH2, h3 { margin: 10px; color: #cc6600; }
div#contentPageMain div#contentPageContent h3,*.psuedoH3 { font-weight: bold; }
div#contentPageMain div#contentPageContent h3.stu { font-size: 140%; font-weight: bold; color: #cc3333; }
div#contentPageMain div#contentPageContent h4,*.psuedoH4 { color: #000; margin: 10px 10px 5px 10px; font-size: 100%; }
div#contentPageMain div#contentPageContent p { margin: 10px; font-size: 90%; }
div#contentPageMain div#contentPageContent p.full { margin: 10px; font-size: 95%; }
div#contentPageMain div#contentPageContent p img { margin: 10px; border: none; }
div#contentPageMain div#contentPageContent ul { font-size: 90%; }
div#contentPageMain div#contentPageContent dl { font-size: 80%; margin: 10px; }
div#contentPageMain div#contentPageContent dl dt { font-weight: bold; }
div#contentPageMain div#contentPageContent ul.smallist { font-size: 90%; margin: 20px; }
div#contentPageMain div#contentPageContent ol.smallist { font-size: 90%; margin: 20px; }
div#contentPageMain div#contentPageContent ul.vsmallist { font-size: 70%; }
div#contentPageMain div#contentPageContent table { font-size: 85%; margin: 0px auto; }
div#contentPageMain div#contentPageContent ul.studentpix { list-style-type: none; display: block; float: none; clear: both; width: 90%; }
div#contentPageMain div#contentPageContent ul.studentpix li { float: left; display: block; padding: 3px; margin-bottom: 10px; font-size: 80%; width: 90px; height: 130px !important; text-align: center; }
div#contentPageMain div#contentPageContent ul.studentpix li a img { border: none; } 
div#contentPageMain div#contentPageContent ul.studentpix li span.thumbnailCaption { font-size: 100%; } 
div#contentPageMain div#contentPageContent pre { margin: 0px auto; height: 500px; width: 90%; overflow: auto; }
div#contentPageMain div#contentPageContent dl { }
div#contentPageMain div#contentPageContent dl dt { clear: left; float: left; margin: 0px 3px 0px 3px; padding: 0px;}
div#contentPageMain div#contentPageContent dl dd { margin: 0px 3px 0px 3px; padding: 3px;}
div#contentPageMain ul#footerLinks { display: block; list-style-type: none; float: left; margin: 5px 0px 5px 175px; padding: 0px; font-size: 70%; }
div#contentPageMain ul#footerLinks li { float: left; display: block; padding: 0px 5px 0px 5px; border-left: solid 1px #0033cc; }
div#contentPageMain ul#footerLinks li.noBorder { border: none; }
div#contentPageMain ul#footerLinks a {  }
div#contentPageMain p#address { text-align: right; float: right; font-size: 70%; }
div#contentPageMain div#contentPageContent li.googlevids { list-style-type: none; display: block; margin-left: 12%; padding-bottom: 5px }
div#contentPageMain div#contentPageContent div.overflow { overflow: hidden; width: 525px; }
div#contentPageMain div#contentPageContent div.wrapfloat1 { display: block; height: 120px; }
div#contentPageMain div#contentPageContent div.wrapfloat2 { display: block; height: 230px; }
div#contentPageMain div#contentPageContent div.wrapfloat3 { display: block; height: 350px; }
div#contentPageMain div#contentPageContent div.wrapfloat4 { display: block; height: 570px; }
div#contentPageMain div#contentPageContent div.wrapfloat5 { display: block; height: 380px; }
div#contentPageMain div#contentPageContent div.wrapfloat6 { display: block; height: 420px; }
div#contentPageMain div#contentPageContent div.wrapfloat7 { display: block; height: 760px; }
div#contentPageMain div#contentPageContent div.wrapfloat8 { display: block; height: 500px; }
div#contentPageMain div#contentPageContent div.wrapfloat9 { display: block; height: 320px; }



/* Generic stuff */
blockquote { margin: 20px auto; width: 80%;  font-family: Georgia, Serif; font-size: 110%; text-align: center; color: #555; background: #ffff99 url(http://www.clear-vision.org/images/quote-top.gif) no-repeat top left; border: solid 1px #ff9900; }
blockquote p.quote { margin: 15px 30px 0px 30px; padding: 0px 20px 0px 0px; font-weight: bold; background: url(http://www.clear-vision.org/images/quote-end.gif) no-repeat right bottom; }
blockquote p.author {  font-style: italic; text-align: right; color: #888; }

fieldset.formEntry { border: solid 1px #f90; background-color: #fc9; margin: 20px; padding: 20px 10px 0px 10px; }
fieldset.formEntry legend { padding: 0px 10px 0px 10px; font-weight: bold; }
fieldset.formEntry p { clear: both; display: block;float: none; text-align: left; margin: 5px; padding: 0px 5px 0px 5px;}
fieldset.formEntry p label { position: relative; left: 0px; top: 0px;  }
fieldset.formEntry p input,
fieldset.formEntry p select,
fieldset.formEntry p textarea { display: block;  position: relative; top: -20px; left: 200px; width: 350px; font-size: 95%; }
fieldset.formEntry p textarea { height: 100px; font-family: Arial; font-size: 100%; }
fieldset.formEntry p.submitButton { margin: 15px;  }
fieldset.formEntry p.submitButton input { float: none;text-align: center; width: 125px; font-size: 95%; }
fieldset.formEntry p strong { text-decoration: underline;  display: block; width: auto; padding: 5px ; }
fieldset.formEntry ul.validationErrors { color: #f00; font-weight: bold; font-size: 80%; }

table {border: solid 1px #f90; background-color: #fc9; padding: 2px}
tr.main { font-size: 90%; border-bottom: solid 1px #f90; background-color: #ffffff;}
tr.header { font-size: 90%; font-weight:bold; background-color: #FFFF99; border-bottom: solid 1px #f90; padding:0px }

a.external { background: url(http://www.clear-vision.org/images/external-link.gif) no-repeat right; padding: 0px 20px 0px 0px;  }
*.hide { display: none; }
*.left, *.floatLeft { display: block; float: left; }
*.right { text-align: right; }
*.floatRight { display: block; float: right; }
*.floatCentre {
	display: block; margin-left: 20px;
}
*.centre,*.center { margin: 0px auto; text-align: center; }
*.redStar,*.redText { font-weight: bold; color: #f00; }
*.indent { padding-left: 40px; }
*.upcase { text-transform: uppercase; }
*.black { color: #000; }
*.darkBrown { color: #a71; }