@charset "utf-8";
/* CSS Document */

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	background: #FFFFFF url(../assets/mbk.jpg) repeat-x left top;
	margin: 0px;
	padding: 0px;
}

/*this is used for layouting and wireframing*/
div { 
	/*border: 1px dotted #CCCCCC;*/
}
a {
	color:#039;
	text-decoration:none;
}
a:hover {
	color:#0033CC;
}
.hidden {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 1px 0px 10px;
	padding: 0px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	text-decoration: none;
	font-weight:normal;
	color:#003399;
}
h1{
	font-size:20px;
}
h2{
	font-size:18px;
}
h3{
	font-size:15px;
}
h4{
	font-size:13px;
}
h5{
	font-size:12px;
}
h6{
	font-size:11px;
}
.sml{
	font-size:10px;
}
.vsml{
	font-size:8px;
}
.readmore{
	text-align:right;
	margin-right:15px;
}
.sep{
	display:block;
	height:10px;
	border-bottom: 1px dotted #CCCCCC;
}
.col1, .lefty{
	float:left;
}
.col2{
	float:left;
}
.righty{
	float:right;
}
.padright{
	padding-right:20px;
}
.greyed{
	background-color:#CCC;
}
.pdf{
	list-style: url(../assets/pdf.png);
	height: 18px;
	padding-bottom:3px;
	margin-bottom:1px;
}
.green {
	color:#090;
}
.inline {
	display:inline;
	padding:0px; margin:0px;
}
.hilite{
	font-weight:bold;
	background-color:#CADDEC;
}
/*Basic Forms formatting*/
select, input[type=text], input[type=checkbox] {
	font-size:10px;
}
label {
	display:block;
	float:left;
}
label.inner {
	display:inline;
}

#bk {	
	width:982px;
	margin:0px auto 0px;
}
#main {
	margin:0px auto;
	padding: 0px;
	width: 982px;
	height:180px;
	background: url(../assets/contenttbk.png) no-repeat left 0px;
}
#header {
	height: 90px;
	width: 886px;
	padding: 0px 20px;
	margin:14px auto -5px;
	border-top:1px solid #360;
}
#header .logo{
	background: url(../assets/hsglogo3d.png) no-repeat left top;
	height: 77px;
	width: 411px;
	float:left;
}
#header .tbanner{
	float: right;
	height: 51px;
	width: 398px;
	margin:24px 0px 0px;
}

