* { margin: 0; padding: 0px; }

html, body { margin: 0; padding: 0px; height: 100%; background: #751824 url(/images/bodybg.gif) repeat-x; color: #2c2a2b; font-family: arial;} 

/* ----------Site Elements--------------------- */
.line { border: none; border-bottom: 1px solid gray; height: 0px; margin: 0 auto; margin-bottom: 20px }
.clear { clear: both; }
a:active, a:focus{outline: 0;}


/* ----------Centered Container Or the Layout--------------------- */
#container { margin: 0 auto; width: 980px;} 

/* ------------------------------------------------------HEADER--------------------------------------------------------------- */

#topbar {display: none;}

#header {  height: 137px; background: url(/images/headerswoosh.png) no-repeat center top; }
#header .holder {width: 980px; background: url(/images/headerbg.png) no-repeat center bottom; height: 132px; margin: 0 auto }

#header .left, #header .right, .rightside .box, .contentholder, #twoboxes .left, #twoboxes .right, .sponsor {
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border: 1px solid #fff; 
background: #ddd url(/images/headerbox_bg.gif) repeat-x;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
width: 280px; 
height: 100px; 
margin-top: -10px;
}

#header .left, #header .right {-moz-border-radius: 10px; -webkit-border-radius: 10px; }
#header .left { float: left; margin-left: 6px;}
#header .right {float: right; margin-right:6px; text-align: center; }


/* --------------SEARCH------------- */
#header .search { width: 230px; margin: 0 auto}
#header .search .button {width: 65px; height: 41px; background: url(/images/searchbutton.png) no-repeat center; float: right;border: none;}

#header .search input, #twoboxes input { 
float: left; 
background: url(/images/searchbg.gif) repeat-x; 
padding: 10px; 
border: 3px solid white; 
color: #373737;
font: 11px Arial, Helvetica, Sans-Serif;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-color: #fff; 
}
/* --------------/SEARCH------------- */


#header h1 {
background:url("/images/logo.png") no-repeat scroll 0 0 transparent;
clear:right;
float:left;
height:77px;
text-indent:-9999em;
width:252px;
margin: 14px 0px 0px 14px;
}

#header a {text-indent:-9999em;}
#header h2 {text-transform: uppercase; margin-top: 14px; font-size: 22px; font-weight: bold; margin-bottom: 10px}


/* ------------------------------------------------------/HEADER--------------------------------------------------------------- */


/* ------------------------------------------------------ TOPNAV ------------------------------------------ */
#topnav { height: 50px; margin-top: -12px; width: 980px;  }
#navwrap { height: 50px; clear: both; }

#nav { background: url('/images/nav.png') no-repeat; float: left; }
#nav ul {position:relative; margin:0 auto; padding:0; height:50px; }
#nav li { list-style:none; float:left; margin:0; }
#nav li a {text-indent:-999em; display:block; line-height:50px; height:50px; margin:0; background: url('/images/nav.png') no-repeat; }

/* ---------- STATIC ------------- */
#nav li.page-item-HOME a { width:79px; background-position: 0 0px;}
#nav li.page-item-HIGHSCHOOL a { width:112px; background-position:  112px 0px;}
#nav li.page-item-MIDDLE a { width:130px; background-position:  130px 0px;}
#nav li.page-item-INTERMEDIATE a { width:119px; background-position:  119px 0px;}
#nav li.page-item-STUDENT a { width:157px; background-position:  157px 0px;}
#nav li.page-item-PARENT a { width:150px; background-position:  150px 0px;}
#nav li.page-item-STORE a { width:63px; background-position:  63px 0px;}
#nav li.page-item-STAFF a { width:56px; background-position:  56px 0px;}
#nav li.page-item-CONTACT a { width:108px; background-position:  115px 0px;}
/* ---------- STATIC ------------- */

