@charset "utf-8";
/*
/* ************************************************** */
/* ************************************************** */
/*
	Westerchester School District 92 1/2 - CSS Document
	Written by: John Droese aislabs.com
	Date: 12-31-09
	Version: 1.0
*/
/* ************************************************** */
/* ************************************************** */
/*


/* ************************************************** */
/* ******************* | BODY | ********************* */
/* ************************************************** */
body {
	margin:0 auto;
	background:#ffffff;
}

.body {
	margin:0 auto;
	display:block;
	width:975px;
	clear:both;
	font-family:Helvetica, Arial, sans-serif;
	color:#555555;
}


/* ************************************************** */
/* ****************** | HTML5 TAGS | **************** */
/* ************************************************** */
header, section, footer, aside, nav, article, figure {
	display:block;
	overflow:hidden;
}


/* ************************************************** */
/* ****************** | HEADERS | ******************* */
/* ************************************************** */
h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica, Arial, sans-serif;
}


/* ************************************************** */
/* ************* | GLOBAL IMAGE STYLES | ************ */
/* ************************************************** */
img {
	border:none;	
}


/* ************************************************** */
/* ******************* | HEADER | ******************* */
/* ************************************************** */
#top-banner {
	margin:0 auto;
	padding:0;
	height:77px;
	width:975px;
}

#top-banner figure {
	display:block;
	float:left;
	width:186px;
	height:61px;
	padding:0;
	margin:0;
}

#top-banner figure h1 span {
	display:none;
}

#google_translate_element {
	margin:5px 0 0 15px;
	padding:0;
	overflow:hidden;
}



/* ************************************************** */
/* *************** | MAIN NAVIGATION | ************** */
/* ************************************************** */
#main-nav {
	margin:0;
	padding:0;
	width:431px;
	height:33px;
	display:block;
	position:relative;
	top:44px;
	left:10px;
}

#main-nav ul {
	margin:0 auto;
	padding:0;
	list-style:none;
}

#main-nav ul li {
	float:left;
	display:inline;
	margin:0;
}


/* DISTRICT BUTTON */
#district a:link, #district a:visited {
	display:inline-block;
	height:33px;
	width:95px;
	padding:0px 2px 0px 2px;
	background:url('../images/district-btn.jpg') no-repeat;
}

#district a:hover, #district a:active, #district a.active:link, #district a.active:visited {
	background:url('../images/district-btn.jpg') 0px -33px no-repeat;
	
}

/* PRIMARY BUTTON */
#primary a:link, #primary a:visited {
	display:inline-block;
	height:33px;
	width:98px;
	padding:0px 2px 0px 2px;
	background:url('../images/primary-btn.jpg') no-repeat;
}

#primary a:hover, #primary a:active, #primary a.active:link, #primary a.active:visited {
	background:url('../images/primary-btn.jpg') 0px -33px no-repeat;
}

/* INTERMEDIATE BUTTON */
#intermediate a:link, #intermediate a:visited {
	display:inline-block;
	height:33px;
	width:126px;
	padding:0px 2px 0px 2px;
	background:url('../images/intermediate-btn.jpg') no-repeat;
}

#intermediate a:hover, #intermediate a:active, #intermediate a.active:link, #intermediate a.active:visited {
	background:url('../images/intermediate-btn.jpg') 0px -33px no-repeat;
}

/* MIDDLE BUTTON */
#middle a:link, #middle a:visited {
	display:inline-block;
	height:33px;
	width:90px;
	padding:0px 2px 0px 2px;
	background:url('../images/middle-btn.jpg') no-repeat;
}

#middle a:hover, #middle a:active, #middle a.active:link, #middle a.active:visited {
	background:url('../images/middle-btn.jpg') 0px -33px no-repeat;
}

/* MAIN NAV SPANS */
#district a span, #primary a span, #intermediate a span, #middle a span {
	display:none;
}


/* ************************************************** */
/* ************* | UTILITY NAVIGATION | ************* */
/* ************************************************** */
#utility-nav {
	background:url('../images/utility-btn-bg.jpg') repeat-x;
	margin:0px;
	padding:0px;
	display:block;
	float:right;
	width:345px;
	height:25px;
}

#utility-nav ul {
	margin:0 auto;
	padding:0px 0px 0px 5px;
}

#utility-nav ul li {
	display:inline-block;
	float:left;
	height:25px;
}

.u-border {
	border-right:1px solid #cccccc;
}

#utility-nav ul li a:link, #utility-nav ul li a:visited {
	color:#555555;
	font-size:11px;
	text-decoration:none;
	padding:0px 8px 0px 8px;
	text-align:center;
	font-weight:bold;
	margin:0px;
	line-height:23px;
}

#utility-nav ul li a:hover, #utility-nav ul li a:active {
	color:#004b94;
	text-decoration:underline;
}



/* ************************************************** */
/* ************** | SUB NAVIGATION | **************** */
/* ************************************************** */
#district-subnav-bar {
	background:#004b94;
	width:975px;
	height:36px;
}

#primary-subnav-bar {
	background:#01c7bc;
	width:975px;
	height:36px;
}

#intermediate-subnav-bar {
	background:#d80109;
	width:975px;
	height:36px;
}

