body {
	margin: 0;
background-color: #EFAA52;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;  
}	
form {margin: 0px; padding: 0px;}
#bground {
background-color: #EFAA52;

}
#montage {background:  url(../images/header_montage.gif) no-repeat left #B54121; height: 90px; float: left; width: 218px;}
 #container
{
margin: 0px auto;
width: 516px;
background: url(../images/bground4.gif) repeat-y #FFD37B;
color: #665000;

}
#top, #footer,  #advert
{
padding: 0px;
 width: 501px; margin: 0 auto;  font-size: 11px; 
}
#top {clear: both; background-color: #B54121; height: 90px;/*#FFD37B; #CE6500; */}
#footer, #sp_footer {clear: both; background-color: #B54121; /*#FFD37B; #CE6500; */}
#advert {height: 110px; clear: both; background-color:#990000;/*#E7B673; #CE6500;*/ }
#footer {height: 140px;}
#footerText {margin: 0 0.8em; text-align: left; color: #FFFFFF;}
#footerText a {color: #FFFFFF; text-decoration: none;}
#footerText a:hover {text-decoration: underline;}
#headerImage {background: url(../images/header_montage.gif) no-repeat; height: 90px; float: left;}
#imageWrapper {padding: 15px 0px 15px 60px; }
.footerphoto1 {float: left; width: 92px; margin-right: 10px;}
.footerphoto2 {float: left; width: 84px; margin-right: 10px;}
.footerphoto3 {float: left; width: 84px;}

/*new navigation menu*/

#menu , #menu ul {
padding : 0; 
margin : 0; 
list-style : none; 
line-height : 1; 
height : 22px; 
z-index : 100; 
background-color : #9C0000; 
float: left;
width : 501px;
} 

#menu {
width : 501px; 
} 

#menu a, #menu li ul a {
display : block; 
color : #FFFFFF; 
text-decoration : none; 
padding: 0.5em 1em 0.5em 1em; 
margin : 0; 
border-right : 1px solid #9C0000; 
border-left : 1px solid #9C0000; 
background-color : #9C0000; 
} 

#menu li.here a {display : block; 
color : #9C9A00; 
text-decoration : none; 
padding: 0.5em 1em 0.5em 1em;
margin : 0; 
background-color : #FFFFFF; 
 }
 
#menu li ul a {
display : block; 
margin : 0; 
border-right : 0; 
width : 80px; 

} 
#menu li {
float : left; 
width: 70px;
/* The following style block is hidden from IE5 mac \*/
width : auto; 
/* end hidding from IE mac */

background-color : #9C0000; 
z-index : 100; 
} 
#menu li ul {
position : absolute; 
width : 100px; 
left : -999em; 
margin : 3px 0 0 0px; 
background-color : #9C0000; 
height: auto;
z-index : 200; 
} 
#menu ul li a:hover, #menu a:hover, #menu .here {
color : #9C9A00; 
background-color: #FFFFFF; padding: .5em 1em .5em 1em; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;
} 