/*Menu Styles*/
/*Horizontal*/
#menus{
	width:926px;
	background: url(../assets/submenubk.png) no-repeat left -10px;
	margin:25px auto 0px;
	padding:0px;
	z-index:50;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;	/*height:80px;*/
}
#menus ul#mainmenu {
	margin:0px;
	padding:0px;
	list-style:square;
	position:relative;	
	/*width:923px;*/
}
#menus li {
	display: block;
	float:left;
	/*list-style:none;*/
	padding:0px 0px 0px 6px;
	margin: 0px 4px 0px 0px;
	height:29px;
	background: url(../assets/menu-normal-left.png) no-repeat left top;
}
#menus li a {
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	text-align:center;
	padding:7px 7px 0px 1px;
	height:22px;
	vertical-align:middle;
	margin:0px;
	background: url(../assets/menu-normal.png) no-repeat right top;
}
#menus li.active {
	background: url(../assets/menu-active-left.png) no-repeat left top;
}
#menus li:hover {
	background: url(../assets/menu-normal-left.png) no-repeat left -56px;
}
#menus li.active:hover {
	background: url(../assets/menu-active-left.png) no-repeat left top;
}
#menus li:hover a {
	background: url(../assets/menu-normal.png) no-repeat right -56px;
}
#menus ul li.active a {
	color:#FC0;
	background: url(../assets/menu-active.png) no-repeat right top;
}
/*Submenu 1*/
#menus ul ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 7px;	
	width: auto;
	left:0px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	clear:both;
}
#menus ul ul li {
	display:block;
	float:left;
	margin:0px;
	padding:3px 0px 0px 6px;	
	position:relative;
	/*width:157px;
	height:25px;*/
	background:none;
}
#menus ul ul li:hover {
	background: url(../assets/dropnmenu-left.png) no-repeat top left;
	/*height: 50px;
	width: 157px;*/
	/*z-index:50;*/
}
#menus ul ul li:hover span {
	display:block;
	background: url(../assets/dropnmenu.png) no-repeat top right;
	padding:3px 0px 0px 0px;
	margin:-3px 0px 0px;
	height:30px;
	/*height: 50px;
	width: 157px;*/
	/*z-index:50;*/
}
#menus ul ul li.sub:hover {
	background: url(../assets/dropmenut-left.png) no-repeat top left;
	/*height: 50px;
	width: 157px;*/
	/*z-index:50;*/
}
#menus ul ul li.sub:hover span {
	display:block;
	background: url(../assets/dropmenut-right.png) no-repeat top right;
	padding:3px 0px 0px 0px;
	margin:-3px 0px -3px;
	/*height: 50px;
	width: 157px;*/
	/*z-index:50;*/
}
#menus ul li.active ul li a {
	color:#FC0;
	/*float:left;*/
	display:block;
	/*width:115px;*/
	height:auto;
	background:none;
	margin:0px 6px;
	padding:0px 5px 0px 0px;
	text-align:center;
	/*line-height: 12px;
	border-left:1px dotted #CCC;*/
}
#menus ul ul li:hover span a, #menus ul ul li.sub:hover span a {
	color:#000;
	/*border-left:1px dotted #FFF;*/
	background:none;
}
#menus .submenu {
	display:none;
}

/*Submenu B*/
#menus ul ul ul {
	/*position:absolute;*/
	width:150px;
	display:none;
	padding:2px 5px 10px 10px;
	margin:0px 0px 0px 0px;
	background: url(../assets/dropmenu.png) no-repeat left bottom;
	z-index:100;
}
#menus ul ul ul li {
	clear:both;
	border:none;
	list-style:none;
	margin:0px;
	padding:0px;
	height:auto;
}
#menus ul li.active ul ul a {
	float:none;
	margin-top:0px;
	font-size:12px;
	width:135px;
	display:block;
	color:#000;
	padding:2px 5px 2px 0px;
	text-align:left;
}
#menus ul ul ul li:hover {
	background-image:none;
	background-color:#5db641;
	/*height:auto;*/
	width:138px;
}
#menus ul li.active ul ul li:hover a {
	color:#FFF;
}
#menus ul ul li, #menus ul li {
	list-style:none;
}
#menus ul ul li:hover ul {
	display:block;
}


