/*

Theme Name: Hastings Intermediate

*/



/* General */



body {

	background: #143112 url(img/body_bg.jpg) no-repeat 50% 0;

}



#outer-wrap {

	text-align: center;

    background: transparent url(img/body_bg.jpg) no-repeat 50% 0;	

}



#wrap {

	width: 960px;

	margin: 0 auto;

	text-align: left;

}



strong {

	font-weight: bold;

}



/* Header */



h1 a {

	display: block;

	height: 152px;

	background: url(img/h1.jpg) no-repeat 0 0;

	text-indent: -99999px;

}



/* Navigation */



#nav {

	margin-bottom: 25px;

	height: 37px;

	padding: 6px 0 0 17px;

	background: url(img/nav_bg.jpg) no-repeat 0 0;

}



#nav li {

	float: left;

}



/*



li#nav-home {

	margin-right: 35px;

	width: 72px;

}



#page-home #nav-home {

	background: url(img/nav_bg.jpg) no-repeat -17px -49px

}



li#nav-about {

	margin-right: 15px;

	width: 70px;

}



#page-about #nav-about {

	background: url(img/nav_bg.jpg) no-repeat -124px -49px

}



li#nav-curriculum {

	margin-right: 1px;

	width: 110px;

}



#page-curriculum #nav-curriculum {

	background: url(img/nav_bg.jpg) no-repeat -209px -49px

}



li#nav-academies {

	margin-right: 22px;

	width: 100px;

}



#page-academies #nav-academies {

	background: url(img/nav_bg.jpg) no-repeat -320px -49px

}



li#nav-teams {

	margin-right: 25px;

	width: 70px;

}



#page-teams #nav-teams {

	background: url(img/nav_bg.jpg) no-repeat -442px -49px

}



li#nav-calendar {

	margin-right: 5px;

	width: 90px;

}



#page-calendar #nav-calendar {

	background: url(img/nav_bg.jpg) no-repeat -537px -49px

}



li#nav-news {

	margin-right: 15px;

	width: 115px;

}



#page-news #nav-news {

	background: url(img/nav_bg.jpg) no-repeat -632px -49px

}



li#nav-faqs {

	margin-right: 40px;

	width: 65px;

}



#page-faqs #nav-faqs {

	background: url(img/nav_bg.jpg) no-repeat -762px -49px

}



li#nav-contact {

	width: 75px;

}



#page-contact #nav-contact {

	background: url(img/nav_bg.jpg) no-repeat -867px -49px

}



*/

a {
  position: relative;
  /* z-index: 1; */	
	}

#nav li a {

	display: block;

	/* text-indent: -99999px; */

    margin: 0 16px 0 0;

    text-decoration: none;

}



#nav li a .menu-button {

    float: left;

    cursor: pointer;

}



#nav li a .menu-inside {

    display: inline;

    float: left;

    text-decoration: none; 

    height: 37px;

    cursor: pointer;

}



#nav li a .menu-inside-text {

    display: inline;

    float: left;

	font-size: 15px;

	font-weight: bold;

	color: #195564;   

    text-decoration: none; 

    padding: 5px 0 0 0;

}



#nav li.current_page_item a .menu-inside, 

#nav li.current_page_ancestor a .menu-inside,

#nav li.current_page_parent a .menu-inside {

    display: inline;

    float: left;

    background: url(img/menu_bg.png) repeat-x;

    height: 37px;  

}



#nav li.current_page_item a .menu-inside-text, 

#nav li.current_page_ancestor a .menu-inside-text,

#nav li.current_page_parent a .menu-inside-text {

    display: inline;

    float: left;

	font-size: 15px;

	font-weight: bold;

	color: #ffffff;   

    background: url(img/menu_bg.png) repeat-x;  

}



#nav li a:hover .menu-inside-text {

	color: #a80000;    

}



#nav li.current_page_item a:hover .menu-inside-text, 

#nav li.current_page_ancestor a:hover .menu-inside-text,

#nav li.current_page_parent a:hover .menu-inside-text {

	color: #ffffff;    

}





#nav li a .menu-left {

    float: left;

    width: 9px;

    height: 37px;  

}



