/* Structure */

body {
	background: #C2DFED url('images/background.jpg') top left repeat-x; 
	text-align: center;
	font: 62.5% /* Resets default font size to 10px */ arial, Helvetica, sans-serif;
}

#page {
	margin: 0 auto; 
	width: 960px; /* Maximum site width */
	text-align: left;
}

#wrap {
	width: 960px; 
	float: left;
}

#container {
	width: 960px; 
	float: left; 
	padding: 20px 0 0;
}

#header {
	width: 960px; 
	min-height: 105px; 
	height: 105px; 
	float: left; 
    clear: both;
}

#logo {
	padding: 0; 
	float: left; 
	width: 185px;
}

#heading {
	padding: 0 10px; 
	float: left; 
	width: 505px;
}


#search {
	padding: 0; 
	float: left; 
	width: 250px;
	padding: 0px;
	height: 20px;
}

#search div {
	text-align: right; 
	font-size: 1.1em; 
	margin-bottom: 27px;
}

#search div a, #search div a:visited {
	background: url('images/search-icon.gif') 0 0 no-repeat;
	padding: 0 0 0 20px; 
	color: #000000; 
	text-decoration: none;
}

#search div a:hover {
	background: url('images/search-icon.gif') 0 -14px no-repeat;
}

#searchbox {
	height: 20px;
	color: #666;
	font: 1.4em arial, Helvetica, sans-serif;
	background: #FFFFFF url('images/search-bkg.gif') no-repeat top left;
	border: 0pt none;
	width: 190px;
	padding: 5px 0 0 5px;
}

#searchbtn {
	height: 25px;
	font: 12px arial, Helvetica, sans-serif;
	background: url('images/search-btn.jpg') no-repeat top left;
	border: 0pt none;
	padding: 0;
	width: 50px;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 12px;
}


#navigation {
	width: 780px; 
	text-align: center;
}

#navigation p span {
	padding: 0 .5em; 
	background: url('images/black-line.gif') right no-repeat;
}

#navigation p {
	font-size: 1.4em; 
	margin: 0; 
	padding: 0;
}

#navigation input {
	font-size: 1.4em; 
	font-family: arial, Helvetica, sans-serif; 
	color: #999999;
}

#sidebar {
	width: 190px; 
	float: left;
}

#content {
	width: 920px;
	background: url('images/page-bkg.png') top left repeat-y; 
	float: left;
    padding: 0em 20px 3em 20px;
}

#breadcrumb {
	width: 920px; 
	float: left;
	font-size: 1.1em;
	margin-bottom: 1.5em;
    color: #333;
}

#left {
	width: 250px; 
	float: left;
	padding-left::20px;
	padding-right: 15px;
}

#center {
	width: 460px; 
	height:510px;
	float: left;
	padding-left: 15px;
	padding-right: 0px;
}

#content-left {
	width: 270px; 
	float: left;
	padding-left:40px;
	margin-left:40px;	
}

#right {
	padding-left:15px;
	width: 200px; 
	float: right;
	position: relative;
}

#content-right {
	width: 670px; 
	float: left;
	padding-left: 20px;
	position: relative;
}

#sidebar-left {
	width: 214px; 
	float: left;
	position: relative;
	Padding-left:15px;
}

#footer {
	float: left; 
	clear: both; 
	height: 50px; 
	min-height: 50px; 
	width: 960px; 
	background: transparent url('images/bottom-bar.png') top left no-repeat;
}

#footer-inner {
	width: 920px; 
	float: left; 
	margin: 0 auto;
	position: relative;
}

.post {
	clear: both;
	width: 326px;
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
}

/* END Structure */

/* Headings */
h1 {
font-size: 2.3em;
text-align:center;
text-decoration:underline;
}
h2 {
font-size: 2.3em;
text-align:left;
}
#header h1 { 
	display: block; 
	width: 175px; 
	height: 105px; 
	margin: 0;
	padding: 0;
	text-indent: -9999px; 
	background: transparent url('images/logo.png') no-repeat 0 0; 
	cursor: pointer;
} 

#heading h2 {
	font-size: 2.4em;
	padding: 40px 0 0;
	margin: 0;
}

#left h4 {
	margin: 0 0 .5em; 
	color: #336699;
}

h4 a, h4 a:visited{
	margin: 0 0 .5em; 
	color: #336699;
	text-decoration: none;
}

h4 {font-size: 1.6em;}

#center h3 {
	background: #000; 
	color: #FFFFFF; 
	margin: 0; 
	padding: 5px 0 5px 1em; 
	letter-spacing: 0.03em;
	font-size: 1.2em;
	font-weight: normal;
}