#middle-subnav-bar {
	background:#e4a101;
	width:975px;
	height:36px;
}



/* ************************************************** */
/* ********** | DISTRICT SUB NAVIGATION | *********** */
/* ************************************************** */
.district-ddsmoothmenu {
	font-size:13px;
	font-weight:bold;
	background:#014b94;
	width:705px;
	display:inline;
	float:left;
}

.district-ddsmoothmenu ul {
	z-index:100;
	margin:0;
	padding:0;
	list-style-type:none;
}

.district-ddsmoothmenu ul li {
	position:relative;
	display:inline;
	float:left;
}

.district-ddsmoothmenu ul li a {
	display:block;
	background:#014b94;
	padding:10px 10px;
	border-right:1px solid #002c57;
	color:#ffffff;
	text-decoration:none;
}

/*IE6 hack to get sub menu links to behave correctly*/
* html .district-ddsmoothmenu ul li a {
	display:inline-block;
}

.district-ddsmoothmenu ul li a:link, .district-ddsmoothmenu ul li a:visited {
	color:#ffffff;
}

.district-ddsmoothmenu ul li a.selected {
	background:#002c57; 
	color:#ffffff;
}

.district-ddsmoothmenu ul li a:hover {
	background:#002c57;
	color:#ffffff;
}
	
.district-ddsmoothmenu ul li ul {
	position:absolute;
	left:0;
	display:none;
	visibility:hidden;
}

.district-ddsmoothmenu ul li ul li {
	display:list-item;
	float:none;
}

.district-ddsmoothmenu ul li ul li ul {
	top:0;
}

.district-ddsmoothmenu ul li ul li a {
	font-size:13px;
	font-weight:bold;
	width:200px;
	padding:5px;
	margin:0;
	border-top-width:0;
	border-bottom:1px solid #002c57;
}



/* ************************************************** */
/* *********** | PRIMARY SUB NAVIGATION | *********** */
/* ************************************************** */
.primary-ddsmoothmenu {
	font-size:13px;
	font-weight:bold;
	background:#01c7bc;
	width:705px;
	display:inline;
	float:left;
}

.primary-ddsmoothmenu ul {
	z-index:100;
	margin:0;
	padding:0;
	list-style-type:none;
}

.primary-ddsmoothmenu ul li {
	position:relative;
	display:inline;
	float:left;
}

.primary-ddsmoothmenu ul li a {
	display:block;
	background:#01c7bc;
	padding:10px 10px;
	border-right:1px solid #018a82;
	color:#ffffff;
	text-decoration:none;
}

/*IE6 hack to get sub menu links to behave correctly*/
* html .primary-ddsmoothmenu ul li a {
	display:inline-block;
}

.primary-ddsmoothmenu ul li a:link, .primary-ddsmoothmenu ul li a:visited {
	color:#ffffff;
}

.primary-ddsmoothmenu ul li a.selected {
	background:#018a82; 
	color:#ffffff;
}

.primary-ddsmoothmenu ul li a:hover {
	background:#018a82;
	color:#ffffff;
}
	
.primary-ddsmoothmenu ul li ul {
	position:absolute;
	left:0;
	display:none;
	visibility:hidden;
}

.primary-ddsmoothmenu ul li ul li {
	display:list-item;
	float:none;
}

.primary-ddsmoothmenu ul li ul li ul {
	top:0;
}

.primary-ddsmoothmenu ul li ul li a {
	font-size:13px;
	font-weight:bold;
	width:200px;
	padding:5px;
	margin:0;
	border-top-width:0;
	border-bottom:1px solid #018a82;
}



/* ************************************************** */
/* ******** | INTERMEDIATE SUB NAVIGATION | ********* */
/* ************************************************** */
.intermediate-ddsmoothmenu {
	font-size:13px;
	font-weight:bold;
	background:#d80109;
	width:705px;
	display:inline;
	float:left;
}

.intermediate-ddsmoothmenu ul {
	z-index:100;
	margin:0;
	padding:0;
	list-style-type:none;
}

.intermediate-ddsmoothmenu ul li {
	position:relative;
	display:inline;
	float:left;
}

.intermediate-ddsmoothmenu ul li a {
	display:block;
	background:#d80109;
	padding:10px 10px;
	border-right:1px solid #9a060c;
	color:#ffffff;
	text-decoration:none;
}

/*IE6 hack to get sub menu links to behave correctly*/
* html .intermediate-ddsmoothmenu ul li a {
	display:inline-block;
}

.intermediate-ddsmoothmenu ul li a:link, .intermediate-ddsmoothmenu ul li a:visited {
	color:#ffffff;
}

.intermediate-ddsmoothmenu ul li a.selected {
	background:#9a060c; 
	color:#ffffff;
}

.intermediate-ddsmoothmenu ul li a:hover {
	background:#9a060c;
	color:#ffffff;
}
	
.intermediate-ddsmoothmenu ul li ul {
	position:absolute;
	left:0;
	display:none;
	visibility:hidden;
}

.intermediate-ddsmoothmenu ul li ul li {
	display:list-item;
	float:none;
}

