/* Global Styles --------------------------------------------------------- */
* { margin: 0px; padding: 0px; }

body {
	margin: 0px;
	padding: 0px;
	color: #333;
	background: url(images/pageBg.jpg) center repeat-y #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#pageWrapper {
	display: block;
	margin: 0px auto;
	width: 750px;
	min-height: 660px;
}
img { border: none; }

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 { margin: 10px 0px; }

/* Header ---------------------------------------------------------------- */
#headerWrapper {
	display: block;
	width: 750px;
	height: 350px;
	background: url(images/c2c_header.jpg) no-repeat;
}

#capital2Coast {
	float: left;
	margin: 15px;
}

#headerTitle {
	display: block;
	float: left;
	margin: 47px 0px 20px 0px;
	width: 401px;
	height: 212px;
	}
	
#headerTitle a {
	display: block;
	float: left;
	width: 154px;
	height: 25px;
	text-indent: -900em;
	background-image: url(images/capital2coast.png);
	background-repeat: no-repeat;
}

#headerMenu {
	display: block;
	clear: both;
	margin: 0 auto; text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
}

#headerMenu ul {
	margin: 0 auto;
	padding: 0px;
	list-style: none;
	display: inline;
	text-align: center;
}

#headerMenu ul li {
	display: inline;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #fff;
}

#headerMenu ul li a {
	display: inline;
	width: 100px;
	color: #fff;
	text-decoration: none;
}
#headerMenu ul li.first {
	padding-left: 0px;
	margin: 0px;
}
#headerMenu ul li.last {
	border-right: none;
	padding-right: 0px;
}

#headerMenu ul li a:hover {
	text-decoration: underline;
}
#subNavigation { margin-left:52px; margin-top: 10px }
#subNav {
	margin: 0 auto;
	padding: 7px 6px 0;
	background: repeat-x 0 -110px;
	line-height: 100%;
}
#subNav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#subNav a {
	font-weight: bold;
	color: #019fc5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;

	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#subNav a:hover {
	background: #000;
	color: #fff;
}

/* main level link hover */
#subNav .current a, #subNav li:hover > a {
	background: #666 url(images/gradient.png) repeat-x 0 -40px;
	color: #444;
	border-top: solid 1px #f8f8f8;
	cursor: default;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);

	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#subNav ul li:hover a, #subNav li:hover li a {
	background: none;
	border: none;
	color: #666;
	cursor: pointer;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#subNav ul a:hover {
	background: #019fc5 url(images/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#subNav li:hover > ul {
	display: block;
}

/* level 2 list */
#subNav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #ddd url(images/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#subNav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#subNav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#subNav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#subNav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#subNav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#subNav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#subNav {
	display: inline-block;
} 
html[xmlns] #subNav {
	display: block;
}
 
* html #subNav {
	height: 1%;
}


/* Main Content ---------------------------------------------------------- */	
#mainContentWrapper {
	display: block;
	width: 750px;
	min-height: 378px;
	background-color: #fff;
	font-size: 0.85em;
	}
	
#mainContentWrapper a {
	color: #059dc6;
	}

#mainContentLeft {
	display: block;
	float: left;
	width: 348px;
	text-align: center;
	padding-top: 20px;
	}
	
#mainContentRight {
	display: block;
	float: left;
	width: 300px;
	padding: 20px 50px 20px 50px;
	}
	
#mainContentRight h1 {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #333;
	}
#mainContentRight h2 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #333;
	}
	
#mainContentRight h3, #mainPhoto h3 {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: 10px;
	}
	
#mainContentRight h4 {
	font-size: 1em;
	line-height: 1.3em;
	}

#mainContentRight h5,
#mainContentRight h6 {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.3em;
	}
	
#mainContentRight p {
	line-height: 1.3em;
	}
#mainContentRight li {
	padding-bottom: 0.4em;
	}

/* End of CSS ----------------------------------------------------------- */