﻿/* Main DIVs */
.Main {min-height: 100%;}

/* Header DIVs */
.TopHeader {background: #150d06 url("images/headerbg.jpg") top left repeat-x; height: 105px; min-width:980px;}
.TopContainer {width: 960px; padding-left: 0px; margin: auto;}
.TopLogo {width: 639px; float: left; margin-left:-40px;}
.TopInfo { background: #150d06 url("images/topinfobg2.jpg") top left no-repeat; height: 98px; width: 321px; float: right;}
.AddPh {float: right; width: 180px; height: 100%; text-align:right; font-family: "Helvetica", Verdana, sans-serif; padding-right: 20px;}
.AddTxt {float: right; text-align: right; font-family: "Helvetica", Verdana, sans-serif; font-size:0.7em; width:180px; margin-top: 34px;}

/* Nav DIVs */
.NavContainer {width: 100%; height: 30px; background: #333333 url("images/navbg.jpg") top left repeat-x; float:left; min-width:980px;}
.ListContainer {width: 960px; padding-left: 0%; margin: auto;}
.NLCont {width: 714px; float: left; padding-left: 0px;}
.QLCont {width: 200px; float: right; text-align: right;}
.navarrow {text-align: center; vertical-align: middle;}

/* List Styling */
ul#menu {height: 30px; background: #333333 url("images/navbg.jpg") top left repeat-x; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; list-style-type: none; margin: 0; padding: 0;}
ul#menu li {padding: 0 0 0 5px; display:inline; float:left;}
ul#menu li a {height: 30px; color: #cccccc; text-decoration: none; float: left; padding: 12px 15px 0; }
ul#menu li a:hover { color: #cccc33; }
ul#menu li a.current{ color: #660000; background: #cccccc; padding: 12px 15px 0; border-width: 1px; border-color: black; }

/*Drop Down Styling*/
#quick{height: 30px; margin:0px; padding:12px 0 0 0; list-style:none; color:#cccc33; display:block; z-index:1000; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; } 
#quick a { color:#cccc33; text-decoration:none; padding: 7px 2px;} 
#quick > li { cursor:pointer; position:relative; padding: 0;} 
#quick > li a:hover {color:#cccc33;} 
 
#quick ul { padding: 5px 0 0 0; margin: 0px;}
#quick li ul {position:absolute; left:35px; top: 17px; line-height: 0px; width:160px; background: #333333 url("images/dropbg.jpg") repeat; color:#cccccc; display:none; text-align:left; } 
#quick li:hover ul {display:block;} 
#quick li ul li{margin:0px 8px; padding: 0; list-style-type:none;  width: 145px;}  
#quick li ul li a { display:block; color:#cccccc; } 
#quick li ul li a:hover { color:#cccc33; background: url("images/quicknavbg.jpg") no-repeat;}

#quick .corner_inset_left { position:absolute; top:0px; left:-12px;} 
#quick .corner_inset_right { position:absolute; top:0px; left:160px;} 
#quick .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;} 
#quick .corner_left { position:absolute; left:0px; top:0px;} 
#quick .corner_right { position:absolute; left:142px; top:0px;} 
#quick .middle { position:absolute; left:18px; height: 20px; width: 125px; top:0px;}

/*Facebox Sizes*/
.fboxstyle {width: 450px;}
.fboxtell {width: 450px;}
.fboxsoon {width: 300px;}

/*Coming Soon Facebox*/
#comingsoon {padding: 5px 5px 5px 5px;}
#title {float: left; width: 33px;} 
#message {float:right; padding-bottom: 10px; width: 247px; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #000;}

/*Contact Form Facebox*/
#headwrap {width: 100%;}
#headleft {float: left; width: 200px; padding-left: 15px; padding-top: 5px;}
#headright {float: right; width: 200px; text-align: right; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #333; padding: 5px;}
#headtitle {width: 200px; font-size: 1.0em; font-family: "Helvetica", Verdana, sans-serif; color: #960000; font-weight: bold;}
#headtitle2 {width: 200px; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #333;}
#dividerbar {width: 100%; border-bottom: 1px solid #DDDDDD; padding-bottom: 5px; margin-bottom: 10px; clear: both;}
#formwrap {width: 420px;}
#namewrap {width: 400px; padding: 10px; border-bottom: 1px solid #DDDDDD;}
#emailwrap {width: 400px; padding: 10px; border-bottom: 1px solid #DDDDDD;}
#helpwrap {width: 400px; padding: 10px; border-bottom: 1px solid #DDDDDD;}
#messwrap {width: 400px; padding: 10px; border-bottom: 1px solid #DDDDDD;}
#submitwrap {width: 400px; padding: 10px;}
#nametitle {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #333; padding-bottom: 3px;}
#emailtitle {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #333; padding-bottom: 3px;}
#helptitle {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #333; padding-bottom: 3px;}
#messtitle {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #333; padding-bottom: 3px;}
input {color: #333; background: #fff; border: 1px solid #482d03; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif;}
textarea {color: #333; background: #fff; border: 1px solid #482d03; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif;}
#submitwrap input {color: #482d03; background: #cccc33; border: 1px solid #482d03; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif;}
#hdropsel {width: 230px; color: #482d03; background: #fff; border: 1px solid #482d03; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif;}
#error {width: 400px; padding: 10px; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #333;}

/*Tell a Friend Form Facebox*/
#theadwrap {width: 100%;}
#theadleft {float: left; width: 200px; padding-left: 15px; padding-top: 5px;}
#theadright {float: right; width: 200px; text-align: right; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #333; padding: 5px;}
#theadtitle {width: 200px; font-size: 1.0em; font-family: "Helvetica", Verdana, sans-serif; color: #960000; font-weight: bold;}
#theadtitle2 {width: 200px; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #333;}
#tdividerbar {width: 100%; border-bottom: 1px solid #DDDDDD; padding-bottom: 5px; margin-bottom: 10px; clear: both;}
#fnamewrap {width: 400px; padding: 10px; border-bottom: 1px solid #DDDDDD;}
#femailwrap {width: 400px; padding: 10px; border-bottom: 1px solid #DDDDDD;}
#fnametitle {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #333; padding-bottom: 3px;}
#femailtitle {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #333; padding-bottom: 3px;}


/*Secondary Nav and Slider*/
.undernav {background: #cccccc url("images/specbg2.jpg") top left repeat-x; width: 100%; height:534px; min-width:980px;}

/*Slider*/
.slidercont {padding-top:45px; width:980px; padding-left:0; margin: auto;}
.scontainer {width: 958px; padding-left: 12px;}
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider li{width:958px; height:470px;}

/*Main DIVs*/
.mainwrapper {width: 100%; min-width:980px; background-color:#fff;}
.maincont {width: 960px; margin: auto; margin-top: 0px;}
.mainside {width: 210px; background:#fff; float:left; padding: 2px;}
.mainhold {width: 730px; background:#fff; float:right; padding: 2px;}

/*Sidebar DIVs*/
.ecfabout {width:185px; padding-top: 10px;}
.ecfabouttop {width: 100%; height: 100%; min-height: 50px; background:#fff; border-top: #fff solid 1px;}

.ecftoday {width:185px; padding-top: 10px;}
.ecftodaytop {width: 100%; height: 100%; min-height: 50px; background:#fff; border-top: #fff solid 1px;}

.ecfclass {width:185px; padding-top: 10px;}
.ecfclasstop {width: 100%; height: 100%; min-height: 50px; background:#fff; border-top: #fff solid 1px;}

.ecfsocial {width:185px; padding-top: 10px;}
.ecfsocialtop {width: 100%; height: 100%; min-height: 50px; background:#fff; border-top: #fff solid 1px;}

.contentwrap {width: 760px; padding-top: 10px;}
.contenthere {width: 760px; height: 100%; min-height: 200px; background:#ffffff; border-top: #fff solid 1px;}
.btmpage {width: 760px; height: 100%; min-height: 30px; background:#ffffff; border-top: #fff solid 1px;}

/*Side Bar Styling*/
.SideBarTitleCont {padding: 3px;}
.SideBarTitle {color: #960000; font-size: 0.7em; font-family: "Arial", Helvetica, sans-serif; font-weight:bold;}
.SideBarParaCont {padding: 3px;}
.SideBarPara {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif;}
.SideBarDate {padding-top: 5px; color:#000; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; font-style: italic;}
.SideBarHours {color:#333; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; font-style: italic;}
.SideBarDesc {color:#333; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; font-style: italic;}
.SideBarClassTitle {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; font-weight: bold; padding-top:5px;}
.SideBarClassInst {color:#333; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; font-style: italic;}
.SideBarClose {color:#333; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; font-style: italic;}
.SideBarLink {text-decoration: none; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; padding-left: 5px;}
.SocImg1 {padding-top: 4px;}
.SocImg2 {padding-top: 4px;}
.SocImg3 {padding-top: 4px;}
.SocImg4 {padding-top: 4px;}

/*Main News Styling*/
.TitlePanel {padding-top: 3px;}
.PanelTitle {text-decoration: none; color: #960000; font-size: 0.8em; font-family: "Arial", Helvetica, sans-serif; font-weight:bold;}
.PanelWriter {color:#666; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif;}
.PanelSourceTxt {color:#666; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif;}
.PanelSource {color:#666; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif;}
.PanelSDiv {padding-right: 3px; padding-left: 3px; color:#666; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif;}
.PanelDate {color:#666; font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif;}
.ImgPanel {padding: 5px;}
.breakImg {padding-top: 8px; padding-bottom: 3px;}
.PanelText {font-size: 0.75em; font-family: "Helvetica", Verdana, sans-serif;}
.MorePanel { text-align: right; padding-top: 5px;}
.PanelMore {font-size: 0.75em; border: solid 1px #482d03; color: #482d03; padding: 0.2em 0.4em; font-family: Microsoft San Serif; background: #fff; text-decoration: none;}
.PanelMore:hover {font-size: 0.75em; border: solid 1px #482d03; color: #482d03; padding: 0.2em 0.4em; font-family: Microsoft San Serif; background: #cccc00; text-decoration: none;}
.nimgwrapper {width: 500px;}
.nunderimg {}
.nunderimg a {color:#960000; font-size: 0.75em; font-family: "Helvetica", Verdana, sans-serif; text-decoration: none;}

.SchedulePDF {margin: 25px 0px 25px 0px; padding: 5px; background: #E6E6FA; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.spcPDFpanel {}
.schPDFimg {}
.schPDFtext {font-size: 0.75em; font-family: "Helvetica", Verdana, sans-serif;}
.schPDFtext2 {font-size: 0.75em; font-family: "Helvetica", Verdana, sans-serif;}
.schPDFhere {font-size: 0.75em; font-family: "Helvetica", Verdana, sans-serif;}

/*Paging*/
.pagination{font-size: 0.7em; border: solid 1px #482d03; color: #482d03; padding: 0.2em 0.4em; font-family: Microsoft San Serif; text-decoration: none;}
.pagination:hover {font-size: 0.7em; border: solid 1px #482d03; color: #482d03; padding: 0.2em 0.4em; font-family: Microsoft San Serif; background: #cccc00; text-decoration: none;}
.nextpagemax {font-size: 0.7em; border: solid 1px #482d03; color: #482d03; padding: 0.2em 0.4em; font-family: Microsoft San Serif; background: #fff; text-decoration: none;}
.prevpagemin {font-size: 0.7em; border: solid 1px #482d03; color: #482d03; padding: 0.2em 0.4em; font-family: Microsoft San Serif; background: #fff;	text-decoration: none;}
.currentpage {font-size: 0.7em; border: solid 1px #482d03; color: #482d03;	padding: 0.2em 0.4em; font-family: Microsoft San Serif; background: #cccc00; text-decoration: none;}
.pagecont {display: block; margin-right: 10px; margin-top: 5px;	margin-bottom: 5px;}

/* Footer Styling and DIVs */
.fhold {width: 100%; background: #cccc33 url("images/botbg.jpg") top left repeat-x; min-height: 200px; min-width:980px; clear: both;}
.fcontainer {width: 960px; margin: auto;}
.fspacer { width:828px; padding-left:132px;}
.flogo {width:910px; padding-left:50px; padding-top: 0px;}

.fc1 {width: 351px; float:left;}

.bsocial {width: 180px; margin-top: 0px; float: left;}
.socico { padding-top: 2px;}
.socialic { padding: 0; border: 0;}
.bnav {width: 110px; float: right; margin-top: 0px;}

.fc2 {width : 331px; float: left;}

.bquick {width: 150px; float: left; margin-top: 0px;}
.bother {width: 180px; margin-top: 0px; float: right;}

.bhold1 {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #000; font-weight: bold;}
.bhold2 {font-size: 0.5em; font-family: "Helvetica", Verdana, sans-serif; color: #333;}
.shold1 {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #000; font-weight: bold;}
.qhold1 {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #000; font-weight: bold;}
.bcopy {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #000; font-weight: bold;}
.builtby {font-size: 0.5em; font-family: "Helvetica", Verdana, sans-serif; color: #333;}
.ulhead {font-weight: bold;}
.validcss {text-decoration: none;}

/*Footer Navigation*/
#bnavlist {list-style:none; margin:0; padding:0;}
ul#bnavlist li {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #000;}
ul#bnavlist li a {display: block; float: left; clear:left; width: 90px; font-size: 0.8em; text-decoration: none; color: #333; font-family: "Helvetica", Verdana, sans-serif;}
ul#bnavlist li a:hover {color: #960000;}

#bquicklist { list-style:none;  margin:0; padding:0;}
ul#bquicklist li {font-size: 0.7em; font-family: "Helvetica", Verdana, sans-serif; color: #000;}
ul#bquicklist li a {display: block; float: left; clear:left; width: 90px; text-decoration: none; color: #333; font-size: 0.8em; font-family: "Helvetica", Verdana, sans-serif;}
ul#bquicklist li a:hover {color: #960000;}

/*General Styling*/
a img {border: none;}

body {margin-left: 0px;	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px;}
