/* 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: #E45D0F;}
p a:visited, ul li a:visited, #center h3 a:visited {padding:0.3px;color: #E45D0F;}
p a:hover, ul li a:hover, #center h3 a:hover {padding:0.3px;color: #E45D0F;text-decoration:underline;}
p a:active, ul li a:active, #center h3 a:active {padding:0.3px;color: #E45D0F;text-decoration:underline;}

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

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

a img {border:0;}

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

.hidden, .newsletter span, p.registerJoin span, p.skipLink,  p#matters span, p.loginJoin span,
.cluedup span {
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:#666;
text-align:center;
background: #666;
}



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

#wrap {
width: 80.6em;
margin: 2% auto;
text-align:left;
background:#FEFAEB;
background:#fff;
}

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

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

#yourOneHull #header, #lspHelp #header{background:#879900 url(../stat/header_bg_green.gif) bottom right no-repeat;}
#yourCommunityStrategy #header{background:#B3272E url(../stat/header_bg_red.gif) bottom right no-repeat;}
#oneHullNews #header{background:#E45D0F url(../stat/header_bg_orange.gif) bottom right no-repeat;}
#haveYourSayToday #header{background:#F3AA00 url(../stat/header_bg_yellow.gif) bottom right no-repeat;}
#howToHelpYourCity #header{background:#4C6E9B url(../stat/header_bg_blue.gif) bottom right no-repeat;}

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

p#matters a {
float:left; 
width: 181px;
height:165px;
background: url(../2012Matters/img/2012_logo.jpg) no-repeat;
margin:10px 0 10px 5px;
}


p#matters a:hover {
float:left; 
width: 181px;
height:165px;
background: url(../2012Matters/img/2012_logo_hover.jpg) no-repeat;
margin:10px 0 10px 5px;
}

#yourOneHull h1 a, #lspHelp h1 a{background: url(../Stat/logo_green.gif) no-repeat;}
#yourCommunityStrategy h1 a{background: url(../Stat/logo_red.gif) no-repeat;}
#oneHullNews h1 a{background: url(../Stat/logo_orange.gif) no-repeat;}
#haveYourSayToday h1 a{background: url(../Stat/logo_yellow.gif) no-repeat;}
#howToHelpYourCity h1 a{background: url(../Stat/logo_blue.gif) no-repeat;}

#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:#45648D;
}
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.2em Arial, Verdana,  Helvetica, sans-serif;
background:url(../stat/btn_go.gif) no-repeat;}

p.newsletter,
p.cluedup {
padding-top:2em;
}

p.newsletter a,
p.cluedup a {
float: left;
width: 17.5em;
height: 7.8em;
background: #99CCFF;
}
p.newsletter a {
background: #4C6E9B url(../img/newsletter.jpg) no-repeat;
}

p.cluedup a {
background: url(../stat/logo_clued_up.gif) no-repeat;
}


/*
===== =6: content =====
*/

#center {
float:left;
width:396px;
margin:0 0 0 0;
padding:0 0.3em 1.1em 0.7em;
}
/*.sub #center {float:left;width:580px;margin:0 0 0 0;}*/

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

.flashcontent {
display:block;
width:396px;
height:auto;
margin:1.1em 0 0px 0;
text-align:center;
background:#fff !important;text-align:center;}

#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:180px;
  height:150px;
  text-align:center
}
#center .entry p {
  margin:0;
}

#center h2 {
color:#E45D0F;
font: 1.8em/1.0em verdana, Arial, Helvetica, sans-serif;
}
#center h3 {
margin:1.0em 0 0 0;
color:#E45D0F;
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 blockquote {margin:0 15px 25px 15px;padding: 5px 15px;display: block; border-left:4px solid #F3AA00;
  background:#eee;}

#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:#B3272E;}
#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") no-repeat 0 6px ;
zoom:1;
}
.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;
background:none;
}
.comNews dt {
width:9em;
}

.vcard dd, .comNews dd {
width:auto;
padding:0.2em;
background:none;
}
.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;}

dl#jargon dt {width:100px;}
dl#jargon dd {width:240px;}


p#AtoZ {margin:1em 0 2em 0;line-height:2.0em;}
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 #B3272E;
  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;
}

.post {font-size:90%;border-bottom: 1px solid #C1C1C1;padding:0 0 0 0;}
#center .post h3 {margin-bottom:0;}
#center .post p.date {margin: 0;}
.post {word-wrap: break-word;}

.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:#E45D0F;

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

	
	}


#center h5,
#center h3 span a {
display:block;
text-align:right;
	margin:0.2em 0;