#searchbox{
	width:356px;
	height:60px;
	padding:0px 13px 0px 10px;
	margin:-26px 15px 0px 0px;
	/*clear:both;
	position:absolute;*/
	top:0px;
	float:right;
	position:relative;
	z-index:100;
}
#searchbox p{
	font-size:11px;
	display:block;
	padding:0px;
	margin:0px;
	color:#FFF;
	width:360px;
}
#searchbox a {
	color:#FFF;
}
#searchbox p a:hover {
	text-decoration:underline;
}
#searchbox h3{
	color:#111;
	margin:10px 10px 0px 0px;
	padding:0px;
	font-weight:bold;
	float:left;
	display:block;
}
#searchbox span{
	float:left;
	font-size:10px;
	display:block;
	padding:0px;
	margin:3px 5px 0px 10px;
	color:#FFF;
	text-align:right;
}
#searchbox div{
	font-size:10px;
	display:block;
	padding:0px;
	margin:3px 0px 0px;
	color:#FFF;
}
#searchbox form{
	margin:10px 5px 0px 0px;
	float:left;
}
#searchbox form input[type=text]{
	width:180px;
	background: #FFF url(../assets/search.gif) no-repeat right center;
	border:1px solid #EEE;
	padding:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#searchbox p.sad{
	margin-top:3px;
}
#midpanel {
	/*background: url(../assets/midbarbk.png) no-repeat left bottom;*/
	height: 150px;
	width: 926px;
	margin:0px;
}
#mbar{
	background: url(../assets/mbar.png) no-repeat left top;
	height: 6px;
	width: 926px;
	margin:0px auto;
}
span.mclose{
	background: url(../assets/midtabber.png) no-repeat left top;
	height: 17px;
	width: 66px;
	position:absolute;
	margin:4px 0px 0px 845px;
	cursor:pointer;
	z-index:100;
}
#container {
	background: url(../assets/contentbk.png) repeat-y left top;
	padding: 0px 28px;
	width: 926px;
}
.schoolsearchitem{
	float:left;
	width:630px;
	padding:10px 10px 10px;
	color:#222;
}
.schoolsearchitem fieldset{
	border:1px solid #8EA9C4;
}
.schoolsearchitem legend{
	color:#FFF;
}

.schoolsearchitem p {
	margin:3px;
	padding:0px;
}
.schoolsearchitem label {
	width:140px;
}
.schoolsearchitem label.xw {
	width:auto;
	padding:0px 2px;
}
.customize label {
	width:180px;
}
.schoolsearchitem label span{
	color:#333;
	font-weight:normal;
	position:absolute;
	margin:3px 4px 0px 0px;
}
.schoolsearchitem select, .schoolsearchitem input[readonly=true] {
	width:160px;margin-bottom:8px;
}
.schoolsearchitem input[id=zip] {
	width:135px;margin-bottom:8px;
}
.schoolsearchitem h1{
	margin:5px 0;padding:0;
}
.schoolsearchitem h4{
	margin:3px 0;
	padding:0 0 0 24px;
	border-bottom:1px solid #929FB4;
	cursor:pointer;
	color:#FFF;
	background: url(../../scripts/ext/images/icons/fam/advicon-open.png) no-repeat left center;
}
.schoolsearchitem h4{
}
.elements{
	padding-left:10px;
}

#contents{
	padding:0px 20px 20px;
}
#contents #left{
	float:left;
	width:670px;
}
#contents #right{
	text-align:center;
	width:210px;
	float:left;
	margin-left:5px;
	padding-top:20px;
}
#contents #right2{
	width:135px;
	float:left;
	margin-left:10px;
	padding:20px 0px 0px;
}
#contents.homee{
	background: url(../assets/homebk.jpg) no-repeat left top;	
}
#contents #data #readmore p {
	margin:0px 0px 15px 0px;
}
div.ads{
	padding:0px;
}
div.ads h2{
	text-align:center;
	width:100%;
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #666;
}
div.ads a img {
	float:left;
	margin:0px 0px 5px 15px;
}
#right2 .ads a img {
	margin:5px 7px;
}

/*Home Styles*/
#home, #mil{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#home #carousel{	
	height:200px;
	width:435px;
	float:left;
	margin-right:12px;
}
#home #intro{
	color:#FFF;
	height:200px;
	width:355px;
	float:left;
}
#home #intro h2 {
	color:#FC0;
	font-size:32px;
	margin:0px;
	padding:0px;
}
#home #intro p {
	margin:8px 0px;
	padding:0px;
}
#home .boxes{
	color:#333;
	/*border:1px dotted #CCC;*/
	height:180px;
	width:192px;
	float:left;
	margin:10px 0px 0px;
	padding:5px 10px 20px;
	background: url(../assets/boxes.png) no-repeat left top;
}
#home .boxes li{
	overflow:hidden;
	height:121px;
}
#home #wizard{
	color:#333;
	/*border:1px dotted #CCC;*/
	height:192px;
	width:202px;
	float:left;
	margin:10px 0px 0px;
	padding:5px 5px 20px;
	background: url(../assets/wizbox.png) no-repeat left top;
}