#nav li.current_page_item a .menu-left,

#nav li.current_page_ancestor a .menu-left,

#nav li.current_page_parent a .menu-left {

    float: left;

    width: 9px;

    height: 37px;

	background: url(img/menu_left.png) no-repeat;    

}



#nav li a .menu-right {

    float: left;

    width: 9px;

    height: 37px;   

}



#nav li.current_page_item a .menu-right,

#nav li.current_page_ancestor a .menu-right,

#nav li.current_page_parent a .menu-right {

    float: left;

    width: 9px;

    height: 37px;

	background: url(img/menu_right.png) no-repeat;     

}



/* Banner */

#banner-home {
    background: transparent url(img/banner.jpg) repeat scroll 0 0;
    border: 14px solid #F2FBE7;
    height: 339px;
    width: 932px;
}
#banner {
    background: #F2FBE7;
    border: 14px solid #F2FBE7;
    width: 932px;
}


#page-home #banner img {

	margin: 0;

}



#banner img {

	float: left;

	margin-right: 28px;

}



.motto {

	padding: 40px 14px 0 0;

	font-size: 90%;

	color: #173411;

	line-height: 1.5;

}



/* Content */



#content-home {

	margin: 31px 0 25px;

	background: url(img/content_home_bg.png) repeat-y 0 0;

	zoom: 1;
}



#content {

	margin-top: 19px;

	background: url(img/content_bg.png) repeat-y 0 0;

	zoom: 1;
}



#content-left {

	width: 677px;

	/* height: 423px; */

	margin: 0 15px 0 0;

	float: left;

	/* background: url(img/content_left_bg.jpg) no-repeat 0 52px; */

}



.content-left-inner-content {

    padding: 0 0 28px 0;

}



* html #content-left {

	margin-right: 14px;

}

.content-left-inner-content img {

	border: 6px solid #f2fbe7;

	margin: 0 0 0 39px;

}



.content-left-inner-content .wp-caption-dd {

    color: #FFFFFF;

    font-size: 13px;

    font-style: italic;

    font-weight: bold;

    line-height: 1.5;

    margin: 0 30px 20px 40px;

}



.content-left-inner-content img.alignright {

	float: right;

	margin: 0 0 0 20px;

}

.content-left-inner-content img.alignleft {

	float: left;

	margin: 0 20px 0 0;

}



.content-left-inner-content img.aligncenter {

    display: block;

    margin: 17px auto;

}



/* CONTENT-LEFT-INNER-CONTENT */



.content-left-inner-content h1 {

	margin: 0px 30px 20px 40px;

	color: #fff;

	font-size: 23px;

	line-height: 1.5;

	font-weight: bold;

}



.content-left-inner-content h2 {

	margin: 0px 30px 20px 40px;

	color: #fff;

	font-size: 21px;

	line-height: 1.5;

}



.content-left-inner-content h3 {

	margin: 0px 30px 20px 40px;

	color: #fff;

	font-size: 17px;

	line-height: 1.5;

	text-decoration: underline;

}



.content-left-inner-content h4 {

	margin: 0px 30px 20px 40px;

	color: #fff;

	font-size: 15px;

	line-height: 1.5;

	font-weight: bold;

}



.content-left-inner-content ul {

	list-style-type: disc;

    margin: 0px 30px 20px 72px;

}



.content-left-inner-content ol {

	list-style-type: decimal;

    margin: 0px 30px 20px 72px;

}



.content-left-inner-content blockquote {

    border-left: 4px solid #8B9E69;

    color: #FFFFFF;

    font-size: 13px;

    line-height: 1.5;

    margin: 0 60px 20px 56px;

    padding: 0 0 0 22px;

}



.content-left-inner-content blockquote p {

	margin: 0;

}



.content-left-inner-content li {

	color: #fff;

	font-size: 13px;

	line-height: 1.5;

}



.content-left-inner-content p {

	margin: 0px 30px 20px 40px;

	color: #fff;

	font-size: 13px;

	line-height: 1.5;

}



.content-left-inner-content em {

	font-style: italic;

}



.content-left-inner-content strong {

	font-weight: bold;

}



