/*** iPhone CSS ***/
/*** May 2010 ***/

#rightRail,
.refine,
#mainContent #help,
dd.link,
#pageFooter .left,
#pageFooter .right,
#pageFooter dl.agencylist,
#pageFooter dl.socialweb,
#pageFooter dl.blog,
#pageFooter dl.askri,
#pageFooter dl.iphone,
#pageFooter dl.webmakers, 
#openhelp,
#mainContent ul li.leadstory,
#mainContent ul li.widget,
#mainContent ul li.leadstory,
#mainContent ul li.widget.news,
#mainContent ul li#tabBox,
#mainContent ul li.media,
#mainContent ul li.communitygroups,
#mainContent ul li.local,
#mainContent ul li.transparency,
a.mobileversion,
a.textversion,
#topNav,
a.highvis,
.widgets,
.siteCategoryKey,
.pagination.top ul,
.breadCrumb,
#pageContainer #mainContent dd.linktype,
.toolbar

{display: none;}

#mainContent .results {margin: 0; border-left: none;}

#pageContainer .centercolumn #mainContent dl dt a {display: block; text-decoration: none; background: #ddd; -webkit-border-radius: 5px; color: #003a67; padding: .3em; border: 1px solid #ccc;}
#pageContainer .centercolumn #mainContent dl dt a:hover {background: #888; color: #fff;}
#header {margin: 0 0 1.5em 0;}

#mainContent.homepage ul li.topnews {width: 97%;-webkit-border-radius: 14px; padding-bottom: .4em;}

#mainContent.homepage ul li.topnews a {width: 97%;  -webkit-border-radius: 14px }

#mainContent .left, #mainContent .right, #mainContent .lightblueContent.left, #mainContent .lightblueContent.right {float: none; width: 92%;}

#mainContent .lightblueContent, #mainContent .lightgreyContent {-webkit-border-radius: 18px;}

#mainContent .lightblueContent h1, #mainContent .lightgreyContent h1 { -webkit-border-radius: 18px; padding: 0 1em;}

#header form{
	margin: 2em 0.5em 0 1.3em;
	position:relative; 
	top: 1.5em;
	float: none;
	left: 0;
	z-index: 50;
	color: #fff;
	height: auto;
	font-size: 12px;	
	width: 94%; 
	padding: 0;
	background: none;
	text-align: left;
}

#header button#gobutton {margin: 0; float: right; font-size: 2em; display: inline;  background: #003a67; color: #fff;  margin: 4px 0em 0 0; vertical-align: middle; -webkit-border-radius: 14px;  }
#header label span{position: absolute;  display: block; margin-left: -9999px; float: left; width: 320px; }

#header input#search {
	border: 3px solid #003a67;
	font-size: 2.3em;
	font-weight: normal;
	width: 76%;
	padding: .5em;
	margin: 0 0 .2em 0;
	color: #555;
	-webkit-border-radius: 14px;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.3);
}

input#search:focus {color: #003a67;}

#contentarea {margin: 0;}


#pageContainer #header h1 {margin: 0; text-align: center; margin: 0 auto; width: 100%:}
#pageContainer #header h1 a {
  display: block;
  background: none;
  background: #3E8DB3 url(/img/iphone/h1.png) 0% 50% no-repeat;
  color: #fff;
  font-size: 36px;
  margin: 0;
  padding: 1em 0 .3em 0;
  width: 100%;
  height: 110px;


 
}

.rightcolumn {display: none;}

#splashHeader h2 {display: none;}

#midground, #foreground {background: none;}

/*** Main Nav ***/

#mainNav {
	color: #fff;
	background: none;
	padding: 0;
	margin: 0 .5em;
	font-size: 1.2em;
	width: 74.5%;
	background: #777;
	border: 2px solid #222;
	min-width: none; 
	max-width: none;
	-webkit-border-radius: .5em;	
}

#mainNav ul {margin: 0; bottom: 0;}

#mainNav ul li {}

#contentarea {padding: 0; }

#mainNav ul li a {
	color: #fff;
	display: block; 
	text-align: left; 
	margin: 0; 
	background: none; 
 	text-decoration: none; 
	line-height: 1.6em;
	padding: 3px 0px 5px 23px; 
	margin: 0;
	border-bottom: 2px solid #fff;
	-webkit-border-top-left-radius: none;
	-webkit-border-bottom-left-radius: none;
}


.leftcolumn { width: auto; max-width: none; width: 100%; float: none;}

#mainContent .quickLinks {float: none; margin: 2em 0; width: 100%:}

#pageContainer.rex .lightblueContent .content, #pageContainer.info .lightblueContent .content,  #pageContainer.resource .lightblueContent .content, #pageContainer .lightblueContent.toolbox, #pageContainer .lightblueContent.rex,  #pageContainer.about .lightblueContent, #pageContainer.policies .lightblueContent {
	margin-left: 0;
}

#pageContainer #mainNav li div a span {color: #fff; display: block;}

#pageContainer #mainNav li a {padding: .65em;}

