/* CSS Document */

/*
===== CONTENTS =====

last-updated: PUT DATE HERE;

=1: Universally
=2: Accessibility
=3: Body
=4: Outline Construction
=5: Navigation

====================
*/

/*
===== =1: Universally =====
*/

* {
font-size:100%;
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
}


p a:link, ul li a:link, #center h3 a:link {padding:0.3px;color: #DF0094;}
p a:visited, ul li a:visited, #center h3 a:visited {padding:0.3px;color: #DF0094;}
p a:hover, ul li a:hover, #center h3 a:hover {padding:0.3px;color: #DF0094;text-decoration:underline;}
p a:active, ul li a:active, #center h3 a:active {padding:0.3px;color: #DF0094;text-decoration:underline;}

.reset {height:0;display:block;clear:left;}

/*hacktastic*/
#content img:after, p.registerJoin:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

a img {border:0;}

/*
===== =2: Accessibility Aids =====
*/

.hidden, .newsletter span, p.registerJoin span, p.skipLink
{
position: absolute;
left: -9999px;
width: 0px;
overflow: hidden;
}

h1 a {
overflow: hidden;
height: 0;
}



/*
===== =3: Body =====
*/

body {
font: 62.5%/120% Verdana, Arial, Helvetica, sans-serif;
color:#333;
text-align:center;
background: #333 url("../stat/bg_body.gif") 0 0 repeat;
}



/*
===== =4: Outline Construction =====
*/

#wrap {
width: 806px;
margin: 4% auto;
text-align:left;
background:#fff url("../stat/bg_runner.jpg") bottom right no-repeat;}

/*
===== =4: header =====
*/

#header {
height:10em;
padding:0;
background: #DF0094 url(../stat/header_bg_red.gif) bottom right no-repeat;
}

h1 a {
float:left;
margin:0.9em 0 0 2.1em;
width: 21.8em;
background: url(../Stat/logo.gif) no-repeat;
padding-top: 8.6em;
}

#header form {
float:left;
width:30em;
padding:7em 0 0 8em;
}

fieldset#search {
width:29.5em;
font-family: Verdana,  Arial, Helvetica, sans-serif;
border:0;
}
fieldset#search label {
float:left;
height:1.2em;
padding:0.3em 0.4em 0.5em 0.4em !important;
padding:0.3em 0.4em 0.4em 0.4em;
color:#FEFAEB;
font: bold 1.1em/1.3em Verdana,  Arial, Helvetica, sans-serif;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
background:#333;
}
fieldset#search input {
float:left;
width:13em;
height:1.2em;
padding:0.4em 0.2em;
font-size: 1.1em;
border:1px solid #FEFBEE;
background:url(../stat/search_input_bg.jpg) no-repeat;}

fieldset#search input.go {
width:3.2em;
height:2.2em;
margin-left:1em;
border:0;
padding:0.2em;
color:#FEFAEB;
font: bold 1.1em/1.0em Arial, Verdana,  Helvetica, sans-serif;
background:url(../stat/btn_go.gif) no-repeat;}

p.newsletter {
padding-top:2em;
margin-right:10px;
}

p.newsletter a {
float: right;
width: 17.5em;
height: 7.8em;
background: #99CCFF;
}
p.newsletter a {
background: #000 url(../img/newsletter.jpg) no-repeat;
}
/*
===== =6: content =====
*/

#center {
float:left;
width:396px;
margin:0 0 0 0;
padding:0 0.3em 1.1em 0.7em;
}

#flashcontent {
display:block;
width:396px;
height:171px;
margin:1.1em 0 0px 0;
background: url(../img/home_img.jpg)}

#ufoDemo {margin-bottom:12px;}

#stream  {
  display:block;
  width:352px;
  margin:5px 5px 0 0;
  padding:0; 
}
#stream_page #center p {margin-left:360px;}

.entry {
  margin:10px 0;
  float:left;
  width:250px;
  text-align:center
}
#center .entry p {
  margin:0;
}

#center h2 {
color:#0099FF;
font: 1.8em/1.2em verdana, Arial, Helvetica, sans-serif;
z-index:1;
}
#center h3 {
margin:1.0em 0 0 0;
color:#0099FF;
font: 1.4em/1.2em verdana, Arial, Helvetica, sans-serif;
}