.intermediate-ddsmoothmenu ul li ul li ul {
	top:0;
}

.intermediate-ddsmoothmenu ul li ul li a {
	font-size:13px;
	font-weight:bold;
	width:200px;
	padding:5px;
	margin:0;
	border-top-width:0;
	border-bottom:1px solid #9a060c;
}



/* ************************************************** */
/* ************ | MIDDLE SUB NAVIGATION | *********** */
/* ************************************************** */
.middle-ddsmoothmenu {
	font-size:13px;
	font-weight:bold;
	background:#e5a102;
	width:705px;
	display:inline;
	float:left;
}

.middle-ddsmoothmenu ul {
	z-index:100;
	margin:0;
	padding:0;
	list-style-type:none;
}

.middle-ddsmoothmenu ul li {
	position:relative;
	display:inline;
	float:left;
}

.middle-ddsmoothmenu ul li a {
	display:block;
	background:#e5a102;
	padding:10px 10px;
	border-right:1px solid #b88307;
	color:#ffffff;
	text-decoration:none;
}

/*IE6 hack to get sub menu links to behave correctly*/
* html .middle-ddsmoothmenu ul li a {
	display:inline-block;
}

.middle-ddsmoothmenu ul li a:link, .middle-ddsmoothmenu ul li a:visited {
	color:#ffffff;
}

.middle-ddsmoothmenu ul li a.selected {
	background:#b88307; 
	color:#ffffff;
}

.middle-ddsmoothmenu ul li a:hover {
	background:#b88307;
	color:#ffffff;
}
	
.middle-ddsmoothmenu ul li ul {
	position:absolute;
	left:0;
	display:none;
	visibility:hidden;
}

.middle-ddsmoothmenu ul li ul li {
	display:list-item;
	float:none;
}

.middle-ddsmoothmenu ul li ul li ul {
	top:0;
}

.middle-ddsmoothmenu ul li ul li a {
	font-size:13px;
	font-weight:bold;
	width:200px;
	padding:5px;
	margin:0;
	border-top-width:0;
	border-bottom:1px solid #b88307;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height:1%;
}

.downarrowclass {
	position:absolute;
	top:12px;
	right:7px;
}

.rightarrowclass{
	position:absolute;
	top:6px;
	right:5px;
}


.ddshadow {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	background:#555555;
}

.toplevelshadow {
	opacity:0.8;
}



/* ************************************************** */
/* **************** | SEARCH BAR | ****************** */
/* ************************************************** */
#search {
	display:inline;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.search-field {
	font-size:15px;
	font-weight:bold;
	width:165px;
	height:20px;
	border:1px solid #cccccc;
	padding:2px 0px 0px 4px;
	color:#555555;
	margin:6px 0px 0px 0px;
	display:block;
	float:left;
}

.search-field:focus {
	background:#ffffcc;
	color:#000000;
}

/* DISTRICT SEARCH BUTTON */
.district-search-btn {
	background:url('../images/district-search-btn.jpg') no-repeat;
	width:26px;
	height:26px;
	border:none;
	cursor:pointer;
	margin:5px 5px 0px 2px;
	padding:0px;
	display:inline;
	float:left;
}

/* PRIMARY SEARCH BUTTON */
.primary-search-btn {
	background:url('../images/primary-search-btn.jpg') no-repeat;
	width:26px;
	height:26px;
	border:none;
	cursor:pointer;
	margin:5px 5px 0px 2px;
	padding:0px;
}

/* INTERMEDIATE SEARCH BUTTON */
.intermediate-search-btn {
	background:url('../images/intermediate-search-btn.jpg') no-repeat;
	width:26px;
	height:26px;
	border:none;
	cursor:pointer;
	margin:5px 5px 0px 2px;
	padding:0px;
}

/* MIDDLE SEARCH BUTTON */
.middle-search-btn {
	background:url('../images/middle-search-btn.jpg') no-repeat;
	width:26px;
	height:26px;
	border:none;
	cursor:pointer;
	margin:5px 5px 0px 2px;
	padding:0px;
}



/* ************************************************** */
/* *************** | CALLS TO ACTION | ************** */
/* ************************************************** */
#cta {
	display:block;
	float:left;
	width:705px;
	height:100px;
	margin:0px;
	padding:0px;
}

#cta h2 {
	background:url('../images/cta-title.jpg') no-repeat;
	display:block;
	float:left;
	width:236px;
	height:85px;
	margin:10px 0px 0px 0px;
	padding:0px;
	clear:left;
}

#cta h2 span {
	margin-left:-9999px;
}

#cta p {
	display:inline-block;
	float:left;
	width:450px;
	font-size:15px;
	color:#555555;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	padding:0px 4px 0px 12px;
	line-height:18px;
}

#primary-cta, #intermediate-cta, #middle-cta {
	display:inline;
	float:left;
	width:705px;
	height:85px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #dbdbdb;
}


/* CTA TITLES */
#primary-cta h2 {
	display:block;
	color:#01c7bc;
	text-align:left;
	font-size:36px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	float:left;
	width:350px;
	height:60px;
	margin:15px 0px 0px 0px;
	padding:0px;
	clear:left;
}