.content-left-inner-content a {

	color: #6bdadc;

    text-decoration: none;

    font-weight: bold;

}



.content-left-inner-content a:hover {

    text-decoration: underline;

}



.content-left-inner-content table.staff {

    margin: 0 0 0 112px;

}

.content-left-inner-content td {

    color: #FFFFFF;

    font-size: 14px;

    padding: 0 42px 4px 0;

    text-align: left;

}

.content-left-inner-content td h1,

.content-left-inner-content td h2,

.content-left-inner-content td h3,

.content-left-inner-content td h4 {

    margin: 0;

    padding: 28px 0 14px 0;

}

/* CONTENT-LEFT-INNER-HOME */



.content-left-inner-home h1 {

	color: #fff;

	font-size: 23px;

	line-height: 1.5;

	margin: 0 0 20px 0;

}



.content-left-inner-home h2 {

	color: #fff;

	font-size: 21px;

	line-height: 1.5;

	margin: 0 0 20px 0;

}



.content-left-inner-home h3 {

	color: #fff;

	font-size: 17px;

	line-height: 1.5;

	margin: 0 0 20px 0;

}



.content-left-inner-home h4 {

	color: #fff;

	font-size: 15px;

	line-height: 1.5;

	font-weight: bold;

	margin: 0 0 20px 0;

}



.content-left-inner-home ul {

	list-style-type: disc;

    margin: 0 0 20px 32px;

}



.content-left-inner-home ol {

	list-style-type: decimal;

    margin: 0 0 20px 32px;

}



.content-left-inner-home blockquote {

    border-left: 4px solid #8B9E69;

    color: #FFFFFF;

    font-size: 13px;

    line-height: 1.5;

    margin: 0 30px 20px 36px;

    padding: 0 0 0 22px;

}



.content-left-inner-home li {

	color: #fff;

	font-size: 13px;

	line-height: 1.5;

}



.content-left-inner-home p {

	color: #fff;

	font-size: 13px;

	line-height: 1.5;

	margin: 0 0 20px 0;

}



.content-left-inner-home em {

	font-style: italic;

}



.content-left-inner-home strong {

	font-weight: bold;

}



.content-left-inner-home a {

	color: #6bdadc;

    text-decoration: none;

    font-weight: bold;

}



.content-left-inner-home a:hover {

    text-decoration: underline;

}



.content-left-inner-home img {

	border: 6px solid #f2fbe7;

}



.content-left-inner-home img.alignright {

	float: right;

	margin: 0 0 0 20px;

}

.content-left-inner-home img.alignleft {

	float: left;

	margin: 0 20px 0 0;

}



.content-left-inner-home img.aligncenter {

    display: block;

    margin: 17px auto;

}



/* -------------------------------------- */



#content-home #content-left {

	width: 473px;

	/* height: 240px; */

}



h2.welcome {

	height: 66px;

	width: 473px;

	background: url(img/h2_welcome.jpg) no-repeat 0 0;

	text-indent: -99999px;

}



#pagetitle {

	height: 66px;

	width: 677px;

	margin-bottom: 31px;

	background: url(img/h2_pagetitle.jpg) no-repeat 0 0;

}



#pagetitle h2 {

    padding: 13px 0 0 29px;

    font-size: 22px;

    font-weight: 600;

    color: #122f31;

    overflow: hidden;

}



/*

h2.curriculum {

	height: 52px;

	width: 677px;

	margin-bottom: 45px;

	background: url(img/h2_pagetitle.jpg) no-repeat 0 0;

	text-indent: -99999px;

}

*/



#menutitle {

	height: 52px;

	width: 255px;

	background: url(img/menu_title_bg.jpg) no-repeat 0 0;

}



#menutitle h3 {

    padding: 16px 0 0 20px;

    font-size: 16px;

    font-weight: 600;

    color: #122f31;

}



/*

h3.curriculum {

	height: 52px;

	width: 255px;

	background: url(img/h3_curriculum.jpg) no-repeat 0 0;

	text-indent: -99999px;

}

*/

.content-left-inner-home {

	display: block;

	/* background: url(img/welcome_bg.jpg) 0 0; */

	padding: 14px 10px 32px 30px;

	/* height: 188px; */

	color: #ccd9c1;

}