#left h3, #content-left h3, #content-right h3 {
	padding: 0; 
	margin: 0;
	font-size: 2.4em;
}

#content-right h3#title {
	padding: 0 0 5px; 
	margin: 0 0 .5em; 
	border-bottom: 3px solid #cacaca;
}

#content-left div.itemContent h3, #content-right div.itemContent h3 {
	padding: 0; 
	margin: 0;
	font-size: 1.6em;
}

#sidebar-left h3, #right h3 {
	margin: 0 0 .5em; 
	font-size: 1.3em; 
	letter-spacing: 0.03em; 
	color: #CC0033;
	text-transform: capitalize;
}
/* End Headings */

/* Navigation */
#nav {clear:both; font-weight:bold; color:#666; margin:0px 0 0 0px; padding: 0px 0 10px 5px; float:left; list-style-type:none; background:url('images/nav/bkg.png') bottom left no-repeat; width: 960px;}
#nav a:hover {text-decoration: none;}
#nav li {list-style-type:none; float:left; margin:0 0 0 0px; padding:0 0 0 0px; height: 44px;}
#nav li a span {color:#000; font-size: 1.4em; background:url('images/nav/left.png') transparent top left no-repeat; padding: 15px 5px 0 15px; display: block; float: left; height: 29px;}
#nav li a {color:#666; background:url('images/nav/right.png') top right no-repeat; padding:0 10px 0 0; margin: 0; height: 44px; display: block; float: left; text-decoration: none;}
#nav li.current a span {color:#000; font-size: 1.4em; background:url('images/nav/left-current.png') transparent top left no-repeat; padding: 15px 5px 0 15px; display: block; float: left; height: 29px}
#nav li.current a {color:#666; background:url('images/nav/right-current.png') top right no-repeat; padding:0 10px 0 0; margin: 0; height: 44px; display: block; float: left; text-decoration: none;}
#nav li a:hover span  {color:#000; font-size: 1.4em; background:url('images/nav/left-current.png') transparent top left no-repeat; padding: 15px 5px 0 15px; display: block; float: left; height: 29px; text-decoration: none;}
#nav li a:hover  {color:#666; background:url('images/nav/right-current.png') top right no-repeat; padding:0 10px 0 0; margin: 0; height: 44px; display: block; float: left; text-decoration: none;}
#nav li.cur, #nav li.over, #nav li:hover {cursor: pointer;}
#nav li strong, ul#nav li.cur a, ul#nav li.over a, ul#nav li:hover a {text-decoration: underline; cursor: pointer; /* Important, For FireFox */}
/* END Navigation */

/* General styles */
#header h1 a {display: block; width: 100%; height: 100%; outline: none;} 
#breadcrumb p {margin: 0; padding: 0;}
#left img {margin-right: 10px;}
#left p {font-size: 1.2em; margin-top: 0;}
div.itemContent p, div.itemContent ul li, div.itemContent ol li {margin: .5em 0;}
#content-left div.itemContent a, #content-left div.itemContent a:visited, #content-right div.itemContent a, #content-right div.itemContent a:visited, #downloadsContent ul li a, #downloadsContent ul li a:visited {color: #BE4D01; font-weight: bold;}
#content-left div.itemContent a:hover {color: #EC6E1a;}
div.itemContent, div.lead {font-size: 1.4em; line-height: 1.6em}

#content-left div.itemContent ul {margin-bottom: .5em; line-height: 1.4em}
#footer p {font-size: 1.1em; text-align: center; padding: 0; margin: 0;}
#footer p span {padding: 0 5px;}
#footer div.hr {height: 2px; padding: 0px 0 0px 0; margin: 0px auto 0 auto; width: 960px; background: url('images/footer-hr.jpg') repeat-x scroll center;}
#footer .hr hr {display: none;}
#search p {text-align: right; font-size: 1.2em; padding: 10px 0 0;}
#footer p a, #footer p a:visited {color: #000; text-decoration: underline;}
#footer p a:hover {text-decoration: none;}

#search p a, #search p a:visited {color: #FFF; background: #C45005; padding: 2px; letter-spacing: 0.03em; text-decoration: none;}
#search p a:hover {text-decoration: none;}
#search form {margin: 0 0 3px; padding: 0;}
#search small, #search label {font-size:1.1em;}
#search small a, #search small a:visited {color: #0F2631; text-decoration: underline;}

