/* ------------------------------ BEGIN Global Styles ------------------------------ */
@import url("../../global/CSS/global.css");
/* ------------------------------ END Global Styles ------------------------------ */

/* BE SURE TO COPY YOUR CLIENT STYLES IN THIS MASTER.CSS IN ORDER FOR THE EDITOR TO IMPLEMENT THE CLIENT STYLES-
YOU HAVE TO LOAD THEM UP SEPARATELY AS CLIENT.CSS AS WELL */

/* UNIVERSAL */

html, body, div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, form, blockquote, fieldset, input {
margin:0;
padding:0;
}

fieldset,img { border: none; }

body {
	background-color: #448399; margin: 0px;
}

img.left { float: left; padding: 2px 20px 16px 0; }
img.right { float: right; padding: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

img.navigate { float: left; margin: 0px 0px 20px 0; }


hr {
	border: 0;
	width: 100%;
	color: #efefef;
	background-color: #efefef;
	height: 1px;
	line-height: 1px;
	margin: 10px 0px;
	padding: 0px;
}
	
ul li {
	padding: 0 0 0 15px;
	margin: 0px;
	background: url(../Images/bullet.gif) no-repeat 0em 0.5em;
	list-style: none;}

/* TYPE */
body, p, div, li, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #262626;
}
	
a:link, a:visited, a:active {
	color: #F27722; 
	text-decoration: none;}
	
a:hover {
	color: #F27722; 
	text-decoration: underline;}
	
strong, b { font-weight:bold; }

h1 {
	font-size: 33px;
	line-height: 40px;
	color: #B4C110;
	font-weight: bold;
}

h2 {
	font-size: 20px;
	line-height: 30px;
	color: #448399;
	font-weight: bold;
}
	
h3 {
	font-size: 14px;
	line-height: 22px;
	color: #448399;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
	
h4 {
	font-size: 31px;
	line-height: 42px;
	color: #262626;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

h5 {
	font-size: 45px;
	line-height: 60px;
	color: #F27722;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.whiteHeading {
	font-size: 33px;
	line-height: 40px;
	color: #FFF;
	font-weight: bold;
}

.programsFooter {
	font-size: 11px;
	line-height: 22px;
	color: #F2C222;
	text-transform: uppercase;
}
a.programsFooter:link, a.programsFooter:visited{color: #F2C222; text-decoration:none;}
a.programsFooter:hover, a.programsFooter:active{color: #FFF; text-decoration:none;}

.footerSmallItalic {
	font-size: 14px;
	color: #A6A6A6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.footerLargeItalic {
	font-size: 24px;
	color: #A6A6A6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.bodyoptional {
	font-size: 16px;
	line-height: 26px;
	color: #262626;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

/* OTHER TYPE */
.swcredit {
	font-size: 9px;
	color: #7b7458;}
a.swcredit:link, a.swcredit:visited{color: #7b7458; text-decoration:none;}
a.swcredit:hover, a.swcredit:active{color: #333; text-decoration:underline;}


#smallnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;}

#smallnav li ul
{display: none;}

#smallnav li{
	margin: 0px;padding: 0px 12px 0px 0px;background: none;
	float: left;}
	
#smallnav a{
	font-size: 12px;
	line-height: 40px;
	color: #A6A6A6;
	display: block;
	text-decoration: none;
	padding: 0px 12px 0px 0px;
	margin: 0px;
}
#smallnav a:hover{
	font-size: 12px;
	line-height: 40px;
	color: #262626;
	display: block;
	text-decoration: none;
	padding: 0px 12px 0px 0px;
	margin: 0px;
}

/* SEARCH */
#search {
	float: left;
	width: 280px;
}

.searchField {
	font-size: 10px;
	color: #FFF;
	width: 210px;
	border: 0px;
	background-color:#336273;
	margin:0px;
	float: left;
	height: 20px;
	padding-left: 10px;
	padding-top:10px;
}
.searchButton {
	font-size: 9px;
	color: #333;
	background-color:#FFF;
	margin:0px;
	float: right;
	height: 30px;
	padding-right: 5px;
	padding-left: 5px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
}
	
.pageSearchTitle {
font-size: 14px;
line-height: 18px;
color: #262626;}

a.pageSearchTitle {
font-size: 14px;
line-height: 18px;
color: #262626;
text-decoration:none;}

a.pageSearchTitle:hover {
font-size: 14px;
line-height: 18px;
color: #262626;
text-decoration:underline;}

/* MAIN NAV */
#mainnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;}

#mainnav li ul
{display: none;}

#mainnav li{
	padding: 0px;
	margin: 0px;
	float: left;
	background:none;}
	
#mainnav a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 50px;
	color: #FFF;
	display: block;
	text-decoration: none;
	margin: 0px;
	text-align:center;
	font-style: italic;
	padding-right: 16px;
	padding-left: 16px;
	font-weight: normal;
}

#mainnav a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 50px;
	color: #FFF;
	display: block;
	text-decoration: none;
	padding-right: 16px;
	padding-left: 16px;
	margin: 0px;
	text-align:center;
	font-style: italic;
	background-color:#262626;
	font-weight: normal;}
	
#mainnav a.current  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 50px;
	color: #FFF;
	display: block;
	text-decoration: none;
	padding-right: 16px;
	padding-left: 16px;
	margin: 0px;
	text-align:center;
	font-style: italic;
	background-color:#262626;
	font-weight: normal;}

/* SUB NAV */
#subnavWrapper {
	float: left;
	width: 280px;
	padding: 0px 0px 20px;
}
	
#subnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: none;}
	
#subnav li {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 280px;
	background: none;}
	
#subnav a {
	font-size: 11px;
	display: block;
	text-decoration: none;
	padding: 10px 0px;
	border-bottom: 1px solid #efefef;
	color: #F27722;
	text-transform: uppercase;
	text-indent: 25px;
	background-image: url(/sitefiles/1173/Images/arrowOff.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
	
#subnav a:hover {
	font-size: 11px;
	display: block;
	text-decoration: none;
	padding: 10px 0px;
	border-bottom: 1px solid #efefef;
	color: #F27722;
	text-transform: uppercase;
	text-indent: 25px;
	background-color:#efefef;
	background-image: url(/sitefiles/1173/Images/arrowOn.jpg);
	background-repeat: no-repeat;
	background-position: left center;}

#subnav a.current {
	font-size: 11px;
	display: block;
	text-decoration: none;
	padding: 10px 0px;
	border-bottom: 1px solid #efefef;
	color: #F27722;
	text-transform: uppercase;
	text-indent: 25px;
	background-color:#efefef;
	background-image: url(/sitefiles/1173/Images/arrowOn.jpg);
	background-repeat: no-repeat;
	background-position: left center;}

/* PARENT STYLE- THIS JUST NEEDS TO BE THE SAME DIV NAME AS THE CONTAINING SUBMENU CONTAING DIV NAVE */	
#subnavWrapper h2 {
	font-size:20px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #448399;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

#subnavWrapper h2 a {
	font-size:20px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #448399;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;}
	
#subnavWrapper p { display:none;}
	
/* BREADCRUMBS */
#breadcrumbs {
	float: left;
	width: 560px;
	text-align: left;
	padding-bottom: 20px;
}
	
#breadcrumbs ul{
	padding: 0px;
	margin: 0px;
	list-style: none;}
	
#breadcrumbs li {
	margin: 0px;
	float: left;
	background:none;}

#breadcrumbs a {
	padding: 0 0 0 20px;
	font-size: 11px;
	display:inline;
	text-decoration: none;
	color: #A6A6A6;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
	
#breadcrumbs a:hover {
	padding: 0 0 0 20px;
	font-size: 11px;
	display:inline;
	text-decoration: none;
	color: #262626;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;}
	
#breadcrumbs a.first  {
	padding: 0px;
	font-size: 11px;
	display:inline;
	text-decoration: none;
	color: #A6A6A6A6A6A6;
	background: none;
	margin-left: -15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;}
	
#breadcrumbs a.first:hover  {
	padding: 0px;
	font-size: 11px;
	display:inline;
	text-decoration: none;
	color: #262626;
	background: none;
	margin-left: -15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;}

#breadcrumbs a.current  {
	padding: 0 0 0 20px;
	font-size: 11px;
	display:inline;
	text-decoration: none;
	color: #262626;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;}

/* WRAPPERS */

#topWrapper {
	width: 100%;
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	height: 40px;
}
	
#mainnavWrapper {
	padding: 0px;
	height: 50px;
	width: 940px;
	position: absolute;
	left: 0px;
	top: 140px;
	background-color: #000000;
}

#contentWrapper {
	width: 100%;
	float: left;
	text-align: left;
	background-color: #BFBFBF;
}
	