/* ---------- ROLLOVER ------------- */
#nav li.page-item-HOME a:hover { background-position: 0px -49px;}
#nav li.page-item-HIGHSCHOOL a:hover { background-position:  -79px -49px;}
#nav li.page-item-MIDDLE a:hover { background-position:  -191px -49px;}
#nav li.page-item-INTERMEDIATE a:hover { background-position:  -321px -49px;}
#nav li.page-item-STUDENT a:hover { background-position:  -440px -49px;}
#nav li.page-item-PARENT a:hover { background-position:  -597px -49px;}
#nav li.page-item-STORE a:hover { background-position:  -747px -49px;}
#nav li.page-item-STAFF a:hover { background-position:  -810px -49px;}
#nav li.page-item-CONTACT a:hover { background-position:  -866px -49px;}
/* ---------- ROLLOVER ------------- */

/* ---------- ACTIVE ------------- */
#nav li.page-item-HOME.current_page_item a { background-position:0 -98px;}
#nav li.page-item-HIGHSCHOOL.current_page_item a { background-position: -79px -98px;}
#nav li.page-item-MIDDLE.current_page_item a { background-position: -191px -98px;}
#nav li.page-item-INTERMEDIATE.current_page_item a { background-position: -321px -98px;}
#nav li.page-item-STUDENT.current_page_item a { background-position: -440px -98px;}
#nav li.page-item-PARENT.current_page_item a { background-position: -597px -98px;}
#nav li.page-item-STORE.current_page_item a { background-position: -747px -98px;}
#nav li.page-item-STAFF.current_page_item a{ background-position:  -810px -98px;}
#nav li.page-item-CONTACT.current_page_item a{ background-position:  -866px -98px;}
/* ---------- ACTIVE ------------- */


/* FIRST level dropdown */
#nav li ul {
margin:0 0 0 -14px;
margin-top: 16px;
padding:6px;
list-style:none;
position:absolute;
left:-999em;
top:42px;
width: 246px;
background-position:0 100%;
height:auto;
background-color: white;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
border: 1px solid #fff; 
z-index: 50;
}


#nav .tip { position: absolute; background: url(/images/icontri.png) no-repeat; width: 230px; height: 18px; margin-top: -25px; background-position: 20%; }
	
#nav li li a {width:200px; text-indent:0; padding: 8px 10px 8px 16px; height:auto; text-decoration:none; color: #444; background: transparent; }	
#nav li li a:hover { width:200px; text-decoration:underline;}
#nav li li p { margin: 13px 0px 0px 6px; padding: 0; background: url(/images/iconsquare.gif) no-repeat; width: 6px; height: 8px; position: absolute}

#nav li ul li a { font: bold 12px Arial, Helvetica, Sans-Serif; padding-left: 28px; background-color: #e4e3e3; }
#nav li:hover ul, #nav li.sfhover ul {left:auto;}

#nav li li { z-index:30; position:relative; margin:0; padding:0; width:200px; height:auto; line-height:12px;}
#nav li:hover li a, #nav li.sfhover li a { width:210px;}
/* FIRST level dropdown */	
	

/* SECOND level dropdown */
#nav li ul li ul  { background-color: #fff;}
#nav li ul ul  {
margin: -49px 0 0 248px;
background-color: #fff; 
-moz-box-shadow: 3px 3px 4px #333;
-webkit-box-shadow: 3px 3px 4px #333;
-moz-border-radius: 0px;
}	
#nav li ul ul li  {background-color: #fff !important;}	
#nav li ul ul li a  { font: bold 12px Arial, Helvetica, Sans-Serif; background: #fff; color: #444444; }
/* SECOND level dropdown */

/* ------------------------------------------------------ /TOPNAV ------------------------------------------ */



/* --------------MAIN CONTENT, RIGHTSIDE----------------*/
#main {width: 980px; float:left; margin-bottom: 30px;}
#main .content {padding: 0px; margin: 0px; float:left; width: 664px;}
#main .content h1 {color: #610f1b; text-transform: uppercase; font-size: 24px; margin: 8px 0px}
#main .content a, #main .content em, .content h2, .content ul li a {color: #610f1b; text decoration: none;}
#main .content a:hover {text-decoration:underline}
#main .content h2 { font-weight: bold; font-size: 20px;}
#main .content h4 {text-transform: uppercase; font: bold 14px Arial, Helvetica, Sans-Serif; color: #8a1c2d}
#main .content ul { margin: 10px 4px 20px; padding:0; font: 14px Arial, Helvetica, Sans-Serif;}
#main .content ul li {display: block; list-style-type: none; background: url(/images/iconsquare.gif) no-repeat center left; padding-left: 20px; line-height: 24px}
#main .content ul li a {text-transform: uppercase; text-decoration: underline}
#main .content ul li em {text-transform: uppercase; font-style: normal; color: #2c2a2b; }