* html #menu li ul {
margin : 1px 0 0 0px; 
} 
#menu li:hover ul , #menu li.sfhover ul {
left : auto;
margin-top: 0px;
} 
#menuWrapper, #homemenuWrapper  {background-color: #9C0000; width: 501px; height: 22px; }
#homemenuWrapper {margin: 0px; width: 612px; margin: 0px 0px 0px 25px;}
#menuWrapper {margin: 0px auto;}
#header {background: url(../images/smontero_image2.jpg) no-repeat #CE9631; height: 147px; width: 516px; margin-top: 10px;}
#header2 {background: url(../images/smontero_newheader.jpg) no-repeat #FFD37B; height: 172px; width: 516px; margin-top: 0px; clear: left;}
#header2 span {display: none;}
#header h2 {padding: 124px 0 0 190px; color: #990000;/*#B54121;*/ font-size: 14px; font-weight: bold; margin: 0px;}
#teacherText{position: relative; top: 150px; left: 180px; padding: 0px;  margin: 0px;}
#contentWrapper{margin-left: 0.3em; }
#content {float: left; width: 320px; border-right: 1px dotted #EFAA52;}
#leftCol { float: left; width: 320px; border-right: 1px dotted #EFAA52; margin: 0 0em 0 1em; padding: 0px;}
.popWindow {width: 380px; background-color: #FFD37B; margin: 0 auto; padding: 0px 5px 10px 5px; text-align: left;}
#totalwidthCol {width: 480px; margin: 0 0em 0 1em; padding: 0px; }
#rightCol ul#rightMenu {list-style-type: none; margin: 0px 8px 0px 16px; font-size: 1.2em; color: #003366; font-weight: bold; padding: 0 0.4em 0 0.8em; text-indent: -1.6em; line-height: 1.4em;}
html>body #rightCol ul#rightMenu {margin: 0px 8px 0px 20px; padding: 0px;}
#rightCol ul#rightMenu li a {text-decoration: none; color: #9C9A00; padding: 0 0 0 0.8em; margin: 0px; }
/*#rightCol ul#rightMenu li { background: url(../images/menu_arrow.gif) no-repeat left transparent; padding: 0; margin: 0;}*/
#rightCol ul#rightMenu a:hover { text-decoration: underline; border: none; color: #9C9A00;}
/*#rightMenu ul li  {margin: 0 0 0.2em 0; color: #FFFFFF;}*/
#rightCol{margin-left: 340px; padding: 0px;}
#rightCol h2 { margin: 0 0 1em 0; }
#rightCol a, #leftCol a, #videoCol a, #spWrapper a, #totalwidthCol a, .popWindow a, .floatLeft a {text-decoration: none; color: #FF6500;/*#9C9A00;*/}
#rightCol a:hover, #leftCol p a:hover, #videoCol a:hover, #spWrapper a:hover, .popWindow a:hover, .floatLeft a:hover {text-decoration: none; color: #FF6500; /*#FFFFFF;*/; border-bottom: 1px dashed #FF6500;}
 p {0em 0.2em 1.5em 1.5em; }
img a:hover {text-decoration: none;}
#leftCol h1, #videoCol h1, #totalwidthCol h1, .popWindow h1 {border-bottom: 4px solid #FF6500;  color: #990000; font-size: 1.5em; width: 290px; font-weight: 500; margin-bottom: 1em;  padding: 0px; }
#leftCol h2, #videoCol h2, h2.webtext, .popWindow h2 {font-size: 1.2em; color: #CE6500;}
h2.subHeading {font-size: 1.2em; color: #CE6500; padding: 0px; margin: 0px 0px -1.2em 0px;}
h2.webtext {margin: 0px; padding: 0px;}
h4 {color: #000000; font-size: 1.2em; padding: 0px; margin: 0px 0px -1em 0px;}
.quoteMarks, .quoteText { font-style: italic; font-weight: bold;}
.quoteMarks {
	color: #003366;
	font-size: 25px;
	font-family: "Times New Roman", Times, serif;
	margin: 0px 8px 0px 8px;
	padding: 0px;
	float: left;
}
.rtquoteMarks { color: #003366;
	font-size: 26px;
	font-family: "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;}
.quoteText {color: #FFFFFF; font-size: 20px; font-family: "Times New Roman", Times, serif;}
.whiteBox {background: url(../images/raggedwhitebox2.gif) no-repeat; height: 200px;}
.intro {font-size: 12px;}
.endofpage {background: url(../images/page_ending4.gif) no-repeat; width: 155px; margin: 20px 0px 10px 25%;}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #310000;
}
.highlight {color: #633063; font-size: 1.2em; font-weight: bold; background-color: #FFCF63; border: 1px solid #CE9631; padding: 1em 0.5em; margin: 0.5em;}

/*Splash page*/

#sp_content
{float: left; margin: 0; padding: 1em;}
#sp_footer { margin: 0px 0px 0px 25px; padding: 0px; color: #FFFFFF; font-size: 1em; }
#sp_footerText {margin: 0 0.5em; text-align: left; padding: 0.2em 0;}
#maroonBg {margin: 50px auto; background-color:#B54121; /*#FFD37B;*/  width: 663px;}
#spTitle {padding: 15px 0px 10px 25px; margin: 0px;}
#spSusana {background: url(../images/sm_new_splash.jpg) no-repeat bottom right #FFD37B; height: 357px; width: 611px; margin: 0px 0px 0px 25px; padding-top: 15px 0px 0px 0px; border: 1px solid #CE9631;}
#spTeacherText {margin: 0px 0px 3px 25px; padding: 0px;}
#spWrapper {padding: 0px 10px; margin: 0px; width: 420px;}
#spWrapper h3  {color: #633063; font-size: 1.2em; margin: 0px; padding: 0px;}
/*#spWrapper h3 a {color: #633063; text-decoration: underline;}*/
#spWrapper h3 a:hover {color: #003366; text-decoration: none;} 
.spIntro, #spWrapper h2 {font-size: 1.5em; margin: 20px 0px 10px 0px; padding: 0px; color: #990000; font-weight: 500;}
.spContentText {font-size: 1.3em; margin: 0px; padding: 0px; line-height: 1.3em; width: 350px;}
/*.splashAd {margin: -15px 0px 0px -10px; padding: 0px 0px 0px 0px; background: url(../images/splash_advert.gif) no-repeat; height: 180px; width: 360px;}*/
.splashAd a:link, .splashAd a:link, .splashAd a:visited, .splashAd a:active  .splashAd a:hover {text-decoration: none;}
.splashAd {margin: 51px 0 0 -12px;}
html>body .splashAd {margin: 39px 0 10px -11px;}
.splashDvd {float: left; width: 92px;}
.splashAdText {margin: -30px 0px 0px 102px; padding-right: 30px;}
.splashAdTextWrapper {padding: 30px 0px 0px 40px; margin: 0px;}
.splashAdText h2 {font-size: 1.5em; color: #990000; font-weight: 500;  margin: 0px;}
.splashAdText p {margin: 0px; padding: 0px; font-size: 1.2em; margin-bottom: 1em;}


/*Classes*/
.leftSideCol {float: left; width: 80px; margin: 0 1.5em;}
.rightSideCol {float: left; width: 200px;}
.colouredBox {background-color: #FFCF63; width: 280px;  padding: 0.5em; border: 1px solid #CE9631;}
.widecolouredBox, .widecolouredBox2 {width: 460px; padding: 0.5em; margin: 0px; border: 1px solid #CE9631;}
.widecolouredBox {background-color: #FFCF63;}
.widecolouredBox2 {background-color:#CE9631; }
.imgBorder {border: 1px solid 1px solid #CE9631;}
.colouredBox2 h4, .widecolouredBox2 h4 {font-size: 1.2em; color: #FFFFFF; margin: 0px; padding: 0px;}
.colouredBox2 {background-color: #CE9631; width: 280px; padding: 0.5em; border: 1px solid #CE9631;}
#whiteContent {width: 460px; height: 350px; background-color: #FFFFFF; margin: 0px auto; padding: 0.5em;}
#whiteContent h2 {font-size: 1.2em; color: #990000; padding: 0px; margin: 0px;}
#whiteContent h3 {font-size: 1.0em; color: #003399;}
#whiteContent h1 {font-size: 1.2em; color: #665000; margin: 0px 0px 10px 0px; padding: 0px;}
/*form*/
 label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.4em;
display: block
}

input {
border: 1px solid #CE9631; background-color: #FFCF63; color: #665000;}
input.whiteBtn {border: 1px solid #CE9631; background-color: #FFFFFF; color: #665000; width: 2.5em;}
.submit {margin-left: 50px;}

/*Videos/DVDs*/
#videoCol {margin: 0 0em 0 1em; width: 480px;}
.videoCol1 {float: left; width: 85px; margin-top: 10px;}
.videoCol2 {float: left; margin: 0px 30px 0px 20px; width: 250px;}
.videoCol3 {float: left; width: 90px; margin-top: 1em;}
ul.cartTable  { padding: 0px; margin: 0 0px 0px 1.5em;}
input.twocharInput {width: 15px;}

/*Miscellaneous*/
.whiteBoldText {color: #FFFFFF; font-weight: bold;}
.maroon {color: #990000;}
.black {color: #000000;}
.nodisplay , .blank {display: none;}
#rightPlaceholder {padding: 25px 0px 0px 10px;}
.onepxLine {border-top: 1px solid #9C9A00; margin: 0px; padding: 0px;}
.twopxLine {border-top: 2px solid #9C9A00; margin: 0px; padding: 0px;}
.fivePadding {padding: 5px 0px 10px 0px;}
.tenPadding {padding: 10px 0px 0px 0px;}
.tentenPadding {padding: 10px 0px 10px 0px;}
.floatLeft {float: left;}
.paddingRight {padding: 0px 10px 0px 0px;}
.tableRow {margin: 0px 0px 10px 0px; width: auto; clear: both; height: auto;}
html>body .tableRow {margin: 0px 0px 5px 0px;}
.paddingLeft {margin: 0px 0px 0px 5px;}
.paddingLeft2 {margin: 0px 0px 0px 7px;}
.orange {color: #FF6500;}