h1, h2, h3, h4, h5, p {margin: 0px;}
/*-------------------------------------*/
body { margin: 0px; font-family: Arial, Verdana, Sans-Serif;}

td {vertical-align: top; }



/*------------*/
#Wrapper {margin: 0px auto; text-align: center; width: 938px;}
#Logo {width: 170px; height: 90px; position: absolute; top: 50px; left: 30px;}
    #Logo a {width: 170px; height: 90px; display:block; text-indent: -9999px;}
#Header {background: url('images/header.png') no-repeat;}

.green #Header {background: url('images/header_green.png') no-repeat;}
.red #Header {background: url('images/header_red.png') no-repeat;}
.yellow #Header {background: url('images/header_yellow.png') no-repeat;}

#HeaderWrapper {height: 185px; position: relative;}



    #Header #Tagline {height: 35px; float: right; clear: both; position: absolute; right: 0px; top: 78px; width: 715px; text-align: center;}
        #Tagline h2 {font-family: Arial, Verdana, Sans-Serif; font-size: 28px; color: #327dad; font-weight: normal;}
    #Header #Menu {position: absolute; bottom: 14px; left: 0px; width: 836px;}
    
#Content {background: url('images/home_contentBG.png') no-repeat center; height: 302px;}
    #Highlightbox {float: left; width: 175px; height: 240px; margin-left: 45px; margin-top: 22px; overflow: hidden;}
        #Highlightbox h1{ color: #4f4f4f; font-size: 12px; font-weight: bold; line-height: 22px;}
        #Highlightbox p{ color: #337caf;}
    
    #ImageRoll {width: 401px; height: 254px; float: left; margin-top: 15px; margin-left: 20px; overflow: hidden;}
        #ImageRoll img {border: 0px solid #7b7b7b}
    
    #FeatureNav {float: right; width: 255px; margin-right: 40px; margin-top: 11px;}
        #FeatureNav td {text-align: left; padding-bottom: 7px; text-indent: -9999px; width: 242px; height: 80px;}
        #FeatureNav a {width: 242px; height: 80px; display: block;}
        #FeatureNav .ForeignLang {background: url('images/btn_FL.jpg') no-repeat right;}
        
        #FeatureNav .ESL {background: url('images/btn_ESL.jpg') no-repeat right;}
                
        #FeatureNav .Elementary {background: url('images/btn_Elem.jpg') no-repeat right;}
        
        .red #FeatureNav .ESL {background: url('images/btn_ESL_over.jpg') no-repeat right;}
        .green #FeatureNav .ForeignLang {background: url('images/btn_FL_over.jpg') no-repeat right;}
        .yellow #FeatureNav .Elementary {background: url('images/btn_Elem_over.jpg') no-repeat right;}
        
#BottomContent {background: url('images/home_bottomtile.png') repeat-y center;}
#HomeDivider {background: url('images/home_contentdivider.png') no-repeat top center;}
#Bottom {background: url('images/home_footer.png') no-repeat bottom center; height: 25px;}

#SubBottom {background: url('images/bottom.png') no-repeat bottom center; height: 25px;}

#BottomPanes {width: 905px; margin-left: 15px;}
    #BottomPanes div {width: 400px; margin: 0px 10px; text-align: justify; float: left; display: inline-block;}

#Footer {padding-bottom: 20px;}

/*---SubPage Styles--*/
#SubContent {background: url('images/bodytile.png') repeat-y center; }

#SC_pane {width: 590px; float: left; margin-left: 35px; margin-top: 10px; overflow: hidden; min-height: 300px; text-align: left;}
    #SubContent {font-size: 12px; line-height: 18px;}
#SubContent ul { font-size: 12px;}	
#SubContent li { list-style-image:url(images/bullet.png);}
.rightpane {width: 235px; float: right; margin-right: 33px; margin-top: 10px; overflow: hidden;}

/*---Menu---*/
#Menu ul {margin-left: 30px;}
#Menu li {list-style-type: none; float: left; display: inline-block; padding: 0px 12px; font-size: 14px; font-weight: bold; cursor: pointer;}
#Menu li a {color: #ffffff; text-decoration: none;}
#Menu li a:hover {color: #1b4a69; text-decoration: none;}


.red #Menu li a:hover {color: #ad2b37; text-decoration: none;}

.green #Menu li a:hover {color: #4e590d; text-decoration: none;}

.yellow #Menu li a:hover {color: #c19532; text-decoration: none;}

/*Footer Styles*/
.FooterText {font-size: 10px; color: #708a9f;}
.green .FooterText {color: #b2c14a;}
.red .FooterText {color: #ad2b37;}
.yellow .FooterText {color: #f5c359;}

.FooterText a {font-size: 10px; color: #708a9f;}
.green .FooterText a {color: #b2c14a;}
.red .FooterText a {color: #ad2b37;}
.yellow .FooterText a {color: #f5c359;}


/*----Admin Skin------*/
#Admin_pane {width: 865px; margin-top: 15px; text-align: left;}

/* -- Text styles -- */
p {font-size: 12px; color: #000000; line-height: 18px; margin-top: 6px; text-align: left;}

h1 {
	color: #30668a;
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
}
h2 {color: #327dad; font-weight: bold; font-size: 24px; line-height: 32px;}
h3 {
	color: #327dad;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	padding: 0;
}