#home .boxes h3{
	color:#FFF;
	margin:0px;
	padding:0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
#home .boxes form{
	padding-top:15px;
}
#home .boxes label{
	font-size:10px;
	display:block;
	width:75px;
	float:left;
	text-align:right;	
}
#home .boxes select{
	color:#666;
	font-size:11px;
	width:110px;margin-bottom:6px;
}
#home #wizard select{
	color:#666;
	font-size:11px;
	width:126px;margin-bottom:6px;
}
#home .boxes input[readonly=true]{
	color:#666;
	font-size:10px;
	width:100px;margin-bottom:6px;
}
#home .boxes p img{
	margin:0px 6px 3px 0px;
}
#home .boxes ul {
	list-style:none;
	margin:10px 0px 0px;
	padding:0px;
}
#home .boxes li a, #home .boxes p strong {
	color:#039;
	font-size:12px;
	font-weight:normal;
}
#home .mid{
	margin:10px 12px 0px;
}
#mil #carousel{
	border:1px dotted #CCC;
	height:300px;
	width:630px;
}


#myGallery
{
width: 926px !important;
height: 340px !important;
}
#myGallery2
{
width: 200px !important;
height: 150px !important;
}

#footer{
	font-size:10px;
	padding:10px 0px 0px 0px;
	background: url(../assets/footer.png) no-repeat center top;
	height: 98px;
	width: 982px;
	text-align: center;
	color:#FFF;
}
#hads {
	/*width:912px;*/
	padding:0px 20px 2px;
	height:95px;
	overflow:hidden;
}
.hads h2{
	text-align:center;
	width:100%;
	color: #666;
	font: 12px Georgia, "Times New Roman", Times, serif;
}
.hads img {
	float:left;
	margin:5px 4px 5px 4px;
}

#wide {
	width:885px;
	min-height:200px;
	padding:0px 0px 10px;
}
#schoolmain {
	width:870px;
	padding:25px 28px 20px 28px;
}
#feature{
	margin-left:450px;
}
a.addtolist{
	background: url(../assets/addtolist-button.png) no-repeat top left;
	display: block;
	height: 29px;
	width: 170px;	
}
a.viewprofile{
	background: url(../assets/viewprofile-button.png) no-repeat top left;
	display: block;
	height: 29px;
	width: 170px;
}
a.addtolist2{
	background: url(../assets/addtolist-button-2.png) no-repeat left top;
	display: block;
	height: 29px;
	width: 231px;
}
a.minisite{
	background: url(../assets/minisitebutton.png) no-repeat left top;
	display: block;
	height: 29px;
	width: 231px;
}
#feature a:hover{
	background-position:bottom left;
}
#skulbuttons {
	width:300px;float:left;margin-left:20px;
}
#skulbuttons a:hover{
	background-position:bottom left;
}

/*Page Nav*/
div.pagenav{
	background: url(../assets/pagenavbar-left.png) no-repeat left top;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	height: 34px;
	width:870px;
}
div.pagenavinner{
	background: url(../assets/pagenavbar-right.png) no-repeat right top;
	margin: 0px;
	padding: 0px;
	height: 34px;
}
div.pagenavinner span{
	height:14px;
	padding:10px;
}

/*Table styles*/
tr.topper{
	background: url(../assets/tabletop-left.png) no-repeat left top;
	height: 24px;
}
tr.topper td.topperinner {
	background: url(../assets/tabletop-right.png) no-repeat right top;
	height: 24px;
	text-align:right;
}
.ttables th{
	background: #999;
}
.ttables td{
	text-align: center;
	background: #e5e5e5;
}
tr.bttom{
	background: url(../assets/tablebot-left.png) no-repeat left top;
	height: 21px;
}
tr.bttom td.bttominner {
	background: url(../assets/tablebot-right.png) no-repeat right top;
	height: 24px;
	height: 21px;
}