#footerWrapper {
	width: 100%;
	float: left;
	text-align: left;}


/* TOP */
#top {
	margin: 0px auto;
	padding: 0px 0px 0px 120px;
	width: 820px;
	height: 40px;
	line-height: 40px;
	background-image: url(/sitefiles/1173/Images/h-bridges.gif);
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
}
	
#logo {
	float: left;
	width: 235px;
	height: 75px;
	margin-top: 20px;
	margin-left: 30px;
	color: #FFFFFF;}
	
#indexTab {
	float: right;
	width: 120px;
	height: 25px;}

/* CONTENT */
.clear {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;}
	
#content {
	margin: 0px auto;
	width: 940px;
}

	
#contentLeft {
	float: left;
	width: 560px;
	background-color:#FFFFFF;
	padding: 20px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
}
	
* html #contentLeft {
	width: 600px;
	w\idth: 560px; }

#contentRight{
	float: right;
	width: 280px;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	overflow: hidden;
}
	
* html #contentRight {
	width: 310px;
	w\idth: 280px; }

	
/* FOOTER */
#footer {
	margin: 0px auto;
	padding: 0px;
	width: 940px;
}


#footerRight{
	float: right;
	width: 280px;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
	
* html #footerRight {
	width: 310px;
	w\idth: 280px; }
	

#footerLeft {
	float: left;
	width: 580px;
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
* html #footerLeft {
	width: 600px;
	w\idth: 580px; }
	

	
#headerWrapper {
	float: left;
	height: 135px;
	width: 100%;
	background-color: #595959;
	text-align: center;
}
#header {
	height: 135px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	background-image: url(/assets/1173/top1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#headerDefault {
	height: 135px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	background-image: url(/assets/1173/top2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#headerBB {
	height: 135px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	background-image: url(/assets/1173/top3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#headerEL {
	height: 135px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	background-image: url(/assets/1173/top4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#headerFB {
	height: 135px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	background-image: url(/assets/1173/top5.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#headerGED {
	height: 135px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	background-image: url(/assets/1173/top6.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#headerO2E {
	height: 135px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	background-image: url(/assets/1173/top7.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#headerPJ {
	height: 135px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	background-image: url(/assets/1173/top8.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#headerWB {
	height: 135px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	background-image: url(/assets/1173/top9.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#smallnavWrapper {
	float: left;
	height: 40px;
	line-height: 40px;
	width: 590px;
}
#topUtility {
	text-align: center;
	float: right;
	height: 20px;
	background-color: #EBEBEB;
	margin: 5px;
	padding: 5px 10px;
	width: 150px;
}

a.topUtility:link, a.topUtility:visited, a.topUtility:active {
	color: #666666; 
	text-decoration: none;}
	
a.topUtility:hover {
	color: #000000; 
	text-decoration: none;}
#logoWrapper {
	height: 70px;
	width: 910px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	position: absolute;
	left: 20px;
	top: 65px;
}
#wordWrapper {
	float: left;
	height: 105px;
	width: 100%;
}
#word {
	height: 69px;
	width: 923px;
	padding-top: 36px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(/sitefiles/1173/Images/w-mission.jpg);
	background-repeat: no-repeat;
}

#missiontext {
	font-style:italic;
	color: #B6D2DB;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.smalltext {
	font-size: 15px;
	letter-spacing: 1px;
	line-height:17px;
}

.largetext {
	font-size: 30px;
	margin-top: 3px;
	display:block;
	line-height:32px;
}

#wordWrapperBB {
	float: left;
	height: 105px;
	width: 100%;
	background-color: #F2C222;
}
#wordBB{
	height: 69px;
	width: 923px;
	padding-top: 36px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(/sitefiles/1173/Images/w-bb.jpg);
	background-repeat: no-repeat;
}

#BBtext {
	font-style:italic;
	color: #FDF6DE;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#wordWrapperGED {
	float: left;
	height: 105px;
	width: 100%;
	background-color: #F27722;
}
#wordGED{
	height: 69px;
	width: 923px;
	padding-top: 36px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(/sitefiles/1173/Images/w-ged.jpg);
	background-repeat: no-repeat;
}

#GEDtext {
	font-style:italic;
	color: #FDEEE4;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#wordWrapperWB {
	float: left;
	height: 105px;
	width: 100%;
	background-color: #B4C110;
}
#wordWB{
	height: 69px;
	width: 923px;
	padding-top: 36px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(/sitefiles/1173/Images/w-wb.jpg);
	background-repeat: no-repeat;
}

