/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

NAME: Shoreline.css
DATE: 07/13/2005
DESCRIPTION: general styles for Shoreline Website

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~ BODY / DIV / PAGE CONTAINER STYLES ~~~~~~~~ */

body {
	margin-top: 0px;
	background: #3E4955;
	text-align: center;
}

#whole { 
	width: 750px;
	margin: 0px auto;
	text-align: left;
	background: #3E4955;
}

/* ~~~~~~~~~~~~~~~~~ HEADING ~~~~~~~~~~~~ */

/* Establishes default type face for website */ 
a, div, h1, h2, h3, h4, input, li, p, table, textarea, address {
	font-family: verdana, arial, helvetica, sans-serif;
}

h3, h4, p, li, table, input, textarea, address { 
	color: #313C40;
	font-size: 11px; 
}

li {
	line-height: 15px;
	/*margin: 0px 10px 3px 0px;*/
}

b, strong, th, span.fadetext {
	color: #333333;
}

h2, h3, h4, h5, p, address {
	margin: 0;
	padding: 10px 10px 0 10px;
}

p.graphic {
	padding: 10px;
	font-size: 10px;
}

h1 {
	margin: 0;
	padding: 8px 0 0 10px;
	letter-spacing: 1px; 
	font-size: 16px;
	font-weight: bold;
}

h2 { 
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
}

h2.top { margin: 0px; }

h3 { 
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
}

h4, h5 {
	font-size: 11px;
	font-weight: bold;
}

p, address {
	line-height: 15px;
}

address { font-style: normal; }

b.red, strong.red { color: #f03f35; }

.sidenote {
	padding: 10px 15px 0 20px;
	font-size: 10px;
}

.home p {
	color: #F3F1F1;
}

div.clearer { 
	clear: both; 
	background: transparent; 
	line-height: 0;
	height: 10px;
} 

/* ~~~~~~~~~~~~~~~~ HYPERLINK STYLES ~~~~~~~~~~~~~~~~~ */

a, a strong {
	color: #4F78A1;
}

a:hover {
	color: #FFFFFF;
	background: #4F78A1;
	text-decoration: none;
}

a:visited {
	color: #689ED4;
}

a:visited:hover {
	color: #FFFFFF;
}

p.graphic a:hover { 
	background: #FFFFFF;
}

/* ~~~~~~~~~~~~~~~~~~  HEADER  ~~~~~~~~~~~~~~~~~~~~~ */

#top {
	width: 750px;
	background: #3E4955;
	height: 40px;
}

#top img {
	float: left;
}

#graphic {
	float: left;
	width: 750px;
	margin: 0;

}


/* ~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~ */

#contents {
	float: left;
	width: 750px;
	padding-bottom: 20px;
	background: url(../images/footer.gif) #FFFFFF bottom no-repeat;
}

#contents.topbar {
	border-top: 10px solid #dddddd;
	padding-top: 20px;
} 

#contents-404 {
	width: 500px;
	margin-left: 50px;
} 

#contents-title {
	float: right;
	width: 550px;
}

#dotgraphicshort, #dotgraphiclong, #dotgraphicmini {
	float: right;
	height: 40px;
	width: 550px;
}

#dotgraphicshort img, #dotgraphiclong img, #dotgraphicmini img { padding: 0px 0px 0px 10px; }

#contents-center ul, #contents-right ul, #contents-main ul, #contents-side ul, #contents-half ul { 
	margin-top: 10px;
	margin-bottom: 0px;	
 }

#contents-center ul ul, #contents-right ul ul, #contents-main ul ul, #contents-side ul ul, #contents-half ul ul { margin: 3px 0px 0px 0px; }


#contents-center {
	float: lezft;
	width: 340px;
}

#contents-right {
	float: right;
	width: 210px;
}

#contents-main {
	float: left;
	width: 380px;
}

#contents-pressroom {
	float: left;
	width: 539px;
}


#contents-main p.fit{
	float: left;
	margin-right: 30px;
}

#contents-side {
	float: right;
	width: 170px;
}

#contents-side p, #contents-side li, #contents-side table, #contents-side input, #contents-side textarea, #contents-side b, #contents-side strong, #contents-side address, #contents-right p, #contents-right li, #contents-right table, #contents-right input, #contents-right textarea, #contents-right b, #contents-right strong, #contents-right address {
	color: #8A8A8A;
}

#contents-side .title {
	color: #2C9FBC;
	font-weight: bold;
}