#main p {font: 14px Arial, Helvetica, Sans-Serif; color: #2c2a2b; line-height: 22px; x}

#main h3 { 
font-size: 18px;
}


/* --------------ROTATOR------------- */
#rtrHolder{
height: 259px; width: 686px;
left: 7px;
position: relative;
}

#rtr { overflow: hidden; height: 259px; width: 686px;}

#rtr img{height: 259px; width: 686px;}

#rtrNav {
z-index: 20;
position:absolute;
bottom: 0px;
right: 15px;
}

#rtrNav a {
background: #c1bebe;
border: 1px solid #c1bebe;
border-bottom: 0px;
display:block;
float:left;
height: 20px;
margin-right:4px;
text-indent:-999em;
width:10px;
}
#rtrNav a.activeSlide {
background: #8b1d2e;
padding-bottom: 6px;
margin-top: -6px;
border: 1px solid #c1bebe;
border-bottom: 0px;
}

/* --------------TOPNAV------------- */


#main .contentholder { 
line-height: 1.6; 
background-image: none; 
background-color: white;
min-height: 228px; 
width: 625px; 
clear:left; 
position: relative; 
margin-top: 40px; 
margin-bottom: 34px; 
margin-left: 6px; 
padding: 14px;
height: 100%;
}
#main .contentholder img{margin:10px;}
#main .contentholder p {margin-bottom: 18px}
#main .contentholder p.home {margin-bottom: 0px}


/* --------------MAIN TWO BOXES----------------*/
#twoboxes {margin-bottom: 30px; padding:0; width: 686px}
#twoboxes .left, #twoboxes .right { width: 290px; background: white; min-height: 208px; height: 100%; height: auto; padding: 12px; }
#twoboxes .left { float: left; margin: 0px 24px 0px 6px;}
#twoboxes .right {float: left; margin: 0;}
/* --------------MAIN TWO BOXES----------------*/


/* ---------SIGNUP----------*/

#twoboxes .left input, .glossymenu {font-weight: bold; font-size: 12px;color: #444}

#twoboxes .left input {
background:url(/images/signupbg.gif) repeat-x; 
padding: 4px; 
-moz-box-shadow: 0px 0px 5px #ccc;
-webkit-box-shadow: 0px 0px 5px #ccc;
box-shadow: 0px 0px 5px #ccc;
font-family: 'century gothic', Arial, Helvetia, Sans-Serif; 
color: #444;
margin-bottom: 10px;
}

#twoboxes .left .form {width: 274px; }

#twoboxes h3{font-size: 14px;margin-bottom: 15px;}


/* ---------------------------GROUPS--------------------------- */

.glossymenu {width: 290px; clear:both;}

.glossymenu a.menuitem{
font-family: 'century gothic', Arial, Helvetia, Sans-Serif; 
background:url(/images/signupbg.gif) repeat-x; 
padding: 3px; 
-moz-box-shadow: 0px 0px 6px #ccc;
-webkit-box-shadow: 0px 0px 6px #ccc;
box-shadow: 0px 0px 6px #ccc;
border-color: #fff; 
border-top: 3px solid white;
border-bottom: 3px solid white;
border-left: 3px solid white;
border-right: 3px solid white;
font-size: 12px;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
text-decoration: none;
cursor: pointer;
padding-left: 6px;
margin-top: 140px;
color: #444;
}

.glossymenu a:hover.submenuheader { text-decoration: none}
.glossymenu a.menuitem .statusicon{ position: absolute;right: 5px;border: none; margin: 4px}