#WBtext {
	font-style:italic;
	color: #F5F7E2;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#wordWrapperPJ {
	float: left;
	height: 105px;
	width: 100%;
	background-color: #444099;
}
#wordPJ{
	height: 69px;
	width: 923px;
	padding-top: 36px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(/sitefiles/1173/Images/w-pj.jpg);
	background-repeat: no-repeat;
}

#PJtext {
	font-style:italic;
	color: #E3E3F0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#wordWrapperFB {
	float: left;
	height: 105px;
	width: 100%;
	background-color: #b32d00;
}
#wordFB{
	height: 69px;
	width: 923px;
	padding-top: 36px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(/sitefiles/1173/Images/w-fb.jpg);
	background-repeat: no-repeat;
}

#FBtext {
	font-style:italic;
	color: #F4E0D9;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#wordWrapperELC {
	float: left;
	height: 105px;
	width: 100%;
	background-color: #0477BE;
}
#wordELC{
	height: 69px;
	width: 923px;
	padding-top: 36px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(/sitefiles/1173/Images/w-elc.jpg);
	background-repeat: no-repeat;
}

#ELCtext {
	font-style:italic;
	color: #E8F7EC;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#wordWrapperO2E {
	float: left;
	height: 105px;
	width: 100%;
	background-color: #63ca7e;
}
#wordO2E{
	height: 69px;
	width: 923px;
	padding-top: 36px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(/sitefiles/1173/Images/w-o2e.jpg);
	background-repeat: no-repeat;
}

#O2Etext {
	font-style:italic;
	color: #DAEBF5;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#programWrapper {
	float: left;
	width: 100%;
}
#programWrapper {
	background-color: #333333;
}
#programContent {
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#program {
	float: left;
	width: 580px;
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
* html #program {
	width: 600px;
	w\idth: 580px; }
	
#events{
	float: right;
	width: 280px;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
	
* html #events {
	width: 310px;
	w\idth: 280px; }

.orgName {
	color: #FFFFFF;
	float: left;
}
a.orgName:link, a.orgName:visited, a.orgName:active {
	color: #FFFFFF; 
	text-decoration: underline;}
	
a.orgName:hover {
	color: #FFFFFF; 
	text-decoration: none;}
	
.orgNameB {
	color: #FFFFFF;
	float: left;
	clear: left;
	padding-bottom: 10px;
	padding-top: 5px;
	width: 500px;
}

#utility {
	color: #8FBBCC;
	float: left;
	clear: left;
	width: 550px;
}
a.utility:link, a.utility:visited, a.utility:active {
	color: #8FBBCC; 
	text-decoration: none;}
	
a.utility:hover {
	color: #FFF; 
	text-decoration: none;}
	
#utilityB {
	color: #8FBBCC;
	float: left;
	clear: left;
	width: 550px;
}
#involved {
	background-color: #333333;
	text-align: center;
	float: left;
	width: 280px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.involveB {
	color: #FFFFFF;
}
a.involveB:link, a.involveB:visited, a.involveB:active {
	color: #FFF; 
	text-decoration: none;}
	
a.involveB:hover {
	color: #999; 
	text-decoration: none;}
#flash {
	float: left;
	height: 255px;
	width: 560px;
	padding-bottom: 20px;
}
#contentInner {
	float: left;
	width: 560px;
}
.programImages{border: 1px solid #FFF;}

a.programImages:link, a.programImages:visited, a.programImages:active {
	border: 1px solid #FFF;}
	
a.programImages:hover {
	border: 1px solid #666666;}
#defaultRight {
	float: left;
	width: 280px;
}

/* calendar */	
.current-month {color: #FFF;}
.events-calendar td { height: auto; border:1px solid #8FBBCC; color:#fff;}
.events-calendar th {color:#fff;}
.weekend, .weekday {background-color: #448399;}
.today {background-color: #8FBBCC;}
.events-calendar tr {color: #448399;}
.all-day-event {background-color: #6da8bf; color: #FFF;}
.all-day-event:hover {background-color: #3c6575; color: #FFF;}
.event-time {color:#FFF;}

.upcoming-events-date {
	color:#FFFFFF;
	font-size:12px;
}
.upcoming-events-wrapper ul li {background: none; margin-bottom: 10px; padding:0;}