#center p {
margin:1.0em 0 1.0em 0;
font: 1.2em/1.6em Arial, Helvetica, verdana, sans-serif;
}
#center ul, #center ol {
margin:0 2.5em;
font: 1.2em/1.3em Arial, Helvetica, verdana, sans-serif;
}
#center ul li {
padding:0 0 0.5em 1.2em;
background:url(../stat/howToHelpYourCity_li_bg.gif) 0 4px no-repeat;
}
#yourOneHull #center ul li,  #lspHelp #center ul li{background:url(../stat/oneHull_li_bg.gif) 0 4px no-repeat;}
#yourCommunityStrategy #center ul li {background:url(../stat/strategy_li_bg.gif) 0 4px no-repeat;} 
#howToHelpYourCity #center ul li {background:url(../stat/howToHelpYourCity_li_bg.gif) 0 4px no-repeat;} 

#yourCommunityStrategy  #center ul li strong {color:#DF0094;}
#howToHelpYourCity  #center ul li strong {color:#4C6E9B;}

#center ul.plainList {margin:0;}
#center ul.plainList li {padding:0;background:none;}

#center div.shoutOut {
padding:1.0em;
text-align:center;
border:1px solid #000000;
background:#F3AA00;
}
#center div.shoutOut h4 {
font: 1.8em/1.2em verdana, Arial, Helvetica, sans-serif;
}
#center div.shoutOut p {
font: 1.2em/1.2em verdana, Arial, Helvetica, sans-serif;
}

#howToHelpYourCity address {
float:left;
width:13em;
font: normal 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif!important;
padding-right: 1em;
}

#howToHelpYourCity table {
margin-left:2em;
font: normal 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif!important;
}
#howToHelpYourCity table th {
width:11em;
padding:0.3em;
}

#howToHelpYourCity table tbody td {
padding:0.3em;
}

/* contact card */
.vcard dl, .comNews dl {
width:auto;
margin:0 2.5em;
padding:0 0 0 4em;
font: 1.2em/1.3em Arial, Helvetica, verdana, sans-serif;
background:url(../stat/vCard_bg.gif) 0 6px no-repeat;
}
.comNews {
padding:1em 0;
background:none;
border-bottom: 1px dashed #C1C1C1;
}
.comNews dl {
padding:0;
background:none;
}


.keyLinks {padding:5px 0;border-bottom:1px dashed #C1C1C1;}

.vcard dt, .comNews dt {
float:left;
width:6em;
padding:0.2em;
font-weight:bold;
}
.comNews dt {
width:9em;
}

.vcard dd, .comNews dd {
width:auto;
padding:0.2em;
}
.comNews dd {
}

.vcard img.photo {
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
	padding: 6px;
	border: 4px double #7D96B7;
	background: #fff;
	}
	
.vcard h5 {
	font: bold 1.2em/1.2em verdana, Arial, Helvetica, sans-serif;
	color: #630;
	}
	
dl.gallery {
text-align: center;
padding:0;
margin:0;
float: left;
margin:0 15px;
min-height:175px;
_height:160px;
}

.gallery img {
padding:0.4em;
background: #fff;
border: 1px solid #666!important;
}

.gallery dd {
width:150px;
margin: 0;
padding: 0;}

dl#jargon, dl#links {margin-top:1em;}
dl#jargon dt, dl#links dt {float:left;width:18em;padding:0.5em 0 0.5em 0;font-weight:bold;margin-bottom:1em;border-top: 1px dashed #C1C1C1;}
dl#jargon dd, dl#links dd {float:left;width:28em;padding:0.5em;margin-bottom:1em;border-top: 1px dashed #C1C1C1}
dl#jargon dd.anchor {width:4em;padding:0.5em 0;background:url("../Stat/top.gif")right no-repeat;}
dl#jargon dd.anchor a:link, dl#jargon dd.anchor a:visited,dl#jargon dd.anchor a:hover, dl#jargon dd.anchor a:active {display:block;width:4em;}

p#AtoZ {margin:1em 0 2em 0;}
p#AtoZ a:link {padding:0.25em 0.35em;color:#fff;background:#4C6E9B;}
p#AtoZ a:visited {padding:0.25em 0.35em;color:#fff;background:#4C6E9B;}
p#AtoZ a:hover {color:#fff;background:#4C6E9B;}
p#AtoZ a:active {color:#fff;background:#4C6E9B;}


p.more {text-align:right;border-bottom: 1px dashed #C1C1C1;}

.pageNav {
clear:left;
padding:4px;
text-align:right;
border-style:dashed;

boder-color:#C1C1C1;
border-width:1px 0 0 0;}

.pageNav a {padding:2px;text-decoration:none;}
.pageNav a:link {}
.pageNav a:visited {}
.pageNav a:hover {color:#fff;background:#4C6E9B;}
.pageNav a:active {color:#fff;background:#4C6E9B;}


div#qTip {
  padding: 3px;
  border: 1px solid #DF0094;
  border-right-width: 2px;
  border-bottom-width: 2px;
  display: none;
  background: #879900;
  color: #FFF;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}


.downloads {
padding: 1em 0;
padding:1em 0 1em 45px;
border-top: 1px dashed #C1C1C1;
background:url(../stat/pdf.gif) 10px 10px no-repeat;
	}
	
#center .downloads p {
	margin: 0 65px 0 0;
	
	font-size: 1em;
	
	}
#center .downloads p strong {
font-size: 1.1em;
color:#DF0094;

	}
#center .downloads p span {
	padding-right: 10px;
	font-weight: bold;
	}
#center .downloads p a {
	padding-bottom: 2px;
	word-wrap: break-word;
	
	}