#intermediate-cta h2 {
	color:#d80109;
	text-align:left;
	font-size:36px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	display:block;
	float:left;
	width:350px;
	height:94px;
	margin:15px 0px 0px 0px;
	padding:0px;
	clear:left;
}

#middle-cta h2 {
	color:#e4a101;
	text-align:left;
	font-size:36px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	display:block;
	float:left;
	width:350px;
	height:94px;
	margin:15px 0px 0px 0px;
	padding:0px;
	clear:left;
}

#primary-cta h2 span, #intermediate-cta h2 span, #middle-cta h2 span {
	margin-left:-9999px;
}

.home-text {
	display:inline-block;
	float:left;
	width:450px;
	font-size:15px;
	color:#555555;
	font-weight:bold;
	margin:25px 0px 0px 0px;
	padding:0px 4px 0px 12px;
	line-height:18px;
}

.map {
	margin:10px 0 0 10px;
	padding:0;
}


/* CTA STYLES */
.cta-info {
	display:inline;
	float:left;
	width:170px;
	height:50px;
	padding:0px;
	margin:20px 0px 0px 0px;
}

.cta-info2 {
	display:inline;
	float:left;
	width:170px;
	height:50px;
	padding:0px 0px 0px 10px;
	margin:20px 0px 0px 0px;
	border-left:1px solid #dbdbdb;
}

.cta-info p, .cta-info2 p {
	color:#555555;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.cta-info p span, .cta-info2 p span {
	color:#004b94;
	font-weight:bold;
	padding-right:4px;
}

#cta p a:link, .cta-info p a:link, #cta p a:visited, .cta-info p a:visited, .home-text a:link, .home-text a:visited {
	text-decoration:none;
	color:#004b94;
}

#cta p a:hover, .cta-info p a:hover, #cta p a:active, .cta-info p a:active, .home-text a:hover, .home-text a:active {
	text-decoration:none;
	color:#555555;
}



/* ************************************************** */
/* ****************** | NEWS BOXES | **************** */
/* ************************************************** */
#primary-news-box, #intermediate-news-box {
	display:inline;
	float:left;
	width:223px;
	margin:20px 16px 0px 0px;
	padding:0px;
	background:#fdfdfd;
}

#middle-news-box {
	display:inline;
	float:left;
	width:223px;
	margin:20px 0px 0px 0px;
	padding:0px;
	background:#fdfdfd;
}

#primary-news-box-inside, #intermediate-news-box-inside, #middle-news-box-inside {
	display:inline;
	float:left;
	width:223px;
	margin:20px 0px 0px 0px;
	padding:0px;
	background:#fdfdfd;
}

#primary-news-box h6 span, #primary-news-box-inside h6 span, #intermediate-news-box h6 span, #intermediate-news-box-inside h6 span, #middle-news-box h6 span, #middle-news-box-inside h6 span {
	margin-left:-9999px;
}


/* NEWS BOX TITLES */
#primary-news-box h6, #primary-news-box-inside h6 {
	background:url('../images/primary-news-title.jpg') no-repeat;
	display:inline;
	float:left;
	width:223px;
	height:51px;
	margin:0px;
	padding:0px;
	clear:left;
}

#intermediate-news-box h6, #intermediate-news-box-inside h6 {
	background:url('../images/intermediate-news-title.jpg') no-repeat;
	display:inline;
	float:left;
	width:223px;
	height:51px;
	margin:0px;
	padding:0px;
	clear:left;
}

#middle-news-box h6, #middle-news-box-inside h6 {
	background:url('../images/middle-news-title.jpg') no-repeat;
	display:inline;
	float:left;
	width:223px;
	height:51px;
	margin:0px;
	padding:0px;
	clear:left;
}

.news-box {
	margin:0px;
	padding:0px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	clear:left;
	background:#fdfdfd;
	font-size:12px;
	color:#555555;
}

.n-title {
	color:#555555;
	font-size:13px;
	font-weight:bold;
	padding:0px 0px 4px 0px;
	margin:0px 8px 0px 8px;
	border-bottom:1px solid #cccccc;
}

.news-links {
	display:inline;
	float:left;
	width:223px;
	margin:0px;
	padding:10px 0px 0px 0px;
}

.date {
	font-size:11px;
	color:#004b94;
	font-weight:bold;
	display:inline;
	float:left;
	width:40px;
	margin:0px;
	padding:0px 4px 0px 8px;
}

.news-text {
	color:#555555;
	font-size:11px;
	display:inline;
	float:left;
	width:160px;
	margin:0px;
	padding:0px 0px 0px 4px;
}

.news-text a:link, .news-text a:visited {
	color:#555555;
	text-decoration:none;
}

.news-text a:hover, .news-text a:active {
	color:#004b94;
	text-decoration:underline;
}

.news-events {
	color:#555555;
	font-size:13px;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	margin:0px 8px 0px 8px;
}

.news-link-break {
	border-top:1px solid #cccccc;
	width:207px;
	height:4px;
	display:inline;
	float:left;
	margin:10px 8px 0px 8px;
	padding:0px;
	clear:left;
}

.news-events a:link, .news-events a:visited {
	font-size:12px;
	color:#004b94;
	font-weight:bold;
	text-decoration:none;
}