#pageContainer.home #mainNav li.home a span,#pageContainer.services #mainNav li.services a span,#pageContainer.guide #mainNav li.home a span,#pageContainer.government #mainNav li.government a span,#pageContainer.resident #mainNav li.resident a span,#pageContainer.business #mainNav ul li.business a span,#pageContainer.visit #mainNav li.visit a span,#pageContainer.towns #mainNav li.towns a span,#pageContainer.information #mainNav li.information a span,#pageContainer.help #mainNav li.help a span
{color: #fff; background-image: none; font-weight: bold;}

#pageContainer.home a {text-decoration: none;}

#pageContainer #mainNav ul li a:hover {color: #f70; background: none; }

#pageContainer.home #mainNav li.home a, #pageContainer.home #mainNav li.home a:hover,	
#pageContainer.services #mainNav li.services a, #pageContainer.services #mainNav li.services a:hover,	
#pageContainer.guide #mainNav li.home a, #pageContainer.guide #mainNav li.home a:hover,	
#pageContainer.government #mainNav li.government a, #pageContainer.government #mainNav li.government a:hover,	
#pageContainer.resident #mainNav li.resident a, #pageContainer.resident #mainNav li.resident a:hover,	
#pageContainer.business #mainNav li.business a, #pageContainer.business #mainNav li.business a:hover,	
#pageContainer.visit #mainNav li.visit a, #pageContainer.visit #mainNav li.visit a:hover,	
#pageContainer.towns #mainNav li.towns a, #pageContainer.towns #mainNav li.towns a:hover,	
#pageContainer.information #mainNav li.information a, #pageContainer.information #mainNav li.information a:hover,	
#pageContainer.help #mainNav li.help a, #pageContainer.help #mainNav li.help a:hover,	
#mainNav a.navSelected, #mainNav a.navSelected:hover 
{color: #fff; background: rgba(0,0,0,.4) url(/img/iphone/downarrow.png) 98% 40% no-repeat;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
padding: .65em;
border-left: none;
margin: 0;
}	


#pageContainer.towns #mainNav li.towns a {-webkit-border-bottom-left-radius: .5em;}
#pageContainer.home #mainNav li.home a {-webkit-border-top-left-radius: .5em; -webkit-border-top-right-radius: .5em; border-color: #194b80;}


#pageContainer.home #mainNav li.home, #pageContainer.services #mainNav li.services , #pageContainer.guide #mainNav li.home , #pageContainer.government #mainNav li.government, 
#pageContainer.resident #mainNav li.resident , #pageContainer.business #mainNav li.business , #pageContainer.visit #mainNav li.visit , #pageContainer.towns #mainNav li.towns, 
#pageContainer.information #mainNav li.information , #pageContainer.help #mainNav li.help  
{background: none; }

#pageContainer.home #mainNav li.home div, #pageContainer.services #mainNav li.services  div, #pageContainer.guide #mainNav li.home  div, #pageContainer.government #mainNav li.government  div, #pageContainer.resident #mainNav li.resident  div, #pageContainer.business #mainNav li.business  div, #pageContainer.visit #mainNav li.visit  div, #pageContainer.towns #mainNav li.towns  div, #pageContainer.information #mainNav li.information  div, #pageContainer.help #mainNav li.help  div 
{background: none;}

#mainNav li, #mainNav ul {list-style-type: none; margin: 0; padding: 0;}

#pageContainer.search .darkblueContent div {display: none;}
#pageContainer.search .darkblueContent ul li a {background: #eee; -webkit-border-radius: .5em; display: block; padding: .5em; margin: 0;}
#pageContainer.search .darkblueContent ul li {margin-bottom: 1em; list-style-type: none; margin: 1em 0;}

.widgets {display: none;}

.pagination {border-top: none;}
.pagination.top {float: none;}
.pagination div {float: none; width: 80%;}

#pageContainer {width: 100%; margin: 0; padding: 0; max-width: none; overflow: hidden;}
#wrapper2 {background: none;}


#pageContainer, #contentarea  {max-width: none; width: 70%; min-width: none; }
#header {width: 100%;  max-width: none;}
#pageContainer .centercolumn {width: 75%; margin: 0; -webkit-box-shadow: none; min-width: none; max-width: none;}
#pageContainer {font-size: 200%;}
#mainContent {font-size: 130%; margin: 0 .5em}
#mainContent .linkblock {-webkit-border-radius: 12px; -webkit-box-shadow: none;}
#mainContent .description {padding: .5em .2em;} 

#pageFooter {/* background: none;  width: 720px;*/ width: 760px; background: #3B80AC;   float: none; display: none;}
#pageFooter .contentfooter {background: none; margin:0; padding: 0; width: 100%;}


#pageFooter dl.about {width: 780px; border: 2px solid purple;}

#pageFooter dl {margin: 0; padding: 0; float: none; float: none;}
#pageFooter .contentfooter .leftlist {float: none; width: 100%; margin: 0;}
#pageFooter .contentfooter dl a {text-decoration: none; padding-left: 1em;}
#pageFooter dl.about {float: none; margin: 0; font-size: 42px; width: 100%;}
#pageFooter .contentfooter dl dt {padding: 1em .8em 0 .8em;}