#center h5 {
text-align:right;
	margin:1.0em 0;
color: #555;
font: 1.1em/1.2em verdana, Arial, Helvetica, sans-serif;
	}
#center h5 span {
	float: left;
	font-size: 1.4em;color:#E45D0F;
}

#center dl.events {
margin:1.0em 0 1.0em 0;
font: 1.2em/1.6em Arial, Helvetica, verdana, sans-serif;
}
#center dl.events dt {
float:left;
width:75px;
font-weight:bold;
}


/* Root = Horizontal, Secondary = Vertical */
ul#quicklinks {
  display:block;
  margin: 0 0 8px 0;
  border: 0 none;
  padding: 0 0 0 0;
  width: 396px; /*For KHTML*/
  list-style: none;
  height: 30px;
  background:#DF0094;  
  z-indedx:1000;
}

ul#quicklinks li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  width: 396px; 
  height: 30px;
}

ul#quicklinks ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 210px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 186px;
  zoom:1;
}

ul#quicklinks ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#quicklinks ul li {
  width: 210px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  height:24px;
  border-bottom:1px solid #fff;  
}

/* Root Menu */
ul#quicklinks a {
  padding: 0 35px 0 6px;
  text-align:right;
  display: block;
  width:auto;
  background:#DF0094 url("../img/icon_plus.gif") right center no-repeat;    
  color:#fff;
  width: 355px;
  font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#quicklinks a:hover,
ul#quicklinks li:hover a,
ul#quicklinks li.iehover a {
  background:#000 url("../img/icon_plus_hover.gif") right center no-repeat;  
  color:#fff;
}

/* 2nd Menu */
ul#quicklinks li:hover li a,
ul#quicklinks li.iehover li a {
  width:169px;
  float: none;
  background: #000;
  color: #fff;   
  text-align:left;
  font: bold 11px/24px Verdana, Arial, Helvetica, sans-serif;    

}

/* 2nd Menu Hover Persistence */
ul#quicklinks li:hover li a:hover,
ul#quicklinks li:hover li:hover a,
ul#quicklinks li.iehover li a:hover,
ul#quicklinks li.iehover li.iehover a {
   background:#DF0094; 
  color:#fff;
 
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#quicklinks li:hover ul ul,
ul#quicklinks li:hover ul ul ul,
ul#quicklinks li.iehover ul ul,
ul#quicklinks li.iehover ul ul ul {
  display: none;
}

ul#quicklinks li:hover ul,
ul#quicklinks ul li:hover ul,
ul#quicklinks ul ul li:hover ul,
ul#quicklinks li.iehover ul,
ul#quicklinks ul li.iehover ul,
ul#quicklinks ul ul li.iehover ul {
  display: block;
}




/*
===== =6: left - right =====
*/

#left {
float:left;
width:20em;
padding:1.1em 0 150px 0.3em;
/*background: url("../stat/bg_gymnast.jpg") 20px 385px no-repeat;*/}

#left h3 {
width:14.8em;
margin-top:1.5em;
padding:0 0.7em;
color:#FEFAEB;
background:#033;
font: bold 1.2em/1.8em Arial, Helvetica, verdana, sans-serif;
}

#right {
float:right;
width:19em;
min-height:200px;
padding:1.1em 0.3em 0 0;
}



/* Root = Vertical, Secondary = Vertical */
div#left ul,
div#left ul li {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 19.5em; /*For KHTML*/
  list-style: none;
}

div#left ul li {
  display: block !important; /*For GOOD browsers*/
  float:left;
  display: inline; /*For IE*/
  position: relative;
  background:orange;
}
/* Root Menu */
div#left ul a {
  border-bottom: 1px solid #FEFAEB;
  padding: 2px 6px 0 10px;
  display: block;
  color: #000;
  font: bold 1.0em/2.15em Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  background:#FFEB00;
}