.post span {color: #444; font-style: italic}
.post p {margin: 0; padding: 0;}
.post p, .post h4, .post img {clear: both;}
#breadcrumb a, #breadcrumb a:visited {color: #444; font-weight: bold; text-decoration: none;}
#breadcrumb a:hover {text-decoration: none}






#sidebar-left ul, #right ul {float: left; !important clear: both; list-style: none; margin: 0 0 2em; padding: 0; width: 214px; font-size: 1.2em;}
#sidebar-left ul li, #right ul li {clear: both;}
#sidebar-left ul ul, #right ul ul {list-style: none; margin-top: .5em; margin-bottom: .5em; }
#sidebar-left ul ul li, #right ul ul li {background: #fff url('images/bullet.gif') 0 6px no-repeat; padding: 0 0 0 5px;}
#sidebar-left ul ul ul li, #right ul ul li {font-size: 11px; list-style: circle; background: #FFF; }

#sidebar-left h3#inthissection  {
background: #444 url('images/inthissection-bkg.jpg') top left no-repeat;
}

#content-right img.bodyImage {
float:right;
margin:.5em 0 0 1em;
border: 0px solid #444;
}

#content div.itemContent h5.faq {color: #1a2E75; font-weight: bold; font-size: 1.4em; margin: 0 0 5px;}

table {}

.resources ul {font-size: 1.2em; line-height: 1.6em; margin: .5em 0 0; padding: 0 0 0 1.25em;}
.resources ul li {margin: 0 0 .5em; padding: 0; list-style: circle;}
.resources ul li a, .resources ul li a:visited {color: #000;}

#searcharea, .resultsPage, .searchResult, .info {font-size: 1.4em; line-height: 1.6em;}
#searcharea a, .resultsPage a, .resultsPage a:visited, .searchResult a, .searchResult a:visited {color: #BE4D01; font-weight: bold;}
#searcharea a:hover {color: #EC6E1a;}

.homepage-links {width: 340px; float: left; background: #E6EaF5; clear: both; margin: 2em 0 0;}
.left {width: 100px; height: 57px; float: left;}
.right {width: 240px; float: left;}
.right p {padding: 0 0 0 1em; margin: 0; font-size: 1.2em}
.right p a {color: #2a7398; font-weight: bold; margin: 5px 0; text-decoration: none}
.right p a:hover {font-weight: bold;}
.homepage-links a {font-size: 125%;}

table#eventscalendar {font-size: 85%;}
table#eventscalendar th {background: #122256; color: #fff;}
.alt {background: #ddd;}

.searchResults {list-style: none; margin: 2em 0 0; padding: 0; font-size: 1.4em;}
.searchResults li {list-style: none; margin-bottom: 2em;}


*html #content {
	background: url('images/page-bkg-ie6.png') top left repeat-y; 
}

*html #searchbtn {
	padding-bottom: 0px;
}

*html #searchbtn, *html #searchbox {
	top: 55px
}

/* Image Replacement */
*html #header h1 {
	background: transparent url(images/logo-ie6.png) no-repeat 0 0; 
}

*html #nav {
	background: url('images/nav/bkg-ie6.png') bottom left no-repeat; 
}

*html #nav li a:hover span {
	background:url('images/nav/left-current-ie6.jpg') transparent top left no-repeat;
	cursor: hand;
}

*html #nav li a:hover {
	background:url('images/nav/right-current-ie6.jpg') top right no-repeat;
	cursor: hand; 
}

*html #nav li a span {
	background: url('images/nav/left-ie6.jpg') transparent top left no-repeat; 
}

*html #nav li a {
	background:url('images/nav/right-ie6.jpg') top right no-repeat; 
}


*html #nav li.current a span {
	background:url('images/nav/left-current-ie6.jpg') transparent top left no-repeat;	
}

*html #nav li.current a {
	background:url('images/nav/right-current-ie6.jpg') top right no-repeat;
}

*html #footer {
	/* background: none; */
	/* filter applies only to IE5+/Win */
	/* filter:progid:DXImageTransform.Microsoft.alphaImageLoader(enabled='true', sizingMethod='fixed', src='images/bottom-bar.png'); */
	background: url('images/bottom-bar-ie6.png') top left no-repeat;
}


table#sportsdev {border-collapse:collapse; border: 3px solid #cacaca;}
table#sportsdev td {border-top: 1px solid #cacaca; border-right: 1px solid #cacaca;}