color: #555;
font: 0.8em/1.0em verdana, Arial, Helvetica, sans-serif;
color:#0000CC !important;
	}
#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:#4D6F9C;  
  z-indedx:100;
}

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

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:#4D6F9C 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:#879900 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:#879900; 
  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;
}


.link {padding:0 0 0 18px; background:url("../stat/link-icon.jpg") no-repeat;}
.link a {padding:0;}


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

#left {
float:left;
width:20em;
padding:1.1em 0 0 0.3em;
}
#left h3 {
width:189px;
padding:0 0 0 5px;
color:#FEFAEB;
background:#033;
font: bold 1.2em/1.8em Arial, Helvetica, verdana, sans-serif;
}
#left form {
width:194px;
background:#4C6E9B;
}
#left form fieldset {
border:0;
padding:8px 0 8px 3px;
}
#left #login label {
font: bold 1em/1.3em Arial, Verdana,  Helvetica, sans-serif;
background: #444;
color: #fff;
padding: 0.16em 1em 0.15em 0.5em;
}
#left #login input {
width:18.3em;
height:2.2em;
margin-bottom:0.7em;
border:1px solid #FEFBEE;
background:url(../stat/left_input_bg.jpg) no-repeat;
}
#left fieldset.submit {
border-top:1px solid #FEFAEB;
}
#left fieldset.submit label {
float:left;
width:144px;
color:#FEFAEB;
padding:0;
font: bold 1.1em/1.6em Arial, Verdana,  Helvetica, sans-serif;}

#left fieldset.submit input {
float:left;
width:4.1em;
height:1.8em;
border:0;
padding:0.2em;
color:#FEFAEB;
font: bold 1.1em/1.2em Arial, Verdana,  Helvetica, sans-serif;
background: url(../stat/btn_enter.gif) no-repeat;
}



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

div#left ul ul {
border-top: 1px solid #FEFAEB;
border-left: 1px solid #FEFAEB;
border-right: 1px solid #FEFAEB;
}

div#left ul li {
  display: block !important; /*For GOOD browsers*/
  float:left;
  display: inline; /*For IE*/
  position: relative;
}

div#left ul ul li {
  height:auto;

}
/* Root Menu */
div#left ul a {

  padding: 2px 6px 0 10px;
  display: block;
  color: #FEFAEB;
  font: bold 1.0em/26px Verdana, Arial, Helvetica, sans-serif;
      border-bottom: 1px solid #FEFAEB;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  background:#4C6E9B;
}
div#left ul li.reduced a {line-height:25px;}
/* Root Menu Hover Persistence */
div#left ul a:hover,
div#left ul li:hover a,
div#left ul li.iehover a {

  color: #FEFAEB;
  background:#B3272E;
}

/* 2nd Menu */
div#left ul li:hover li a,
div#left ul li.iehover li a {
  color: #FEFAEB;
  background:#879900;
  line-height:1.6em;
padding:0.4em 1em;
}

/* 2nd Menu Hover Persistence */
div#left ul li:hover li a:hover,
div#left ul li:hover li:hover a,
div#left ul li.iehover li a:hover,
div#left ul li.iehover li.iehover a {
  border-bottom: 1px solid #FEFAEB;
  background:#B3272E;
}


/* 3rd Menu */
div#left ul li:hover li:hover li a,
div#left ul li.iehover li.iehover li a {
  border-bottom: 1px solid #FEFAEB;

  color: #FEFAEB;
  background:#879900;
}


/* 3rd Menu Hover Persistence */
div#left ul li:hover li:hover li a:hover,
div#left ul li:hover li:hover li:hover a,
div#left ul li.iehover li.iehover li a:hover,



div#left ul li.iehover li.iehover li.iehover a {
  border-bottom: 1px solid #FEFAEB;
  background:#B3272E;
}

/* 4th Menu */
div#left ul li:hover li:hover li:hover li a,
div#left ul li.iehover li.iehover li.iehover li a {
  border-bottom: 1px solid #FEFAEB;
  color: #FEFAEB;
  background:#879900;
}

/* 4th Menu Hover */
div#left ul li:hover li:hover li:hover li a:hover,
div#left ul li.iehover li.iehover li.iehover li a:hover {
  border-bottom: 1px solid #FEFAEB;
  background:#B3272E;
}


div#left ul ul,
div#left ul ul ul,
div#left ul ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 19.5em;
}

div#left ul li{z-index:99 !important;}

/* Do Not Move - Must Come Before display:block for Gecko */
div#left ul li:hover ul ul,
div#left ul li:hover ul ul ul,
div#left ul li.iehover ul ul,
div#left ul li.iehover ul ul ul {
  display: none;
}

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