.news-events a:hover, .news-events a:active {
	text-decoration:underline;
	color:#555555;
}



/* ************************************************** */
/* ************* | DISTRICT HOME PAGE | ************* */
/* ************************************************** */
#page-cnt {
	margin:0 auto;
	padding:0px;
	background:#ffffff;
}

#content-cnt {
	display:block;
	float:left;
	width:705px;
}

#leader {
	width:704px;
	height:344px;
	margin:0px;
	padding:12px 0px 0px 0px;
	float:left;
	position:relative;
}

#primary-leader {
	width:704px;
	height:227px;
	margin:0px;
	padding:10px 0px 0px 0px;
	float:left;
	position:relative;
}



/* ********************************************* */
/* ************** | LANDING PAGE | ************* */
/* ********************************************* */
#primary-page-content {
	width:460px;
	margin:0px;
	padding:0px 20px 0px 0px;
	display:inline;
	float:left;
}

#primary-page-content h4 {
	font-size:16px;
	color:#555555;
	margin:0px;
	padding:10px 0px 30px 0px;
}

#primary-page-content h5 {
	font-size:20px;
	color:#01c7bc;
	margin:0px;
	padding:0px;
	line-height:10px;
}

#primary-page-content p {
	font-size:13px;
	color:#555555;
	line-height:18px;
}

#primary-page-content p a:link, #primary-page-content h4 a:link, #primary-page-content p a:visited, #primary-page-content h4 a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#004b94;
}

#primary-page-content p a:hover, #primary-page-content h4 a:hover, #primary-page-content p a:active, #primary-page-content h4 a:active {
	text-decoration:underline;
	color:#555555;
}



/* ****************************************** */
/* ************* | INSIDE PAGE | ************ */
/* ****************************************** */
#backpack-inside-page {
	background:url('../images/district-inside-bg.jpg') no-repeat top center;
	display:inline-block;
	float:left;
	width:701px;
	min-height:230px;
	margin:10px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}

#district-inside-page {
	background:url('../images/district-inside-bg.jpg') no-repeat top center;
	display:inline-block;
	float:left;
	width:701px;
	min-height:230px;
	margin:10px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}

#primary-inside-page {
	background:url('../images/primary-inside-bg.jpg') no-repeat top center;
	display:inline-block;
	float:left;
	width:701px;
	min-height:230px;
	margin:10px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}

#intermediate-inside-page {
	background:url('../images/intermediate-inside-bg.jpg') no-repeat top center;
	display:inline-block;
	float:left;
	width:701px;
	min-height:230px;
	margin:10px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}

#middle-inside-page {
	background:url('../images/middle-inside-bg.jpg') no-repeat top center;
	display:inline-block;
	float:left;
	width:701px;
	min-height:230px;
	margin:10px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}

#district-inside-page h4, #primary-inside-page h4, #intermediate-inside-page h4, #middle-inside-page h4, #backpack-inside-page h4 {
	margin:0px;
	padding:0px 20px 20px 20px;
	font-size:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#district-inside-page h5 {
	padding:0px 0px 10px 20px;
	color:#004b94;
	font-size:20px;
	line-height:20px;
	border-bottom:1px solid #dbdbdb;
	margin:10px 0px 0px 0px;
}

#primary-inside-page h5 {
	padding:0px 0px 10px 20px;
	color:#01c7bc;
	font-size:20px;
	line-height:20px;
	border-bottom:1px solid #dbdbdb;
	margin:10px 0px 0px 0px;
}

#intermediate-inside-page h5 {
	padding:0px 0px 10px 20px;
	color:#d80109;
	font-size:20px;
	line-height:20px;
	border-bottom:1px solid #dbdbdb;
	margin:10px 0px 0px 0px;
}

#middle-inside-page h5 {
	padding:0px 0px 10px 20px;
	color:#e4a101;
	font-size:20px;
	line-height:20px;
	border-bottom:1px solid #dbdbdb;
	margin:10px 0px 0px 0px;
}

#district-inside-page ol, #primary-inside-page ol, #intermediate-inside-page ol, #middle-inside-page ol {
	padding:0px;
	margin:0px 0px 0px 40px;
}

#district-inside-page ol li, #primary-inside-page ol li, #intermediate-inside-page ol li, #middle-inside-page ol li {
	padding:0px 20px 0px 20px;
	font-size:13px;
	color:#555555;
	margin:0px 0px 0px 20px;
}

#district-inside-page ul, #primary-inside-page ul, #intermediate-inside-page ul, #middle-inside-page ul {
	margin:5px 20px 10px 20px;
	font-size:13px;
	color:#555555;
	list-style-position:outside;
	line-height:18px;
}

#district-inside-page ul li, #primary-inside-page ul li, #intermediate-inside-page ul li, #middle-inside-page ul li {
	padding:0px 20px 0px 20px;
	font-size:13px;
	color:#555555;
}

#district-inside-page a:link, #district-inside-page a:visited, #primary-inside-page a:link, #primary-inside-page a:visited, #intermediate-inside-page a:link, #intermediate-inside-page a:visited, #middle-inside-page a:link, #middle-inside-page a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#004b94;
}