/*school profile styles*/
#profile{
	margin:10px auto 10px;
	width:100%;
	float:left;
	padding:0px;
}
#profile h3 {
	margin:0px;
	padding:0px;
}
div.text{
	margin:0px;
	padding:0px;
}
div.text h3.toggle {
	height:20px;
	/*width:150px;*/
	margin:0;
	float:left;
	padding:5px 0 5px 10px;
}
div.caltext div.tab{
	background-color:#555;
	float:left;
	padding:6px 0 60px 5px;
	margin:0px;
	position:relative;
	z-index:100;
	width:155px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
}

div.text div.detailitem{
	background-color:#FFF;
	width:677px;
	margin:0px;
	padding:0px 10px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
}
div.text #calendarbox {
	width:696px;
	padding:0px;
}
div.text div.detailitem div{
	padding:15px 5px 15px 15px;
}
div.text div.detailitem div#cal, div.text div.detailitem div#googlemap{	
	padding:0px;
}
#downloadsitem, #downloadsitem .dleft{
	padding:0px 5px 15px 15px;
}
div.detailitem ul{
	list-style:none;
	margin:0;
	padding:0;
}
div.detailitem #progresss{
	margin:0;
	padding:0;
}
div.detailitem #progresss ul{
	list-style:outside;
	margin-left:20px;
	padding:10px;
}
div.detailitem li{
	padding:4px 0px;
}
div.text div.wide {
	width:677px;
}
div.text p.litem{
	margin:0px 0px 3px;
	padding:2px 0px;
	clear:both;
}
div.text p.litem span{
	width:200px;
	display:block;
	float:left;
	margin-right:10px;
}
div.text div.text{
	display:none;
	min-height:300px;
}
div.text p.borderbot{
	height:15px;
	font-weight:bold;
	border-bottom:1px #CCC solid;
}
div.text span.it{
	text-align:center;
	width:36px;
}
div#googlemap{
	width: 692px; height: 445px;
	border:2px solid #FFF;
}
div#map_canvas{
	width: 692px; height: 445px;
	z-index:1500;
}

/*horizontal accordion*/
.statable{
	border:#DDD 1px solid;	
}
.statable th, .statable td {
	border-bottom:#DDD 1px solid;
	border-left:#DDD 1px dotted;
}
.statable th.litem, .statable td.litem {
	border-left:none;
}

div.dleft{
	width:400px;
	float:left;
}
div.dright{
	width:200px;
	float:left;
	margin-left:15px;
	padding:0px 10px 25px;
	background: #CCC;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.captioned{
	font-size:10px;
	font-style:italic;
}
.bread {
	margin:10px 0px 5px 0px;
}