.glossymenu div.submenu{
background: #dbdbdb url(/images/groupsbg.gif) repeat-y; 
padding: 10px; 
position: absolute; 
z-index: 60; 
width: 264px;
-moz-box-shadow: 0px 0px 6px #ccc;
-webkit-box-shadow: 0px 0px 6px #ccc;
box-shadow: 0px 0px 6px #ccc;
border-color: #fff; 
border-top: 3px solid white;
border-bottom: 3px solid white;
border-left: 3px solid white;
border-right: 3px solid white;
}


/* -------------GROUP CHECKBOXES------------- */
.glossymenu div.submenu .leftbox, div.submenu .rightbox { width: 120px; }
.glossymenu div.submenu .leftbox { float: left; line-height: 2;}
.glossymenu div.submenu .rightbox { float: right; margin: 0; line-height: 2;}
.glossymenu div.submenu ul li a{ display: block; font-family: 'century gothic', Arial, Helvetia, Sans-Serif; color: #444;text-decoration: none; padding: 2px 0;padding-left: 10px;}
#twoboxes .left form { font-weight: normal; font-size: 12px; font-family: 'century gothic', Arial, Helvetia, Sans-Serif; color: #444;}
.glossymenu div.submenu input { margin-bottom: 0px; margin-right:4px; padding: 0px  !important; border: 0px !important; position: relative; top: 5px;}
/* -------------GROUP CHECKBOXES------------- */


/* ---------------------------GROUPS--------------------------- */
/* ---------/SIGNUP----------*/

.submit{
display: block;
width: 56px;
height: 21px;
text-indent: -999em;
cursor: pointer;
float: right;
margin-top: 8px;
background: url(/images/submit.png) no-repeat;
}
.submit:hover{
background-position: bottom;
}

/* ---------RECENT NEWS----------*/
#twoboxes .post, .posttwo { margin: 0px; padding: 10px; font: bold 12px Arial, Helvetica, Sans-Serif; background-color: #ededed; height: 26px  }
#twoboxes .posttwo {background-color: transparent}
#twoboxes .right b, a.readmore {color: #67101e; }
#twoboxes .right .post a, .posttwo a {color: #444; text-decoration: none; font-size: 11px}
#twoboxes .right p {margin: 0px; padding: 0px}
#twoboxes .right a:hover { text-decoration: underline}
#twoboxes a.readmore { float: right; font: bold 12px Arial, Helvetica, Sans-Serif; text-decoration: none; margin-top: 10px  }
#twoboxes .right a { background: url(/images/iconarrow.png) no-repeat center right; padding-right: 14px }
#twoboxes .left a {color: #444;}
#twoboxes .left a:hover { text-decoration: underline}
/* ---------/RECENT NEWS----------*/


/* --------------/MAIN TWO BOXES----------------*/


/* ---------WEEKLY----------*/
#weekly { float: right; width: 176px; margin: 0px 0px 10px 20px }
#weekly .head {background: #65101d url(/images/weeklyheadbg.gif) repeat-x; border-left: 1px solid #65101d; border-right: 1px solid #65101d; border-top: 1px solid #65101d; padding: 10px 4px;}
#weekly, #weekly .head {text-align: center}
#weekly .head h2 { color: white; font-size: 14px; border: 0; margin: 0 }
#weekly p { background: url(/images/rightbox_bg.gif) repeat;border-left: 1px solid #b3b2b2;border-right: 1px solid #b3b2b2;border-bottom: 1px solid #b3b2b2;padding: 24px 10px;line-height: 18px}
/* ---------/WEEKLY----------*/


/* --------------SPONSOR BOX----------------*/
#main .rightside .sponsor { 
height: 266px;
position: relative;
z-index: 20;
background: #ddd url(/images/sponsorbg.gif) repeat-x; 
width: 286px; 
-moz-border-radius: 0px 0px 6px 6px; 
-webkit-border-radius: 6px 0px 6px 0px;
-moz-box-shadow: 0px 3px 6px 0px #000;
-webkit-box-shadow: 6px 3px 6px 0px #000;
box-shadow: 6px 3px 6px 0px #000;
margin-top: 0px;
border-top: 0px;
border-right: 1px solid #fff; 
border-left: 1px solid #fff; 
border-bottom: 1px solid #fff; 
}