#district-inside-page a:hover, #district-inside-page a:active, #primary-inside-page a:hover, #primary-inside-page a:active, #intermediate-inside-page a:hover, #intermediate-inside-page a:active, #middle-inside-page a:hover, #middle-inside-page a:active {
	text-decoration:none;
	color:#555555;
}

.two-col {
	display:block;
	float:left;
	width:45%;
	height:auto;
}

.three-col {
	display:block;
	float:left;
	width:33%;
	height:auto;
}

#district-inside-page p, #primary-inside-page p, #intermediate-inside-page p, #middle-inside-page p {
	padding:5px 20px 0px 20px;
	margin:0px;
	font-size:13px;
	color:#505050;
	line-height:20px;
}

.admin-photo {
	display:block;
	float:left;
	margin:0px;
	padding:10px;
	width:150px;
	height:225px;
	clear:left;
}

.board-photo {
	width:650px;
	padding-left:5px;
}

.admin-photo-missing {
	display:block;
	float:left;
	margin:0px;
	padding:10px;
	width:150px;
	height:auto;
	clear:left;
}

.admin-info {
	display:block;
	float:left;
	margin:0px 0px 40px 0px;
	padding:0px;
	width:530px;
	height:auto;
}

.clearfix h2, #backpack-inside-page h2 {
	margin:0 0 0 20px;
	padding:0;
	font-size:20px;
	color:#004b94;
}


.memberLinks {
	margin:0 0 0 20px;
	padding:0 0 10px 0;
	font-size:12px;
	color:#dbdbdb;
	text-align:center;
}

#backpack-inside-page p {
	margin:0 0 0 20px;
	padding:0 0 10px 0;
	font-size:12px;
	color:#666666;
	text-align:center;
}


.memberLinks a:link, .memberLinks a:visited, #backpack-inside-page a:link, #backpack-inside-page a:visited {
	font-size:12px;
	color:#004b94;
	text-decoration:none;
}

.memberLinks a:hover, .memberLinks a:active, #backpack-inside-page a:hover, #backpack-inside-page a:active {
	text-decoration:underline;
}


.memberCategory {
	color:#666666;
}

.directoryListing {
	margin:20px 20px 0 20px;
	padding:5px 0 5px 0;
	font-size:12px;
	color:#dbdbdb;
	border-top:1px dotted #dbdbdb;
	border-bottom:1px dotted #dbdbdb;
	text-align:center;
}

.directoryListing a:link, .directoryListing a:visited {
	font-size:12px;
	color:#004b94;
	text-decoration:none;
}

.directoryListing a:hover, .directoryListing a:active {
	text-decoration:underline;
}


.pagetable {
	margin:0 20px 0 20px;
	padding:0;
	width:660px;
	border:1px solid #dbdbdb;
}

.row1 {
	background:#ffffff;
	border-bottom:1px solid #dbdbdb;
}

.row2 {
	background:#dbdbdb;
	border-bottom:1px solid #dbdbdb;
}

.row1 td, .row2 td {
	padding:4px;
}

.row1 a:link, .row1 a:visited, .row2 a:link, .row2 a:visited {
	font-size:12px;
	color:#004b94;
	text-decoration:none;
}

.row1 a:hover, .row1 a:active, .row2 a:hover, .row2 a:active {
	text-decoration:underline;
}

thead {
	background:#004b94;
	color:#ffffff;
	padding:2px;
}

tfoot {
	font-size:11px;
	color:#ffffff;
	padding:2px;
	background:#004b94;
	text-align:right;
}

tfoot td {
	padding:2px;
}


/* ************************************************** */
/* ********************* | NEWS | ******************* */
/* ************************************************** */
.NewsSummary {
	margin:0px 20px 0px 20px;
}

.NewsSummaryPostdate {
	font-size:11px;
	color:#999999;
	margin:0px;
	padding:0px;
}

.NewsSummaryLink {
	font-size:20px;
	color:#555555;
	margin:5px 0px 5px 0px;
	padding:0px;
}

.NewsSummaryCategory {
	font-size:11px;
	color:#999999;
	margin:0px;
	padding:0px;
}

.NewsSummaryAuthor {
	font-size:11px;
	color:#999999;
	margin:0px;
	padding:0px 0px 10px 0px;
}

.NewsSummarySummary {
	font-size:13px;
	color:#555555;
	margin:0px;
	padding:0px;
}

.NewsSummaryMorelink {
	margin:0px 0px 20px 0px;
	padding:0px 20px 5px 0px;
	text-align:right;
	width:100%;
	border-bottom:1px solid #dbdbdb;
}

.NewsSummaryMorelink a:link, .NewsSummaryMorelink a:visited {
	font-size:12px;
	color:#004b94;
	text-decoration:none;
}

.NewsSummaryMorelink a:hover, .NewsSummaryMorelink a:active {
	font-size:12px;
	color:#004b94;
	text-decoration:underline;
}

#NewsPostDetailDate {
	font-size:12px;
	color:#999999;
	margin:0px;
	padding:5px 20px 5px 20px;
}

#NewsPostDetailTitle {
	font-size:20px;
	color:#555555;
	margin:0px;
	padding:5px 20px 5px 20px;
}

