/* -----  Piers base style sheet   --------    */


@import "reset.css";
@import "type.css";
@import "grid.css";


/* Midtown Pier Colors

Blue: #002C53;
Light Blue: #396B91;
Tan: #7A6E67;
pantone green: #5E6E66;

*/

/* ›››   TEXT STYLES --- important stuff   ‹‹‹ */

strong {font-weight: bold;}

a {text-decoration: none;
	color: #396B91;}
	
	a:hover {text-decoration: none;
		color: #002C53;}

p {
	font-size: 1.2em;
	font-weight: normal;
	color: #333;
	font-family: helvetica, arial, sans-serif;
	line-height: 19px;
}

p a {
	color: #000;
	text-decoration: underline;
	border: 0px;
}

p a:hover {
	color: #00a3e4;
	text-decoration: underline;
	border: none;
}

h1 {
	font-size: 2.4em;
	line-height: 27px;
	font-weight: normal;
	color: #111;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	margin: 10px 0px;
	padding: 0px 0px 5px 0px;
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 22px;
	color: #333;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	margin: 10px 0px;
	padding: 0px;
	border-bottom: 1px solid #ccc;
}

h3 {
	font-size: 1.4em;
	line-height: 21px;
	font-weight: normal;
	color: #0069aa;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
}

h3 a {
	color: #0069aa;
	text-decoration: underline;
	}
	
h3 a:hover {color: #00a3e4;text-decoration: underline}

h4 {
	font-size: 1.4em;
	text-transform: uppercase;
	line-height: 21px;
	font-weight: normal;
	color: #333;
	font-family: 'helvetica neue', arial, sans-serif;
}

h5 {
	font-size: 1.4em;
	line-height: 19px;
	font-weight: bold;
	color: #333;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
}

h6 {
	padding: 10px 15px;
	margin: 0px;
	border: 1px solid #ccc;
	background-color: #eee;
	color: #333;
	font-family: Georgia, "trebuchet MS", "times new roman", serif;
	font-size: 1.6em;
	line-height: 22px;
}

a.vcard {
	border: 0px;
	background-image: url(../_images/vcard.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 3px 0px 3px 23px;
}

a.vcard:hover {
	border: 0px;
}




/* -------  lists -------- */

ul {
	list-style: none;
}

ul li {
	font-size: 1.2em;
	font-weight: normal;
	color: #333;
	font-family: helvetica, arial, sans-serif;
	line-height: 18px;
	background-image: url(../_images/square.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 10px 12px;
}

	ul li a {
		color: #0069aa;
		text-decoration: underline;
	}

	ul li a:hover {
		color: #00a3e4;
		text-decoration: underline;
	}
	
		ul li ul {
			margin: 5px 0px 15px 0px;
			
		}
		
		ul li ul li {
			font-size: 0.9em;
			background-image: url(../_images/dash.gif);
			background-repeat: no-repeat;
			background-position: 0px 5px;
		}
	
	
ol {
	margin: 0px;
	padding: 4px 0px;
}

ol li {
	font-size: 1.2em;
	font-weight: normal;
	color: #333;
	font-family: helvetica, arial, sans-serif;
	line-height: 15px;
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 10px 26px;
}

	ol li a {
		color: #000;
		border-bottom: 1px solid #ccc;
	}

	ol li a:hover {
		color: #ba232c;
		border-bottom: 1px solid #ba232c;
	}	
	
	
blockquote {
	margin-bottom: 40px;
	}	

blockquote p {
	margin: 0px 0px 10px 0px;
	color: #555;
	background-image: url(../_images/openquote.gif);
	background-repeat: no-repeat;
	font-family: Georgia, "trebuchet MS", "times new roman", serif;
	font-size: 1.4em;
	line-height: 21px;
	padding-left: 36px;
	padding-bottom: 0px;
}

	blockquote p em {
		display: block;
		color: #00a3e4;
		font-family: "helvetica neue", helvetica, arial, sans-serif;
		font-size: 0.9em;
		line-height: 15px;
		margin: 5px 0px 0px 0px !important;
		padding: 0px !important;
	}





dd {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	font-family: helvetica, arial, sans-serif;
	line-height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

dt {
	font-size: 1.2em;
	font-weight: normal;
	color: #666;
	font-family: helvetica, arial, sans-serif;
	line-height: 15px;
	margin: 4px 0px 14px 0px;
	padding: 0px;
}








/* -------------- site specifics --------------- */

div#contentarea h2 a {
	color: #000;
	}
	
div#contentarea h2 a:hover {
	color: #ba232c;
	}

div#homepromocopy h1 {
	font-size: 3.6em;
	font-weight: normal;
	color: #222;
	margin: 0px;
	padding: 0px;
}

div#homepromocopy h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #222;
	margin: 15px 0px;
	padding: 0px;
	border: 0px;
}

div#homepromocopy h3 {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 18px;
	color: #333;
}

div#homenews h2, div#homeevents h2 {
	font-size: 1.5em;
	font-weight: normal;
}

div#homenews h2 a, div#homeevents h2 a {
	color: #00a3e4;
}

div#homenews h2 a:hover, div#homeevents h2 a:hover {
	color: #000;
}

div#homeevents h2 {
	text-align: right;
	}
	
div#homenews ul, #homeevents ul {
	margin: 0px 0px 6px 0px;
	padding: 0px;
}

div#homenews ul li, #homeevents ul li {
	line-height: 16px;
	margin: 0px;
	padding: 4px 0px;
	background: none;
}

div#homenews ul li a, #homeevents ul li a {
	border: none;
	color: #000;
}

div#homenews ul li a:hover, #homeevents ul li a:hover  {
	color: #0069aa;
}

div#homeevents p {line-height: 17px;color: #333}

div#homenews p a, #homeevents p a {
	color: #333;
	padding-left: 11px;
	border: none;
	background-image: url(../_images/arrows.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

div#homenews p a:hover, #homeevents p a:hover {
	color: #000;
}




/* float box stylings */

div#floatbox a {
	border: none;
	}

div#floatbox h2 {
	font-weight: normal;
	text-align: right;
	border-bottom: 12px solid #f2f2f2;
}

div#floatbox h2 a {
	color: #00a3e4;
	}
	
	div#floatbox h2 a:hover {
	color: #000;
	}

	div#floatbox ul {
		list-style: none;
		text-align: right;
	}
	
		div#floatbox ul li {
			line-height: 16px;
			background: none;
		}
		
		div#floatbox ul li a {
			color: #333;
		}
		
		div#floatbox ul li a:hover {
			color: #00a3e4;
			border: none;
		}
	
	div#floatbox p {
		font-weight: normal;
		text-align: right;
		line-height: 18px;
	}
	div#floatbox .promo p{
		text-align:left;
	}
	
	div#floatbox p a {
		background-color: #e8f8ff;
		color: #00a3e4;
		border: 0px;
		padding: 2px 5px;
		text-decoration: none;
	}
	
	div#floatbox p a:hover {
		background-color: #0069aa;
		color: #fff;
		border: 0px;
		padding: 2px 5px;
	}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	zoom: 1;
}