/* Start of CMSMS style sheet 'City - HomePage' */
@charset "utf-8";

* {
	margin:0;
	padding:0;
}

body {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75.01%;
	line-height:1.6em;
}

div {
	font-size: 1em;
}

img {
	border: 0;
}

a, a:link a:active {
	text-decoration: none;
	background-color: inherit;
	color: #18507C;
}

a:visited {
	text-decoration: none;
	background-color: inherit;
	color: #18507C;
}

a:hover {
	text-decoration: none;
	color: #385C72;
}

a.quite, a.quite:link, a.quite:active, a.quite:visited {
	color: inherit;
	text-decoration: none;
}

#main ul {
	margin-left:35px;
}

#main ol {
	margin-left:35px;
}

#main p {
	line-height:1.5em;
	text-align:justify;
}

h1 {
	font-size:1.8em;
	color:#4879AB;
	font-weight:normal;
	line-height:1em;
	margin-bottom:.5em;
}

h2 {
	color:#9B790F;
	font-weight:normal;
	font-size:1.6em;
	line-height:1em;
	margin-bottom:.5em;
}

h3 {
	color:#9B790F;
	font-weight:normal;
	font-size:1.4em;
	line-height:1em;
	margin-bottom:.5em;
}

/*****************
basic layout 
*****************/
body {
	background-color: #ffffff;
	color: #333333;
	margin:0 auto;
}

div#pagewrapper {
	margin: 0px auto;
	width:970px;
	background-color: #fff;
	color: black;
}

div#main_home {
	margin:20px 0 0;
}

div#header {
	height: 166px;
	background: #ffffff url(images/homepage/header.jpg) no-repeat 0 0;
	position:relative;
}

div#header h1 a {
	display:block;
	height: 166px;
	width:225px;
	text-indent: -999em;
	text-decoration:none;
}

div#header h1 a:hover {
	background:transparent;
}

div#coastguard {
	position:absolute;
	top:23px;
	left:190px;
	width: 221px;
}

div#coastguard img {
	position:absolute;
	right:0px;
	top:2px;
	margin:0 5px 5px 0;
}

div#coastguard p {
	color:#0501A5;
	font-size:1.8em;
	line-height:1.2em;
}

div#search {
	clear:both;
	position:relative;
	top:30px;
	padding-left:4px;
}

div#search input.searchbox {
	background:url(images/homepage/searchbox.jpg) repeat-x top center #ffffff;
	border:1px solid #dec477;
	padding:3px 3px 4px 3px;
	color:#9B790F;
}

div#search input.submit {
	background:url(images/homepage/searchbutton.jpg) repeat-x top center #dec477;
	border:1px solid #dec477;
	text-align:center;
	height:25px;
	width:60px;
	text-transform:uppercase;
	font-size:.9em;
	font-weight:bold;
	color:#ffffff;
	position:relative;
	left:-4px;
}

div#latest_news {
	position:absolute;
	top:23px;
	left:473px;
	width:270px;
	height:125px;
	overflow:hidden;
}

div#latest_news h2 {
	color:#9b790f;
	font-weight:normal;
	font-size:1.5em;
	margin:0;
	margin-bottom: 8px;
}

div#latest_news p {
	font-size:.8em;
	color:#b68b08;
}

div#latest_news .NewsSummaryMorelink {
	text-align:right;
	padding-top:5px;
}

div#latest_news .NewsSummaryMorelink a:link, div#latest_news .NewsSummaryMorelink a:active, div#latest_news .NewsSummaryMorelink a:visited {
	color:#9b790f;
	font-size:.9em;
}

div#latest_news .NewsSummaryMorelink a:hover {
	color:#000000;
}

div#events {
	position:absolute;
	top:15px;
	left:772px;
}

div#events img {
	margin-bottom: 6px;
}

div#footer {
	margin-top:10px;
	line-height:1.4em;
	color:#b68b08;
	clear:both;
	text-align:center;
	font-size:.8em;
	padding:15px 0 80px 0;
	background:url(images/homepage/footerbg.jpg) top center no-repeat;
}

.error {
	color: red;
}

div#menuwrapper {
	padding-left: 15px;
}

#landing_home {
        padding-left: 40px;
}

div#landing_home li {
	list-style-type:none;
}

div#landing_home li.menuparent {
	text-align:center;
	font-size:16px;
	margin-top:15px;
}

div#landing_home #primary-nav li.menuparent a.menuparent {
	display: none;
	font-size:12px;
	line-height:14px;
}

div#landing_home li.menuparent ul {
	margin:15px 15px 0 15px;
}

div#landing_home li.menuparent li {
	text-align:left;
	font-size:12px;
}

div#landing_home li.menuparent li.menuparent {
	margin:0px;
}

div#landing_home #primary-nav li.menuparent li.menuparent a.menuparent {
	font-size: 10px;
	line-height: 12px;
	color:#333333;
}

div#landing_home #primary-nav li.menuparent li.menuparent a:hover {
	color:#000000;
	text-decoration:none;
}

div#landing_home li.menuparent a:link, div#landing_home li.menuparent a:active, div#landing_home li.menuparent a:visited {
	color:#333333;
	font-size:10px;
	line-height: 12px;
	text-decoration:none;
}

div#landing_home li.menuparent a:hover {
	color:#000000;
	text-decoration:underline;
}

div.landing {
	height:398px;
	width:220px;
	float:left;
	margin:10px 8px;
}

p.home_menu {
	padding: 50px 0 0 15px;
}

#one {
	background:url(images/homepage/residents_up.jpg) no-repeat top center;
}

div#one_on {
	background:url(images/homepage/residents_down.jpg) no-repeat top center;
}

div#landing_home div#one.landing h2 {
	color:#4879ab;
}

#two {
	background:url(images/homepage/recreation_up.jpg) no-repeat top center;
}

div#two_on {
	background:url(images/homepage/recreation_down.jpg) no-repeat top center;
}

div#landing_home div#two.landing h2 {
	color:#ffffff;
}

#three {
	background:url(images/homepage/city_services_up.jpg) no-repeat top center;
}

div#three_on {
	background:url(images/homepage/city_services_down.jpg) no-repeat top center;
}

div#landing_home div#three.landing h2 {
	color:#ffffff;
}

#four {
         width: 160px;
}

#four img {
	margin: 0 0 5px;
}

div#landing_home div#four.landing h2 {
	color:#ffffff;
}

/* The Magic */
#landing_home ul {
	display:none;
}

div#one_on ul, div#two_on ul, div#three_on ul {
	display:block;
}

/*****************/
/* Menu Section  */
/*****************/

#menu {
	background:url(images/homepage/menubg.jpg) no-repeat top center;
	padding:13px;
	font-size:11px;
	height:16px;
	overflow:hidden;
}

#menu a:link, #menu a:active {
	text-decoration:none;
	color:#18507C;
}

#menu a:visited {
	text-decoration:none;
	color:#333333;
}

#menu a:hover {
	text-decoration:underline;
}

#menu li {
	display:inline;
	list-style-type:none;
	padding:0 10px;
	border-right: 1px solid #bce2f4;
}

#menu h3 {
	display:inline;
	font-size:12px;
	font-weight:normal;
	color:#666666;
}

/* End of 'City - HomePage' */