/* 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: 326px; 
	float: left;
	padding-right: 10px;
}

#center {
	width: 340px; 
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

#content-left {
	width: 690px; 
	float: left;
	padding: 0 20px 0 0;
	margin: 0;	
}

#right {
	padding-left: 5px;
	width: 214px; 
	float: left;
	position: relative;
}

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

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

#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 */
#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 a:hover{
	margin: 0 0 .5em; 
	color: #336699;
	text-decoration: underline;
}

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: #194E84; font-weight: bold;}
#content-left div.itemContent a:hover {color: #C55104;}
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; }

#content #sidebar-left ul.selected, #content #right ul.selected {font-size: 12px;}

##content #sidebar-left ul smalz\l {font-size: 11px; display: block; padding: 0 7px 10px 7px; clear: both; color: #666;}

#content #sidebar-left ul ul a, #content #right ul ul a{background: #FFF; color: #444; font-weight: normal; padding: 2px 7px;}
#sidebar-left ul li.selected, #sidebar-left ul li.selected:hover, #right ul li.selected, #right ul li.selected:hover {padding: 5px 7px; font-weight: bold; background: #C55104; color: #FFF; letter-spacing: 0.05em;}

#sidebar-left ul ul li.selected, #sidebar-left ul ul li.selected:hover, #right ul ul li.selected, #right ul ul li.selected:hover {background: #FFF url('../images/bullet.gif') 0 6px no-repeat; padding: 2px 0 2px 13px; color: #444; font-weight: bold;}

#sidebar-left li.up a, #sidebar-left li.up a:visited, #sidebar-left li.up a:hover, #right li.up a, #right li.up a:visited, #right li.up a:hover {font-weight: bold; display: block; background: #C55104; color: #fff; font-weight: bold; letter-spacing: 0.05em; width: 200px;}


#sidebar-left a, #sidebar-left a:visited, #right ul a, #right ul a:visited {background: #EEEEEE; border-bottom: 2px solid #FFFFFF; color:#444444;
display:block;
padding:5px 7px;
width: 200px;
text-decoration: none;
}
#sidebar-left p a:hover {background: #fff; color: #000; text-decoration: none;}
#sidebar-left a:hover, #right a:hover {background: #444; color: #fff; text-decoration: none;}

#sidebar-left a.ceop, #sidebar-left a.ceop:visited, #sidebar-left a.ceop:hover {
background: #fff; 
}

#sidebar-left a:hover, #right ul a:hover {background: #444; color: #fff; text-decoration: none;}
#sidebar-left ul ul a:hover, #right ul ul a:hover {color: #444; text-decoration: underline;}
#sidebar-left ul ul a, #sidebar-left ul ul a:visited, #right ul ul a, #right ul ul a:visited{color: #444;}
#sidebar-left h3, #right h3  {
background: #444 url('../images/navigation-bkg.jpg') top left no-repeat;
color:#FFF;
display:block;
padding:5px 7px;
margin: 0;
width: 200px;
text-decoration: none;
clear: both;
}

#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;}
table#eventscalendar th {background: #122256; color: #fff;}
.alt {background: #cccccc;}
.alt1 {background: #333333; color:#fff}



.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;}