#contents-whole {
	float: left;
	width: 530px;
}

/* ~~~ Content Block Sub-Navigation ~~~ */

#leftNav {
	float: left;
	margin-top: 34px;
	width: 200px;
}
#leftNav a, #leftNav b {
	margin: 0 10px 0 10px;
	padding: 4px 0 5px 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
}
#leftNav .selected {
	font-weight: bold;
}
#leftNav .indent a, #leftNav .indent b {
	background: transparent;
	padding-left: 30px;
}
#leftNav .indent a:hover {
	background: transparent;
	text-decoration: underline;
}

/* Hide This Rule From IE5/MAC */ /* \*/
#contents-nav ul.indent, #contents-nav ul.indent li { float: none; } /* NN6/MAC Overlap Fix */

#contents-nav ul.indent a, #contents-nav ul.indent b {
	background: transparent;
	width: 150px;
	padding-left: 10px;
	margin-left: 20px;
}

#contents-nav ul.indent a:hover {
	background: transparent;
	text-decoration: underline;
}

/* ~~~ Footer ~~~ */

#footer {
	float: left;
	width: 742px;
	border: 0;
	padding: 3px  0 0 8px;
	color: #9DB7D9;
	background: #3E4955;
	font-size: 10px;
}

#footer a {
	color: #F3F1F1;
	font-size: 10px;
	text-decoration: none;
}

#footer a:hover {
	color: #544C49;
	background: #F3F1F1;
}


/* ~~~~~~~~~~ HOMEPAGE ~~~~~~~~~~~~~~~~ */

#top-home {
	float: left;
	width: 750px;
	background: #627387;
	height: 50px;
}
#messagehighlight {
	float:right;
	font-family:Century Gothic;
	padding:15px 40px 0 0;
	color:#FFF;
	font-size:18px;
	font-weight:none;
}

#top-home img {
	float: left;
	margin: 0; /*IE5/MAC Position FIx*/
}

#graphic-home {
	position:relative;
	float: left;
	width: 750px;
	margin: 0; /*IE5/MAC Position FIx*/
}


#contents-home {
	float: left;
	width: 750px;
	background: #3E4955;
	text-align: left;
}

#contents-home p {
	margin: 0;
	padding: 5px 10px;
	font-size: 10px;
}

#contents-home a, #contents-home a strong {
	color: #F3F1F1;
	font-size: 10px;
	text-decoration: none;
}

#contents-home div.title a {
	display: block;
	background: url(../images/homehead.gif) no-repeat;
	height: 19px;
}

#contents-homeleft {
	float: left;
	margin-top: 10px;
	width: 470px;
	background: #3E4955;
}

#contents-homenews, #contents-homeevents {
	float: left;
	width: 455px;
	margin-right: 15px;
	background: #627387;
}

#contents-homeside {
	float: right;
	width: 280px;
	margin-top: 10px;
	background: #3E4955;
}

#contents-homeside a {
	float: left;
	background: url(../images/newspaper.gif) no-repeat;
	height: 44px;
}

#footer-home {
	clear: both;
	float: left;
	width: 445px;
	padding: 20px 10px 0 0;
	color: #F3F1F1;
	background: #3E4955 url(../images/homecornerbar.gif) no-repeat left top;
	font-size: 10px;
	text-align: left;
	height: 20px;
}

#footer-home a {
	color: #F3F1F1;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
}

#contents-home a.events:hover, #contents-home a:hover strong, #footer-home a:hover {
	color: #544C49;
	background: #F3F1F1;
}

body.home a:hover {
	background: #F3F1F1;
}

#contents-news div.title a {
	background-position: 0 0;
}

#contents-homenews div.title a:hover {
	background-position: 0 -19px;
}

#contents-homeevents div.title a {
	background-position: -220px 0;
}

#contents-homeevents div.title a:hover {
	background-position: -220px -20px;
}

#contents-homeside a.newspaper {
	width: 279px;
}

#contents-homeside a.newspaper:hover {
	background-position: 0 -44px;
}

#contents-homeside a.center {
	margin-left: 3px;
	width: 172px;
	background-position: -104px 0;
}

#contents-homeside a.center:hover {
	background-position: -104px -22px;
}

#contents-home .title strong, #contents-homeside strong {
	visibility: hidden;
}

ul.hangingIndent {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}
ul.hangingIndent li {
	margin: 0;
	padding: 0 0 0 10px;
	text-indent: -10px;
}