/* @override http://www.coronationinsurance.com/css/coron_stylesheet.css */

/* 
Client:			Coronation Insurance 				
Created by: 	Hurricane Web Publishing 
website:		http://www.hurricaneweb.net			
Last update: 	2006.09.06 				

Feel free to look around and borrow as I have. Please don't steal.				
*/

/* =CSS Browser Reset by Eric Meyer http://www.meyerweb.com
------------------------------------------------------------*/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */

/* Margin, padding, font size, weight, style, family, align reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

/* Table reset*/
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* List reset */
ol, ul {
	list-style: none;
}

/* Quote & blockquote reset */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Class for clearing floats */
.clear {
	clear: both;
	}

/* End browser reset */


body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(img/dot_background.gif);
}


a:link,
a:visited {
	color: #003399;
	font-weight: bold;
	}

a:hover,
a:active {
	color: #FFD401;
	text-decoration: none;
	}
	
#main-body {
	float: left;
	width: 617px;
}

#content {
	float: right;
	width: 410px;
	margin-bottom: 5px;
	position: relative;
	}
	
#masthead {
	margin: 0;
	padding: 0;
	height: 115px;
	}
	
	
/* Coronation Logo */

#content h1 {
	margin: 0;
	position: absolute;
	top: 30px;
	left: 0px;
	background-image: url(img/coronation_logo.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	width: 410px;
	height: 85px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #003399;
	z-index: 1;
	text-indent: -9000px;
}

/* Gray separator bar */

#grayBar {
	background-color: #DDDDDD;
	margin: 5px 0 0 0;
	padding: 0;
	height: 30px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #999999;
}

/* Main content area */

#mainContent {
	margin: 5px 0 0 0;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #D4D4D4;
	padding: 10px 40px 10px 10px;
	background-color: #F3F3F3;
}

#feature {
	background-color: #FFFFFF;
	padding: 9px;
	border-width: 2px;
	border-style: solid;
	border-color: #D4D4D4;
	margin: 0;
}
	
body#home div#feature h2 {
	text-indent: -9999px;
	background: url(img/what-we-do.gif) -9px;
	height: 40px;
	width: 200px;
}

body#about div#feature h2 {
	text-indent: -9999px;
	background: url(img/about_us.gif) -9px;
	height: 40px;
	width: 200px;
}

body#contact div#feature h2 {
	text-indent: -9999px;
	background: url(img/contact_us_head.gif) -9px;
	height: 40px;
	width: 200px;
}

body#commercial div#feature h2 {
	text-indent: -9999px;
	background: url(img/commercial_insurance_head.gif) -9px;
	height: 40px;
	width: 260px;
}

body#marine div#feature h2 {
	text-indent: -9999px;
	background: url(img/marine_insurance_head.gif) -9px;
	height: 40px;
	width: 200px;
}

	
#feature h2 strong {
	color: #FFD401;
	}
	
#feature p {
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 1.6em;
}


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

#feature ul {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 1.5em;
	margin: 10px 0px 0px 20px;
	padding: 0;
}

#feature li {
	margin: 5px 0 0 0;
}

#feature h3 {
	font-size: 20px;
	font-weight: normal;
	color: #333333;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 1.6em;
	font-weight: bold;
	}

.locations {
	position: relative;
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: solid;
	border-color: #D4D4D4;
	margin: 5px 0 0 0;
	min-height: 204px;
 	height:auto !important;
	height: 204px;
	/*padding: 9px 200px 9px 9px;*/
	/*height: 20.5em;*/
	}

.map {
	margin: 0;
	position: absolute;
	top: 9px;
	left: 160px;
	width: 185px;
	height: 186px;
}

.locInfo {
	padding: 9px 200px 9px 9px;
}

.locations p, .events p {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin: 0 0 5px;
	line-height: 1.4em;
}

.locations p strong{
	font-weight: bold;
	color: #003399;
	}

.locations h3, .events h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: 1.3em;
}

.events {
	position: relative;
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: solid;
	border-color: #D4D4D4;
	margin: 10px 0 0 0;
	min-height: 95px;
 	height:auto !important;
	height: 97px;
	}

#boatshow {background-color: #dddddd;position: relative; left: -27px; margin-top: 10px;padding: 17px 7px;text-align: center; border: solid 1px #999999;}	
	
.eventsContent {
	padding: 9px 9px 9px 150px;
}

.eventsImage {
		margin: 0;
		padding: 0;
		position: absolute;
		width: 120px;
		height: 83px;
		top: 6px;
		left: 9px;
	}

#mail {
	background-color: #FFFFFF;
	padding: 9px;
	border-width: 2px;
	border-style: solid;
	border-color: #D4D4D4;
	margin: 5px 0 0 0;
}

#mail h3 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	line-height: 1.2em;
}

#mail p {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin: 5px 0 0 0;
	line-height: 1.5em;
}


/* Sidebar */
	
#sidebar {
	float: left;
	width: 202px;
	position: relative;	
	}
	
	
/* =Horizontal Center Navigation
------------------------------------------------------------*/

div.v_nav { 
	position: absolute; 
	background-color: #003399; 
	top: 120px;
	left: 0;
	height: 185px;
	width: 202px;
}

div.v_nav ul {
	float: left;
	position: absolute;
	left: 70px;
	height: 185px; 
	width: 120px;
	/*margin-left: 70px;*/
	background-color: #FFF; 
}