/* Gallery */
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}
.stripViewer {position: relative; overflow: hidden;  border: 5px solid #333;   margin: 0 0 1px 0;}
.stripViewer ul {margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none;}
div.itemContent .stripViewer ul li {float:left; margin: 0;}
.stripTransmitter {overflow: auto; width: 1%;}
.stripTransmitter ul {margin: 0; padding: 0; position: relative; list-style-type: none;}
.stripTransmitter ul li {width: 20px; float:left; margin: 0 1px 1px 0;}
#content-right div.itemContent .stripTransmitter a, #content-right div.itemContent .stripTransmitter a:visited {font: bold 10px Verdana, arial; text-align: center; line-height: 22px; background: #333; color: #fff; text-decoration: none; display: block;}
#content-right div.itemContent .stripTransmitter a:hover, #content-right div.itemContent .stripTransmitter a.current, #content-right div.itemContent .stripTransmitter a.current:visited {background: #fff; color: #333;}
#tooltip {background: #fff; color: #000; opacity: 0.85; border: 5px solid #dedede;}
#tooltip h3 {font: normal 10px Verdana;  margin: 0;  padding: 6px 2px; border: 0;}
p.alert {background: #FFFBCC; padding: 10px; color: #444; border: 1px solid #E6DB55; font-weight: bold;}

#downloadsContent {padding: 0; margin-top: 1em; font-size: 1.4em; border: 1px solid #CaCaCa; background: #eee; padding: 0 20px;}
#downloadsContent ul {list-style: none; margin: 0; padding: 0}
#downloadsContent ul li {margin: 0; padding: 0 0 1em; line-height: 1.6em;}
#downloadsContent ul li small {font-size: 11px;}
#downloadsContent ul li a {background: url('images/file.gif') 0 0 no-repeat; padding-left: 25px;}
#downloadsContent ul li.pdf a {background: url('images/pdficon_small.gif') 0 0 no-repeat; padding: 1px 0 1px 25px;}

#content-lef
t div.itemContent p.alert a, #content-left div.itemContent p.alert a:visited {color: #21759B; text-decoration: none;}
#content-left div.itemContent p.alert a:hover {text-decoration: underline;}

/* Google Map */
#map-container {float: left; width: 670px; position: relative; margin-top: .5em;}
#map {float: left; width: 670px; height: 440px; position: relative; border: 1px solid black; line-height: 1.4em;}
#side_bar {float: left; clear: both; padding: 0 20px 10px 20px; min-height: 24px; width: 630px; position: relative; overflow: auto; line-height: 1.1em;}
#side_bar_box {float: left; clear: both; padding: 0; width: 670px; position: relative; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;}
p#mapheader {width: 632px; background: #000; color: #FFF; font-weight: bold; letter-spacing: 0.03em; height: 25px; padding: 4px 20px 0 20px; margin: 0;}
p#mapheader2 {width: 630px; background: #000; color: #FFFFFF; font-weight: bold; letter-spacing: 0.03em; height: 25px; padding: 4px 20px 0 20px; margin: 0;}
#content-right div.itemContent #side_bar h3 {width: 630px; clear: all; display: block; float: left; padding: 0; margin: 10px 0 5px; font-size: 90%;}
#content form {position: relative; padding: 0; margin: 0;}
.contact {width: 275px; height: 130px; float: left; padding-bottom: 3em; line-height: 1.2em;}
.contact p {font: italic 100% Georgia, "Times New Roman", Times, serif; color: #666; margin: .5em 0 0; padding: 0;}
#content-right div.itemContent .contact a, #content-right div.itemContent .contact a:visited {color: #BE4D01; font-weight: bold; text-decoration: none;}
#content-right div.itemContent .contact a:hover {color: #000;}
.contact strong {font: bold 1.6em arial, Helvetica, sans-serif;}
.contact small {color: #666;}

#categories {border-left: 1px solid black; border-right: 1px solid black; margin: 0; padding: 10px 20px 10px 20px; width: 630px; background: #eeeeee;}
#categories span {font-sizeD: 1.2em;}
#categories p {font-sizeD: 1.1em;}
#content-right div.itemContent #side_bar a, #content-right div.itemContent #side_bar a:visited {color: #333; font-weight: normal; width: 155px; text-decoration: none; display: block; float: left; margin: 0; padding: 0; font-size: 80%;}
#side_bar a#clear {clear: both;}
#content-right div.itemContent #side_bar a:hover {color: #666; font-weight: normal; margin: 0; padding: 0;}
dl {font-size: 85%; width: 275px; margin: 1em 0 0; padding: 0; border-top: 0px solid #cacaca;}
dt {width: 100px; float: left; margin: 0; padding: 5px 0; border-top: 0px solid #cacaca; font-weight: bold;}
dd {float: left; width: 175px; margin: 0; padding: 5px 0; color: #333; border-top: 0px solid #cacaca;}
/* END Google Map */

/* Google Map Youth Service */
#map-container-youth {float: left; width: 100%; margin-bottom: .5em;}
#map-container-youth #map {float: left; width: 480px; height: 450px; border: 1px solid black; line-height: 1.4em;}
.gmap-content, .gmap-content-about {width: 300px; font-size: 90%; height: 230px;}
#sidebar0 {background: #eee; float: left; width: 160px; padding: 10px; height: 430px; position: relative; border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; /* Important, For FireFox */}
#content-right div.itemContent #sidebar0 a, #content-right div.itemContent #sidebar0 a:visited {color: #000; display: block; clear: both; cursor: pointer; text-decoration: none;}
#content-right div.itemContent #sidebar0 a:hover {color: #999999;}
/* END Google Map */

.clear {clear:both;}
/* Column layouts for links*/




#key {

	padding-right: 0px; padding-left: 0.1em; font-size: 1em; padding-bottom: 0px; margin: 0.1em 0px 0px; padding-top: 0px; list-style-type: none;

}

#key li {

	padding-right: 1em; padding-left: 1.6em; float: left; padding-bottom: 0.5em; padding-top: 0px

}
#key li a {

	padding-right: 1em; padding-left: 1.6em; float: left; padding-bottom: 0.5em; padding-top: 0px

}
#schools {

	padding-right: 0px; padding-left: 0px; font-size: 1.6em; padding-bottom: 0px; margin: 0.1em 0px 0px;  padding-top: 0px; list-style-type: none

}

#schools li {

	padding-right: 0px; DISPLaY: block; padding-left: font-size: 1.6em;0px; padding-bottom: 0px; padding-top: 0px; 

}

li.primary a {

	padding-right: 0px; padding-left: 1.6em;font-size: 1em; background: url(images/icon-green.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #000; text-decoration: none; font-family:"Verdana", sans serif;

}
li.primary a:hover {

	padding-right: 0px; padding-left: 1.6em;font-size: 1em; background: url(images/icon-green.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px; COLOR: #0066CC;text-decoration:underline;

}

li.secondary a {

	padding-right: 0px; padding-left: 1.6em;font-size: 1em; background: url(images/icon-red.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #000; text-decoration: none;font-family:"Verdana", sans serif;

}
li.secondary a:hover {

	padding-right: 0px; padding-left: 1.6em; font-size: 1em;background: url(images/icon-red.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #0066CC;text-decoration:underline;

}

li.special a {

	padding-right: 0px; padding-left: 1.6em;font-size: 1em; background: url(images/icon-yellow.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #000; text-decoration: none;font-family:"Verdana", sans serif;

}
li.special a:hover {

	padding-right: 0px; padding-left: 1.6em; font-size: 1em;background: url(images/icon-yellow.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #0066CC;text-decoration:underline;

}

li.other a {

	padding-right: 0px; padding-left: 1.6em;font-size:1em;background: url(images/icon-blue.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #000; text-decoration: none;

}
li.other a:hover {

	padding-right: 0px; padding-left: 1.6em; font-size: background: url(images/icon-blue.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #0066CC;text-decoration:underline;

}

li.library a {

	padding-right: 0px; padding-left: 1.6em;font-size: 1.2em; background: url(images/icon-dgreen.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #000; text-decoration: none;

}
li.library a:hover {

	padding-right: 0px; padding-left: 1.6em; font-size: 1.2em;background: url(images/icon-dgreen.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #0066CC;text-decoration:underline;

}
li.surestart a {

	padding-right: 0px; padding-left: 1.6em;font-size: 1.2em; background: url(images/icon-purple.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #000; text-decoration: none;

}
li.surestart a:hover {

	padding-right: 0px; padding-left: 1.6em; font-size: 1.2em;background: url(images/icon-purple.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #0066CC;text-decoration:underline;

}
li.youth a {

	padding-right: 0px; padding-left: 1.6em;font-size: 1.2em; background: url(images/icon-black.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #000; text-decoration: none;

}
li.youth a:hover {

	padding-right: 0px; padding-left: 1.6em; font-size: 1.2em;background: url(images/icon-black.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #0066CC;text-decoration:underline;

}
li.school a {

	padding-right: 0px; padding-left: 1.6em;font-size: 1.2em; background: url(images/icon-red.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #000; text-decoration: none;

}
li.school a:hover {

	padding-right: 0px; padding-left: 1.6em; font-size: 1.2em;background: url(images/icon-red.gif) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px;COLOR: #0066CC;text-decoration:underline;

}