/* Root Menu Hover Persistence */
div#left ul a:hover {
  border-bottom: 1px solid #FEFAEB;
  color: #fff;
  background:#DF0094;
}


/*
===== =8: footers =====
*/

#footer {
clear:both;
height:2.2em;
color:#fff;
padding:0 0.7em;
font: bold 1.0em/1.8em verdana, Arial, Helvetica, sans-serif;
background:#DF0094;
}
#footer a:link {color:#FFEB00;}
#footer a:visited {color:#FFEB00;}
#footer a:hover {color:#FFEB00;text-decoration:underline;}
#footer a:active {color:#FFEB00;text-decoration:underline;}

.reset {
clear:left;display:block;
}


/**********************************

form

***********************************/
#genericForm form {}
#genericForm fieldset {
width:390px;
border-style:dashed;
boder-color:#C1C1C1;
border-width:1px 0 0 0;
padding:10px 0;}

#genericForm fieldset.areas {
margin-left:1em;
/*float:left;
width:25em;*/
} 
#genericForm fieldset.areas p {
float:left;
width:20em;
}
#genericForm fieldset.areas label {
width:12em;
}
div.errMsg, div.warning {
padding:0.4em 0.5em 1em 8em;
background:  #F8F3B8 url(../stat/warningSign.gif) 20px 10px no-repeat;
margin: 2em 0;
width:300px;
}
div.errMsg p strong, div.warning p strong {
font-weight:bold;
}
#center div.errMsg ul, #center div.warning ul {
margin:0 30px;
}
#center div.errMsg ul li,#center div.warning ul li {
padding:0 0 0 1.5em;margin:0;
}

#genericForm input, #genericForm textarea{
border: 1px solid #666;
background: #eee;
padding: 3px;
width: 240px;
color: #666;
font: 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
display: inline;
margin: 5px 0 0 0!important;
}
#genericForm input.hidden {border:none;}

#genericForm input.checkbox {width:15px;height:15px;}
#genericForm input.date ,#genericForm input.time {width:100px;}
#genericForm textarea {
width: 240px;
height:200px;
}
#genericForm input.error, #genericForm textarea.error {
background:#fcc;
}
#genericForm label {
clear:left;
font: 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif;
width: 135px;
display: block;
margin: 5px 0 0 0;
float: left;
color: #000;
padding-left: 3px;
}
#genericForm .additional label {width:200px;}

#genericForm select, #jumpForm select{
font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #666;
margin: 5px 5px 0 0;
width: 200px;
border: 1px solid #ddd;
}
#jumpForm select.short {
width:120px;
}
#genericForm legend {
font: 1.3em/1.8em Verdana, Arial, Helvetica, sans-serif;
color: #0099FF;
padding:0 1em 0 0.1em;
background:#fff;
}

br.reset {clear: both;}


#genericForm input.button {
width: 55px;
padding-top: 21px;
font-size: 1px;
color: #666;
border: 0;
margin-right:6.5em!important;
margin-right:-3em;
background: url(../stat/btn_submit.gif) no-repeat;
overflow: hidden;
cursor: pointer;
height: 21px;}

fieldset#submit{
text-align:right;
border-style:dashed;
boder-color:#C1C1C1;
border-width:1px 0 1px 0;
padding:4px 0;
}

#jumpForm fieldset {
text-align:right;
border:none;
margin-bottom:15px;
padding:5px;
}
#jumpForm label {
font: 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif;
width:auto;margin-right:10px;
color: #000;
padding-left: 3px;
}

/**********************************
register
***********************************/

p.registerJoin  a {
background: url(../stat/btn_register.gif) no-repeat;
float:left;
height:3.42em;
width:19.5em;
margin:8px 0;
}

p.registerJoin  a:hover {
background: url(../stat/btn_register.gif) no-repeat 0 -35px;
}


/**********************************
calender
***********************************/

.events {
	border-collapse: collapse;
	color: #555;
	}
.events th {
    padding: 3px;
	color:#fff;
	border: 1px solid #ccc;
	background:#003436;}

.events td {
    vertical-align: top;
	width: 80px;
	height: 80px;
    border: 1px solid #ccc;
	   }	 
#center .events td ul {
margin:0;
}
#center .events td ul li {
padding:2px 4px;
font: 0.9em/1.2em 'lucida grande',tahoma,sans-serif;
background:none;
}

.events td span {
	padding:2px;
	display:block;
	border-bottom: 1px solid #ccc;
	background-color: #FFEB00;}

.events td.currentDay span {color:#fff;background:#DF0094;}

.events td.empty {background: #eee;}