form#signup-newsletter {

	background: url(img/newsletter_envelope.jpg) no-repeat 100% 50%;

	margin: 15px 30px 0 0;

	padding: 0 0 0 20px;

}



form#signup-newsletter h3 {

	font-size: 140%;

	margin-bottom: 8px;

}



#signup-newsletter input#signup_field {

	height: 17px;

	border: 1px solid #b5b5b5;

	color: #616161;

	font-family: Georgia;

	font-size: 95%;

	/* width: ; */

	float: left;

}



#submit_button {

	float: left;

	margin-left: -2px;

}



#content-home #content-right {

	width: 469px;

	height: auto;

	float: left;

	background: #63bec1;
	position: relative;	

}



#content-right {

	width: 255px;

	position: relative;

	float: left;

}



ul.menu {

}



ul.menu li {

	border-bottom: 1px dotted #5b6e53;

}



ul.menu li.current_page_item {

    font-weight: bold;

    font-style: italic;

}



ul.menu li ul li {

    background: transparent url(img/bullet_submenu.gif) no-repeat scroll 34px 12px;

    border: medium none;

    padding: 0 0 0 24px;

    font-weight: normal;

    font-style: normal;

}



ul.menu li ul {

	padding: 0 0 15px 0;

}



ul.menu li a {

	display: block;

	color: #6bdadc;

	text-decoration: none;

	padding: 12px 0 12px 20px;

	font-size: 95%;

}



ul.menu li ul li a {

	color: #fff;

	padding: 3px 0 3px 30px;

	display: inline-block;

	font-size: 85%;

}



/* Calendar */



#content-right .calendar-header {

	margin: 5px 0;

}



h3.calendar-month {

	float: left;

}



#month-back {

	float: left;

	margin-left: 5px;

}



#month-forward {

	float: left;

	margin-right: 5px;

}



#month-back a {

	display: block;

	width: 28px;

	text-indent: -99999px;

	background: url(img/month-back.jpg) no-repeat 0 50%;

}



#month-forward a {

	display: block;

	width: 28px;

	text-indent: -99999px;

	background: url(img/month-forward.jpg) no-repeat 0 50%;

}



#month-back a,

#month-forward a,

.calendar-month a {

	text-decoration: none;

	color: #fff;

	font-family: Helvetica;

	font-size: 100%;

}



h3.calendar-month {

	width: 403px;

	text-align: center;

}



ol.calendar {

	margin: 0 0 5px 6px;

}



.calendar li ol li {

	width: 59px;

	float: left;

	background: #a8dbdc;

	border: 2px solid #fff;

	border-top-width: 0;

	border-right-color: #59abad;

	border-bottom-color: #59abad;

	border-left-width: 0;

	margin: 0 5px 2px 0;

	text-align: center;

	padding: 7px 0;

	font-family: "Myriad Pro", Helvetica;

	font-size: 120%;

	color: #122f31;

}



.calendar li ol li a {

	color: #122f31;

	text-decoration: none;

}



.calendar .days li {

	background: #63bec1;

	border-color: #63bec1;

	padding: 0;

	font-size: 100%;

}



.calendar .full {

	background: #fff;

}



.calendar .blank {

	background: #68cace;

}



.calendar li.right {

	margin-right: 0;

}



/* Footer */



#footer {

	background: url(img/footer_bg.gif) no-repeat 50% 0;

	text-align: center;

	padding: 12px 0;

	color: #153111;

	margin: 14px 0 30px 0;

}



#footer h4 {

	text-transform: uppercase;

	font-weight: bold;

	font-size: 85%;

}



#footer p {

	font-size: 80%;

}



/* Copyright */



#copyright {

	color: #8b9e69;

	text-align: center;

	padding-bottom: 20px;

	font-size: 80%;

}



#copyright a {

	color: #8b9e69;

	text-decoration: none;

}



#copyright a:hover {

	text-decoration: underline;

}



/* Sidebar */



.sidebar-divider {

    height: 12px;

    border-bottom: 1px dotted #5B6E53;

}