#right {
float:right;
width:18em;
padding:1.1em 0.3em 0 0;
}

#right {
float:right;
width:18em;
padding:1.1em 0.9em 0 0;
}
#right h3 {
float:left;
width:13.6em;
height:2.3em;
padding:0 0.7em;
margin-bottom:0.5em;
color:#FEFAEB;
text-transform:uppercase;
background:#4C6E9B url(../stat/right_h3_bg.gif) bottom no-repeat;
font: 1.2em/1.8em  verdana, Arial, Helvetica,sans-serif;
}
#right dl {
padding:0.9em;
color:#fff;
background:#879900;
font: 1.1em/1.4em  Arial,verdana,  Helvetica,sans-serif;
}

#pollArchives #center dl {
float:left;
width:260px;
margin:0 3.4em;
}

#ballot {
float:left;
margin:8px 0 0 0;
background: #879900;
padding:0 0 0 0;
width:194px;
padding:0;
}
#admin {float:left;width:194px;margin:8px 0 0 0;}
#left #ballot h3 {
margin:0;
height:2.3em;
color:#FEFAEB;
text-transform:uppercase;
background:#4C6E9B url(../stat/right_h3_bg.gif) bottom no-repeat;
font: 1.2em/1.8em  verdana, Arial, Helvetica,sans-serif;
}
p.ballotA {
clear:left;
}
p.ballotQ, p.ballotA {
margin: 0.5em 0 0 0.6em;
padding-left:2.8em;
color: #F3AA00;
width: 14em;
}
#pollArchives #center p.ballotQ {
float:left;
margin:1.5em 0 0 0;
width: 350px;
color:#000;
}

#left #ballot p.ballotQ {
background: url(../stat/ballot_q.gif) no-repeat 0 2px;
}

#left #ballot p.ballotA {
background: url(../stat/ballot_a.gif) no-repeat 0 2px;
height: 2.6em;
}

p.ballotA a:link {
background: #4C6E9B;
padding: 0.3em 0.9em;
color: #fff;
margin: 0.8em 0.1em 0 0;
float: left;
}

p.ballotA a:hover {
background: #F3AA00;
color:#666;
text-decoration:none;
}

dl#voting dt {
  padding:0.2em;
  color:#fff;
  font: 1.1em/1.2em  Arial,verdana,  Helvetica,sans-serif;
}
#pollArchives #center dl#voting dt {
  color:#000;
}
#left dl#voting {padding:0 10px 20px 10px;}


dl#voting dd { 
position: relative; /* IE is dumb */
width: 14em; 
border: 1px solid #003366; 
padding:0.2em;
background-image:none;  
z-index:1;  }

#pollArchives #center dl#voting dd {
width:24em;
}

dl#voting dd span { 
display: block;
position: relative;
background: #4C6E9B; 
text-align: center; 
color: #fff; 
height: 2em; 
line-height: 2em;            
}

#right img {margin:0 0 2px 0;}

/* Root = Vertical, Secondary = Vertical */
div#right ul,
div#right ul li,
div#right ul ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 18em; /*For KHTML*/
  list-style: none;
  z-index:100;  
}
div#right ul ul,div#right ul ul li {width:20em;height:auto;}
div#right ul {height:170px;margin: 0 0 8px 0;}

div#right ul li {
  display: block !important; /*For GOOD browsers*/
  float:left;
  height:29px;
  display: inline; /*For IE*/
  position: relative;
}
div#right ul li.reduced {height:28px;}

/* Root Menu */
div#right ul a {
  border-bottom: 1px solid #FEFAEB;
  padding: 0 6px 0 10px;
  display: block;
  color: #FEFAEB;
  font: bold 1.0em/28px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  background:#4C6E9B;
}
div#right ul .reduced a {line-height:27px;}

div#right ul #oneHull a {background:#879900;}
div#right ul #strategy a{background:#B3272E;}
div#right ul #hullNews a {background:#E45D0F;}
div#right ul #sayToday a {background:#F3AA00;}
div#right ul #yourCity a {background:#4C6E9B; }
div#right ul #lspHelp a {background:#879900;}

/* Root Menu Hover Persistence */
div#right ul a:hover, div#right ul li:hover a, div#right ul li.iehover a {
  border-bottom: 1px solid #FEFAEB;
  color: #FEFAEB;
  background:#4C6E9B;
}
div#right ul #sayToday a:hover {color:#666;}

div#right ul ul {border:1px solid #fff;}