/*Carousel*/
#box{
	position:absolute;
}
#box div{
	width:435px;
	height:180px;
	float:left;
	/*background:#eee;*/
}
#box p{
	padding:3px 10px 0px;
}
#box ul li{
	list-style-position:inside;
	color:#FFF;
	margin:0px 15px;
	padding:3px 15px 0px;
}
#box h3{
	background: url(../assets/black-overlay.png) repeat;
	color:#FC0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:-2px 0px 0px;
	padding:0px;
	position:absolute;
	line-height:24px;
	width:435px;
	padding:5px 10px;
	bottom:0px;
}
#box p{
	color:#FFF;
}
#box img{
	width:435px;
	height:180px;
	float:left;
	margin:0 10px 0px 0px;
}
.mask{
	position:relative;
	width:435px;
	height:180px;
	overflow:hidden;
	margin:0px;
	float:left;
}
#info{
	color:#000 !important;
	cursor:default
}
.navbuts{padding:3px; background-color:#000;margin:0px;width:429px;}
.navbuts span{color:#0080FF;padding:2px 6px 1px;cursor:pointer;font:10px Verdana;margin-right:2px;}
.navbuts span.active, .navbuts span:hover{background:#0080FF;color:#fff;}




/*Final settings*/
a{
	outline-style:none;
}
div.caltext h3.calh3 {
	background-color:#FFF;
	color:#900;
	display:block;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height:23px;
	margin:0px;
	padding:5px 0px 0px 5px;
	width:156px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
}


/*wizards*/
div.wizard form{
	width:662px;
	padding:10px 0px 60px 0px;
	background: url(../assets/wizbot.png) no-repeat left bottom;	
}
div.wizard span.wiztop{
	display:block;
	height:30px;
	width:662px;
	background: url(../assets/wiztop.png) no-repeat left top;	
}
div.wizard fieldset{
	border:none;
	width:642px;
}
div.wizard p.advlabel, div.wizard p.advlabel1{
	height:20px;
	padding:2px 0px;
	border-bottom:1px solid #FFF;
	/*background: url(../assets/advline.png) repeat-x left top;	*/
}
div.wizard p.advlabel1{
	border-bottom:1px solid #bbb;
	cursor:pointer;
}
div.wizard p.advlabel span, div.wizard p.advlabel1 span{
	margin:2px 0px 0px;
	float:left;
	/*background-color:#FFF;*/
	padding:0px 10px;
	height:18px;
}
div.wizard p.advlabel:hover, div.wizard p.advlabel1:hover{
	/*border:1px dotted #09C;
	background: #E3F0F0;*/
	background-position:left bottom;
}
div.wizard a.advopen{
	display:block;	
	background: url(../assets/advicon.png) no-repeat right top;
	height: 17px;
	width:17px;
	float:right;
	padding:0px;
	margin:2px 3px 0px 0px;
}
div.wizard a.advopen:hover{
	background-position:right bottom;
}
div.wizard a.advsel{
	background-position:left top;
}
div.wizard a.advsel:hover{
	background-position:left bottom;
}
.wizard p {
	margin:3px;
	padding:0px;
}
.wizard label {
	width:140px;
}
.wizard label span{
	position:absolute;
	margin:2px 4px 0px 0px;
}
.wizard select, .wizard input[readonly=true] {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	width:140px;margin-bottom:8px;
}
.wizard input[id=zip] {
	width:135px;margin-bottom:8px;
}
.wizard h1{
	margin:5px 0;padding:0;
}

#comparetable th, #comparetable td {
	font:11px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
}
#comparetable th{
	font-weight:bold;
	color:#06C;
}
#comparetable th.thead{
	background: url(../../scripts/ext/images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
}
#comparetable tr:hover td, #comparetable tr:hover th {
	background-color:#E6ECF0;
}
#panel{
	border:1px solid #99bbe8;
	padding:0px;
}
#customizer{
	height:372px;
}

#bug a{
	position:absolute;
	left:0px;
	top:120px;
	background: url(../assets/reportbug.png) no-repeat left top;
	height: 100px;
	width: 37px;
}



/*Special Styles*/
.homeitem {
	border-bottom:1px dotted #006699;
}
.homeitem .date {
	background: url(../assets/date01.png) no-repeat left top;
	height: 55px;
	width: 53px;
	float:left;
	color:#FFFFFF;
	text-align:center;
}
.homeitem .date .mon {
	font-size:14px;
	display:block;
	margin-top:4px;
}
.homeitem .date .day {
	font-size:30px;
	display:block;
	line-height:24px;
}
.homeitem .item {
	margin-left:65px;
}

.searchitem {
	border-bottom:1px dotted #006699;
}
.searchitem a {
	text-decoration: underline;
}


div.dright ul {
	margin:0px 0px 0px 20px;
}

.updated{
	width:880px;
	text-align:right;
	position:absolute;
	margin-top:30px;
	font-size: 10px;
	font-style: italic;
	color: #666;
	text-decoration: none;
}