/* Nav Height & Width */
div.v_nav #t-home,
div.v_nav #t-about, 
div.v_nav #t-contact,
div.v_nav #t-commercial,
div.v_nav #t-marine { width: 120px; height: 37px; }

/* Nav background */
div.v_nav #t-home,
div.v_nav #t-about, 
div.v_nav #t-contact,
div.v_nav #t-commercial,
div.v_nav #t-marine { background: #FFF url(img/navbar_boxes.gif); }

/* Nav background positioning*/
div.v_nav ul li a#t-home { background-position: 0 0;}
div.v_nav ul li a#t-home:hover { background-position: -120px 0; }
body#home div.v_nav ul li a#t-home { background-position: -240px 0; } 
div.v_nav ul li a#t-about { background-position: 0 -37px; }
div.v_nav ul li a#t-about:hover { background-position: -120px -37px; }
body#about div.v_nav ul li a#t-about { background-position: -240px -37px; } 
div.v_nav ul li a#t-contact { background-position: 0 -74px; }
div.v_nav ul li a#t-contact:hover { background-position: -120px -74px; }
body#contact div.v_nav ul li a#t-contact { background-position: -240px -74px; } 
div.v_nav ul li a#t-commercial { background-position: 0 -111px; }
div.v_nav ul li a#t-commercial:hover { background-position: -120px -111px; } 
body#commercial div.v_nav ul li a#t-commercial { background-position: -240px -111px; } 
div.v_nav ul li a#t-marine { background-position: 0 -148px; }
div.v_nav ul li a#t-marine:hover { background-position: -120px -148px; }
body#marine div.v_nav ul li a#t-marine { background-position: -240px -148px; } 

div.v_nav ul li { 
	float: left; 
	height: 37px; 
	text-indent: -9999px;
}

div.v_nav ul li a { 
	display: block; 
	height: 100%; 
	overflow: hidden; 
	width: 100%; 
}

div.v_nav h3 { 
	position: absolute; 
	text-indent: -9999px;
}

div.v_nav li { 
	display: inline; 
	margin: 0;
}	
	
	
/* Sidebar 2 */

#sidebar-2 {
	background-color: #FFFFFF;
	float: left;
	width: 343px;
	margin-top: 128px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* Sidebar2 date */

#sidebar-2 p {
	font-size: 10px;
	line-height: 1.2em;
	color: #999999;
	margin: 0px 0 12px 0;
	padding: 0 15px 0 10px;
	font-weight: bold;
	}
	
/* Sidebar teaser headline & picture */
	
#sidebar-2 dl {
	position: relative;
	left: -10px;
	background-color:#c4c4c4;
	border: solid 2px #999999;
	margin: 0 0 10px;
	padding-bottom: 10px;
	}
	
div#sidebar-2 dt {
	background: #999999; padding: 13px; color: #FFFFFF;text-transform:uppercase; font-size: 20px; font-weight: bold;}
	
div#sidebar-2 dt span { color: #FFD401;}

#sidebar-2 dd {
	margin: 0;
	padding: 0;
	}
	
#sidebar-2 dd.img {margin: 10px 13px 0px 13px; border: 1px solid #FFFFFF;}
	
	
/* Sidebar teaser text */

#sidebar2Tease {
	margin: 0;
	text-align: right;
	}

#sidebar2Tease p {
	font-size: 11px;
	background-color: #FFFFFF;
	color: #333333;
	text-align: left;
	line-height: 1.4em;
	margin: 0 13px 0px 13px;
	padding: 7px;
	font-weight: normal;
	}

	
/* Sidebar teaser read more link */	
	
#sidebar2Tease em {
	font-size: 11px;
	background-color: #FFFFFF;
	color: #333333;
	height: 14px;
	margin: -2px 13px 0px 13px;
	padding: 5px;
	font-weight: normal;
	font-style: normal;
	display: block;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #C4C4C4;
	}
	
#drawprize {background: #FFFFFF;position:absolute; top: 340px; left: 10px; width: 182px; padding: 10px 0;text-align: center; border: 2px solid #999999}
#drawprize h3 { margin: 0 10px 5px;color: #003399; font-size: 16px; font-weight: bold;}
#drawprize ul { margin: 0px 10px 10px;}
#drawprize ul li { margin-left: 26px; list-style-type: disc; line-height: 120%; text-align: left}
#drawprize h4 { margin: 0px 10px 5px; color: #003399; font-size: 14px; font-weight: bold; text-transform: uppercase;}
#drawprize h4 span#gprize {display: block; margin-bottom: 2px;color: #FF0000;text-transform: none;}
#drawprize h4 span#lvprize {display: block; font-size: 22px;}
#drawprize p {margin: 0 10px 5px; font-size: 12px; line-height: 120%;}		

/* Footer */
		
#footer {
	background-color: #FFFFFF;
	clear: both;
	margin-left: 207px;
	width: 397px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #D4D4D4;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer dl {
	font-size: 10px;
	line-height: 1.5em;
	color: #333333;
	margin: 0;
	padding: 0;
	}

#footer dt {
	margin: 0;
	padding: 0 0 5px;
	}
	
#footer dd {
	margin: 0;
	padding: 0;
	font-size: 9px;
	}