/* 2nd Menu */
div#right ul li#oneHull:hover li a, div#right ul li#oneHull.iehover li a,
div#right ul li#strategy:hover li a, div#right ul li#strategy.iehover li a,
div#right ul li#hullNews:hover li a, div#right ul li#hullNews.iehover li a,
div#right ul li#sayToday:hover li a, div#right ul li#sayToday.iehover li a,
div#right ul li#yourCity:hover li a, div#right ul li#yourCity.iehover li a,
div#right ul li#lspHelp:hover li a, div#right ul li#lspHelp.iehover li a {
  border-bottom: none;color: #fff;font: normal 1.1em/2.75em Verdana, Arial, Helvetica, sans-serif;}
  
/* 2nd Menu Hover Persistence */
div#right ul li#oneHull:hover li a:hover, div#right ul li#oneHull:hover li:hover a, div#right ul li#oneHull.iehover li a:hover, div#right ul li.iehover li#oneHull.iehover a {background:#879900 url(../stat/left_sub_menu_bg.gif) right center no-repeat;}

div#right ul li#strategy:hover li a:hover, div#right ul li#strategy:hover li:hover a, div#right ul li#strategy.iehover li a:hover, div#right ul li.iehover li#strategy.iehover a {background:#B3272E url(../stat/left_sub_menu_bg.gif) right center no-repeat;}


div#right ul li#hullNews:hover li a:hover, div#right ul li#hullNews:hover li:hover a, div#right ul li#hullNews.iehover li a:hover, div#right ul li.iehover li#hullNews.iehover a {background:#E45D0F url(../stat/left_sub_menu_bg.gif) right center no-repeat;}

div#right ul li#yourCity:hover li a:hover, div#right ul li#yourCity:hover li:hover a, div#right ul li#yourCity.iehover li a:hover{background:#4C6E9B url(../stat/left_sub_menu_bg.gif) right center no-repeat;}

div#right ul li#lspHelp:hover li a:hover, div#right ul li#lspHelp:hover li:hover a, div#right ul li#lspHelp.iehover li a:hover, div#right ul li.iehover li#lspHelp.iehover a {background:#879900 url(../stat/left_sub_menu_bg.gif) right center no-repeat;}


/* 3rd Menu */
div#right ul li#yourCity:hover li:hover li a,
div#right ul li#yourCity.iehover li.iehover li a {
  color: #fff;
  background:#4C6E9B;
}

/* 3rd Menu Hover Persistence */
div#right ul li#yourCity:hover li:hover li a:hover,
div#right ul li#yourCity:hover li:hover li:hover a,
div#right ul li#yourCity.iehover li.iehover li a:hover,
div#right ul li#yourCity.iehover li.iehover li.iehover a {
  background:#4C6E9B url(../stat/left_sub_menu_bg.gif) right center no-repeat;
  color: #FFF;
}

/* 3rd Menu */
div#right ul li#hullNews:hover li:hover li a,
div#right ul li#hullNews.iehover li.iehover li a {
  color: #fff;
  background:#E45D0F;
}

/* 3rd Menu Hover Persistence */
div#right ul li#hullNews:hover li:hover li a:hover,
div#right ul li#hullNews:hover li:hover li:hover a,
div#right ul li#hullNews.iehover li.iehover li a:hover,
div#right ul li#hullNews.iehover li.iehover li.iehover a {
  background:#E45D0F url(../stat/left_sub_menu_bg.gif) right center no-repeat;
  color: #FFF;
}



div#right ul ul,
div#right ul ul ul,
div#right ul ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  right: 18em;
}
div#right ul ul ul,
div#right ul ul ul ul {
right:20em;
}

/* Do Not Move - Must Come Before display:block for Gecko */
div#right ul li:hover ul ul,
div#right ul li:hover ul ul ul,
div#right ul li.iehover ul ul,
div#right ul li.iehover ul ul ul {
  display: none;
}

div#right ul li:hover ul,
div#right ul ul li:hover ul,
div#right ul ul ul li:hover ul,
div#right ul li.iehover ul,
div#right ul ul li.iehover ul,
div#right ul ul ul li.iehover ul {
  display: block;

}
/*
===== =8: footers =====
*/
#wonderlandFooter {
clear:both;
padding:0 3.5em;
height:10.6em;
margin:0.9em 0 0 0;
background:#F3AA00;
}



#wonderlandFooter dl {
float:left;
width:18em;
border-left:1px solid #FEFAEB;
border-right:1px solid #FEFAEB;
}
#wonderlandFooter dd {
padding:0.6em 0.4em;
color:#003366;
font: bold 0.8em/1.6em verdana, Arial, Helvetica, sans-serif;
}
#wonderlandFooter dd a:link {color:#003366;}
#wonderlandFooter dd a:visited {color:#003366;}
#wonderlandFooter dd a:hover {color:#B3272E}
#wonderlandFooter dd a:active {color:#B3272E}

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

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