#NewsPostDetailHorizRule {
	display:none;
}

#NewsPostDetailSummary {
	font-size:15px;
	color:#555555;
	padding:0px 20px 0px 20px;
}

#NewsPostDetailCategory {
	font-size:11px;
	color:#999999;
	margin:0px;
	padding:5px 20px 10px 20px;
}

#NewsPostDetailContent {
	font-size:13px;
	color:#555555;
	line-height:20px;
	padding:5px 20px 5px 20px;
}

#NewsPostDetailPrintLink {
	text-align:right;
	font-size:12px;
}

#NewsPostDetailReturnLink {
	text-align:right;
	font-size:12px;
}



/* ************************************************** */
/* ****************** | CALENDAR | ****************** */
/* ************************************************** */
.calendar {
	width:690px;
	height:650px;
	margin:0px 0px 0px 13px;
	padding:0px;
	text-align:center;
}

.calendar-month {
	font-size:20px;
	color:#004b94;
	margin:0px;
	padding:0px;
}

.calendar-prev, .calendar-next {
	font-size:15px;
	margin:0px 0px 5px 0px;
}

tbody {
	width:700px;
}

tr.cal-tr {
	width:680px;
	margin:0px;
	padding:0px;
	display:block;
	overflow:hidden;
	height:auto;
}

th.cal-th {
	width:90px;
	margin:5px 3px 0px 3px;
	padding:0px;
	height:20px;
	display:inline-block;
	float:left;
	background:#555555;
	color:#ffffff;
}

td.cal-td {
	min-width:90px;
	min-height:90px;
	width:auto;
	margin:2px;
	padding:0px;
	font-size:20px;
	color:#555555;
	border:1px solid #dbdbdb;
	display:inline;
	float:left;
	vertical-align:top;
}

td.cal-td div.event-link {
	margin:0;
	padding:0px;
	font-size:11px;
	background:#dbdbdb;
	color:#555555;
	text-align:center;
	height:auto;
	width:90px;
	overflow:visable;
}

td.cal-td a:link, td.cal-td a:visited {
	display:block;
	width:90px;
	margin:0px;
	padding:2px 0px 10px 0px;
	background:#dbdbdb;
	border-bottom:1px solid #a1a1a1;
}

.calendar-today {
	width:90px;
	background:#555555;
	height:90px;
	color:#ffffff;
}

.calendar-event {
	padding:0px 20px 0px 20px;
}

.calendar-event h1 {
	font-size:20px;
	color:#505050;
}

.calendar-date-from {
	font-size:11px;
	color:#ffffff;
	margin:0;
	padding:0 0 0 5px;
	background:#505050;
	width:100%;
	display:block;
	float:left;
}

.calendar-details, .calendar-summary {
	margin:0 0 40px 0;
	padding:0;
	font-size:13px;
	color:#505050;
	line-height:20px;
}

.calendar-details-title, .calendar-summary-title {
	font-size:11px;
	color:#666666;
	font-style:italic;
	padding:0 0 0 5px;
	margin:5px 0 5px 0;
	border-bottom:1px solid #dbdbdb;
	width:100%;
	display:block;
	float:left;
}

.calendar-details p, .calendar-summary p {
	font-size:13px;
	color:#505050;
	clear:left;
	line-height:20px;
}



/* ************************************************** */
/* ******************* | SIDEBAR | ****************** */
/* ************************************************** */
#sidebar {
	background:url('../images/sidebar-bg.jpg') no-repeat;
	display:block;
	float:left;
	width:247px;
	margin:10px 0px 0px 22px;
	padding:0px;
}

/* ALERT BOX */
#alert {
	dispaly:inline;
	float:left;
	width:220px;
	margin:10px 0px 0px 12px;
	padding:0px;
}

#alert-title {
	background:url('../images/alert-title.jpg') no-repeat;
	clear:left;
	width:220px;
	height:35px;
	display:inline;
	float:left;
	margin:0px;
	padding:0px;
}

#alert-title span {
	margin-left:-9999px;	
}

.alert-box {
	border-left:1px solid #cc0108;
	border-right:1px solid #cc0108;
	border-bottom:1px solid #cc0108;
	margin:0px;
	padding:0px;
	background:#ffffff;
}

.alert-box p {
	font-size:12px;
	color:#555555;
	padding:0px 8px 0px 8px;
	margin:10px 0px 10px 0px;
	font-weight:bold;
}

.alert-box a:link, .alert-box a:visited {
	color:#004b94;
	text-decoration:none;
	font-weight:bold;
}

.alert-box a:hover, .alert-box a:active {
	color:#555555;
	text-decoration:none;
}

/* SIDEBAR BOX */
.sidebar-box-cnt {
	dispaly:inline;
	float:left;
	width:220px;
	margin:10px 0px 0px 12px;
	padding:0px;
}

#email-title span, #subheader-title span, #contact-title span, #foia-title span {
	margin-left:-9999px;	
}

#email-title {
	background:url('../images/dcom-title.png') no-repeat;
	display:inline;
	float:left;
	width:220px;
	height:48px;
	margin:0px;
	padding:0px;
}