#main .rightside .sponsor .piece {background:url(/images/sponsorstop.gif) repeat-x; height: 14px;}
#main .rightside .sponsor img {border:1px solid white; margin-bottom:5px; margin-top:45px;}


#main .rightside .sponsor .top { 
background: #8a1d2e url(/images/sponsorbox_topbg.gif) repeat-x;
height: 34px; 
width: 296px;
position: absolute;  
text-align: center; 
border: 1px solid #5f0d19;
margin-left: -6px;
}

#main .rightside .sponsor h1 { font-size: 14px; font-weight: lighter; color: white; padding-top: 8px; }
#main .rightside .sponsor .inner { text-align: center; padding: 0px 10px 0px 14px;  }
#main .inner p { padding-bottom: 0px }
/* --------------/SPONSOR BOX----------------*/


/* --------------RIGHTSIDE BOXES----------------*/
#main .rightside { float:right; width: 280px; margin-right: 18px; padding: 0px;}
#main .rightside .box { background: url(/images/rightbox_bg.gif) repeat; width: 286px; border: 0px; margin-top: 32px; height: 100%; height: auto }

#main .rightside .box .top { 
background: url(/images/rightbox_top.png) no-repeat; 
width: 236px; 
height: 34px; 
position: absolute; 
margin-top: -10px; 
margin-left: 25px; 
text-align: center 
}

#main .rightside h1 { font-family: 'century gothic', Arial, Helvetia, Sans-Serif; text-transform: uppercase; }
#main .rightside .box .top h1 { color: red; font-weight: bold; font-size: 14px; color: #871b2c; padding-top: 6px }
#main .rightside .box .inner { padding: 34px 10px 17px 14px; background: none }

#main .flickr img {border:3px solid #2F3435;float:left;height:68px;margin-bottom:18px;margin-left:6px;margin-right:6px;width:68px;}
#main .flickr a:hover img {border-color: white}
/* --------------RIGHTSIDE BOXES----------------*/


/* --------------SUBPIC------------- */
#subpic {width: 660px; height: 189px; margin-bottom: 24px; overflow: hidden; }
#subpic img {margin-left: 7px;}

/* --------------TOPNAV------------- */


/* ------------------------------------------------------FOOTER--------------------------------------------------------------- */

#footer {clear: both; background: #595959 url(/images/footerbg.gif) repeat-x; height: 83px; border-top: 1px solid #803e49 }
#footer img{border: 0px;}
#footer p, #footer a {color: #afafaf; font: bold 12px Arial, Helvetica, Sans-Serif;}
#footer p {margin-left:8px}
#footer .content { width: 980px; margin: 0 auto; position: relative;   }

#footer .left, .right {margin-top: 30px;}
#footer .left { width: 340px; float: left; }
#footer .right { width: 130px; float: right; }

#footer .mid { width: 204px; height: 69px; background: url(/images/footerconnectbg.gif) no-repeat; float: left; margin-left: 122px; margin-top: 15px;  }
#footer .mid ul li { display: inline; list-style-type:none; }
#footer .mid ul li.twitter {margin-left: -10px}
#footer .mid ul li img {margin: 32px 0px 0px 8px}

/* --------------FOOTER LINKS----------------*/

#footer .left ul, #footer .mid ul { margin: 0px; padding: 0px;}
#footer .left li {list-style-type: none; display: inline;  }
#footer .left li a, a.last {border-right: 1px solid #afafaf; padding: 0px 8px; text-decoration: none; }
#footer .left li a.last { border: 0}
#footer .left li a:hover { text-decoration: underline}


.csLogo {
background:transparent url(/images/footerlogo.gif) no-repeat top right;
display:block;
float:right;
height:30px;
text-indent:-9999em;
width:125px;
}

a.csLogo { text-indent: -9999em}

/* --------------FOOTER LINKS----------------*/

/* ------------------------------------------------------FOOTER--------------------------------------------------------------- */


.rightside .box .inner iframe {-moz-box-shadow: 0px 0px 6px #333; }

.calLink{
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
color: #8a2330;
display: block;
background: #fcfcfc;
border: 1px solid #999;
text-align: center;
}

.wysiwyg_content ol{
margin-left: 23px;
font-size: 13px;
}