.sidebar-posttitle {

    color:#6BDADC;

    font-size:13px;

    padding:12px 0 0 20px;

}



.sidebar-posttitle a {

    color:#6BDADC;

    text-decoration: none;

}



.sidebar-posttitle a:hover {

    color:#6BDADC;

    text-decoration: underline;

}



.sidebar-postexcerpt {

    color:#ffffff;

    font-size:13px;

    padding:12px 12px 0 20px;

}



.sidebar-postexcerpt a {

    color:#6BDADC;

    text-decoration: none;

    font-weight: bold;

}



.sidebar-postexcerpt a:hover {

    color:#6BDADC;

    text-decoration: underline;

}



#content-right h4 {

    padding: 12px 0 0 20px;

	color: #fff;

	font-size: 17px;

}



.blog-title {

    color: #FFFFFF;

    font-size: 17px;

    margin: 0 30px 12px 40px;    

}

.blog-title a {

    color: #FFFFFF;

    text-decoration: none;

    font-weight: normal;  

}

.blog-title a:hover {

    color: #FFFFFF;

    text-decoration: underline;  

}

.blog-date {

    color: #FFFFFF;

    font-size: 13px;

    margin: 0 30px 12px 40px;

    font-style: italic;  

}

.navigation {

    border-bottom: 1px dotted #5B6E53;

    font-size: 10px;

    margin: 0 30px 18px 40px;

    padding: 0 0 4px;

}

.navigation a {

    color: #ffffff;

    text-decoration: none;

    font-weight: normal;

}

.navigation a:hover {

    color: #ffffff;

    text-decoration: underline;

}

.navigation .alignleft {

    float: left;

}

.navigation .alignright {

    float: right;

}

.blog-divider {

    height: 16px;

		clear : both ;

}

#blog-comment {

    margin: 0 30px 0 40px;

    padding: 32px 0 0;

    border-top: 1px dotted #5B6E53;

    font-size: 12px;

    font-style: italic;

    color: #ffffff;   

}

#blog-comment a {

    color: #ffffff;

    font-weight: bold;

    text-decoration: none;  

}

#blog-comment a:hover {

    color: #ffffff;

    text-decoration: underline;  

}

#blog-comment p {

    margin:0 0px 20px 0px;

    font-style: normal;

}

#blog-comment h3 {

    margin: 18px 0 8px;

    font-style: normal;

}

#blog-comment .comment-label {

    font-style: normal;

    width: 230px;

    padding: 0 0 4px 0;    

}

#blog-comment .comment-cell {

    padding: 0 0 4px 0;    

}

#blog-comment .comment-cell input {

    font-family: Arial, sans-serif;

    font-size: 12px;

    width: 154px;

}

#blog-comment #comment {

    width: 384px;

    height: 60px;

    font-family: Arial, sans-serif;

    font-size: 12px;

    margin: 0;

}

#blog-comment #submit {

    width: 120px;

    height: 40px;

    border: 0;

    margin: 4px 0 0;

    background: #63bec1 url(img/submit.gif) no-repeat 0 0;

}



/* Calendar */



.event-divider {

    height: 1px;

    margin: 0 0 11px 0;

    border-bottom: 1px solid #8ba8a9;

}

.event-title p {

    margin: 10px;

    font-family: Arial, sans-serif;

    font-size: 14px;

    font-weight: bold;

    color: #122F31;

}

.event-title a p {

    color: #a70000;

    text-decoration: none;

}

.event-title a:hover p {

    color: #a70000;

    text-decoration: underline;

}

.event-time {

    margin: 10px;

    font-family: Arial, sans-serif;

    font-size: 12px;

    color: #122F31;

    font-style: italic;

} 

.event-time strong {

    font-weight: normal;

} 

.event-posted p {

    margin: 10px;

    font-family: Arial, sans-serif;

    font-size: 12px;

    color: #122F31;

    font-style: italic;

}

.event-posted strong {

    font-weight: normal;

} 

.event-details p {

    margin: 10px;

    font-family: Arial, sans-serif;

    font-size: 12px;

    color: #122F31;

}

#map {

    margin: 26px 0 0 41px;

}