#subheader-title {
	background:url('../images/mission-title.png') no-repeat;
	display:inline;
	float:left;
	width:220px;
	height:52px;
	margin:0px;
	padding:0px;
}

#contact-title {
	background:url('../images/contact-title.png') no-repeat;
	display:inline;
	float:left;
	width:220px;
	height:47px;
	margin:0px;
	padding:0px;
}

#foia-title {
	background:url('../images/survey-title.png') no-repeat;
	display:inline;
	float:left;
	width:220px;
	height:52px;
	margin:0px;
	padding:0px;
}

.sidebar-box {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0px;
	padding:0px;
	background:#ffffff;
}

.sidebar-box p {
	font-size:11px;
	color:#555555;
	margin:10px 0px 10px 0px;
	padding:0px 8px 0px 8px;
}

.sidebar-box p span {
	color:#004b94;
	font-weight:bold;
	padding-right:4px;
}

.sidebar-box a:link, .sidebar-box a:visited {
	color:#004b94;
	text-decoration:none;
}

.sidebar-box a:hover, .sidebar-box a:active {
	color:#555555;
	text-decoration:none;
}

.read-more a:link, .read-more a:visited {
	color:#004b94;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

.read-more a:hover, .read-more a:active {
	color:#555555;
	text-decoration:none;
}

/* EMAIL LIST SIGNUP SIDEBAR BOX */
div.email-signup-form {
	padding:0px 8px 0px 8px;
	margin:0px;
}

.email-signup-field {
	color:transparent;
	line-height:0;
}

.email-signup-field input {
	border:1px solid #cccccc;
	width:194px;
	height:20px;
	padding:2px 0px 0px 4px;
	margin:8px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
	color:#555555;
}

.email-signup-select {
	width:194px;
	height:20px;
	padding:2px 0px 0px 4px;
	margin:8px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
	color:#555555;
}

.email-signup-field input:focus, .email-signup-select:focus {
	background:#ffffcc;
	color:#000000;
}

.email-signup-btn {
	background:url('../images/email-signup-btn.jpg') no-repeat;
	width:74px;
	height:24px;
	border:none;
	margin:0px 0px 10px 0px;
	padding:0px;
	cursor:pointer;
}

p.required {
	border-bottom:1px solid #cccccc;
	font-style:italic;
	color:#555555;
	text-align:right;
	padding:0px 0px 8px 0px;
}

div.error_message {
	margin-left: 10px;
	margin-right: 10px;
	border: 2px solid red;
	font-size: 80%;
	background-color: #ff6666;
	color: black;
}

div.error_message ul {
	padding-left: 5px;
	padding-right: 5px;
}

div.error_message li {
	list-style-type: none;
	margin-bottom: 5px;
}

div.sidebar-box h2 {
	margin-left: 10px;
	margin-right: 10px;	
}


/* ************************************************** */
/* ************** | FOOTER NAVIGATION | ************* */
/* ************************************************** */
#bottom-banner {
	margin:0 auto;
	text-align:center;
	padding:0px;
	background:#ffffff;
}

#bottom-banner figure {
	text-align:center;
	padding-bottom:20px;
}

#footer-links {
	list-style:none;
	width:975px;
	margin:0px;
	padding:20px 0px 20px 0px;
}

#footer-links li {
	display:inline;
	margin:0px;
	padding:0px;
}

#footer-links li span {
	color:#004b94;
	font-size:16px;
	padding:0px 0px 4px 0px;
}

#footer-links li a:link, #footer-links li a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#555555;
	font-size:10px;
	padding:0px 4px 0px 0px;
}

#footer-links li a:hover, #footer-links li a:active {
	text-decoration:underline;
	color:#004b94;
}

#footer-links li:last-child a {
	border-right:none;
}


#cse-search-results {
	width:90%;
}

.t {
	background:none; !important
}

iframe {
	margin:0 0 0 20px;
	width:660px; !important
}




/***********for Impromptu*******************/

.jqifade{
      position: absolute;
      background-color: #aaaaaa;
}
div.jqi{
      width: 400px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 11px;
      text-align: left;
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{
      font-weight: bold;
}
div.jqi .jqiclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #bbbbbb;
      font-weight: bold;
}
div.jqi .jqimessage{
      padding: 10px;
      line-height: 20px;
      color: #444444;
}
div.jqi .jqibuttons{
      text-align: right;
      padding: 5px 0 5px 0;
      border: solid 1px #eeeeee;
      background-color: #f4f4f4;
}
div.jqi button{
      padding: 3px 10px;
      margin: 0 10px;
      background-color: #2F6073;
      border: solid 1px #f4f4f4;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
}
div.jqi button:hover{
      background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
      background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
      background-color: #BF5E26;
}

td {
	font-size:12px;
	padding:2px;
	
}

#backpack-inside-page .pagetable td {
	vertical-align: top;
}

#backpack-inside-page .pagetable p {
	text-align: left;
	margin-left: 0px;
}

/*************Overlay**************/

.overlay{
	position:absolute;
	top:5px;
	right:32px;
	width:135px;
	height:207px;
}
.homeoverlay{
	position:absolute;
	top:7px;
	right:32px;
	width:200px;
	height:300px;
}