#footer span {
margin-left:125px;}


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

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 {
float:left;
width:195px;
height:50px;
} 
#genericForm fieldset.areas label {
float:left;
width:170px;
height:30px;
display:inline;
}
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: #4C6E9B;
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: 220px;
border: 1px solid #ddd;
}
/* #jumpForm select.short {
width:100px;
}*/
#jumpForm select{
margin:0 0 4px 0;
}
#genericForm legend {
font: 1.3em/1.8em Verdana, Arial, Helvetica, sans-serif;
color: #E45D0F;
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:left;
border:none;
margin-bottom:15px;
padding:5px;
}
#jumpForm label {
float:left;
font: 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif;
width:150px;
text-align:right;
padding-right:10px;
color: #4C6E9B;
padding-left: 3px;
margin:0 0 4px 0;
}
#jumpForm .submit {clear:left;display:block;float:right;}
/**********************************
register
***********************************/

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

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


p.loginJoin  a {
background: url(../stat/btn_login.gif) no-repeat 0 -4px;
float:left;
height:28px;
width:19.5em;
border-top:1px solid #FEFAEB;
}

p.loginJoin  a:hover {
background: url(../stat/btn_login.gif) no-repeat 0 -42px;
}


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

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

.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: #FAEFC8;}

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

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

/**********************************
sitemap
***********************************/
#center ul.sitemap {}
#center ul.sitemap, #center ul.sitemap ul, #center ul.sitemap ul ul {
color:#666;margin:0 0 0 20px;
font: bold 12px/13px Arial, Helvetica, verdana, sans-serif;
background:none;}

#center ul.sitemap ul, #center ul.sitemap ul ul {font: normal 11px/13px Arial, Helvetica, verdana, sans-serif;}

#center ul.sitemap ul li {list-style-type: circle;background:none;}
#center ul.sitemap li {list-style-type:square;background:none;padding:5px 0 0 0;}
#center ul.sitemap ul li ul li {list-style-type:none;background:none;}

#center ul.sitemap li a:link {color:#666;}
#center ul.sitemap li a:visited {color:#666;}
#center ul.sitemap li a:hover {color:#666;}
#center ul.sitemap li a:active {color:#666;}


/**********************************
siteadmin
***********************************/
#center p.sorry {padding:5px;text-align:center;font-weight:bold;border:1px solid #879900;background:#F5FFAE;}
/* Root = Vertical, Secondary = Vertical */

.adminLinks{
  text-align:right;	
  padding: 5px;
  border-top: 1px dashed #C1C1C1;
  border-bottom: 1px dashed #C1C1C1;
}
dl .adminLinks {
border:none;margin-bottom:0;}

p.add {text-align:right;}
p.add a:link {padding:6px 30px 6px 0;font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;background: url(../Siteadmin/stat/icon_add.gif) right no-repeat;}
p.add a:visited {padding:6px 30px 6px 0;background: url(../Siteadmin/stat/icon_add.gif) right no-repeat;}
p.add a:active {padding:6px 30px 6px 0;background: url(../Siteadmin/stat/icon_add.gif) right no-repeat;}
p.add a:hover {padding:6px 30px 6px 0;background: url(../Siteadmin/stat/icon_add.gif) right no-repeat;}

ul#memberNav {padding-top:10px;}

ul#memberNav,
ul#memberNav li,
ul#memberNav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 19.5em; /*For KHTML*/
  list-style: none;
}
ul#memberNav {
margin: 0;}

ul#memberNav ul {
border-top: 1px solid #FEFAEB;
border-left: 1px solid #FEFAEB;
border-right: 1px solid #FEFAEB;
}

ul#memberNav li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#memberNav a {
  border-bottom: 1px solid #FEFAEB;
  padding: 2px 6px 0 10px;
  display: block;
  color: #FEFAEB;
  font: bold 1.0em/2.4em Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  background:#4C6E9B;
}

/* Root Menu Hover Persistence */
ul#memberNav a:hover,
ul#memberNav li:hover a,
ul#memberNav li.iehover a {
  border-bottom: 1px solid #FEFAEB;
  color: #FEFAEB;
  background:#B3272E;
}

.adminLinks span, .gallery span {color:#B3272E;text-transform:uppercase;font-weight:bold;}

#center ul.contacts {
margin:5px 0;
}
#center ul.contacts li {
background:none;
}
#center ul.contacts li strong {
float:left;
width:230px;
}