/* CSS for The Minnie Ann Piercey web site */

body{font-family: Verdana,Arial,sans-serif; color: #000000; line-height: 1.3; font-size: 90%;
	margin: .5em 0em .5em 0em; padding: 0em 0em 0em 0em; background-color: #003399; }
#container{ margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em; }
#banner{ margin: 0em 0em 0em 0em; padding: 0em 1em 0em 1em; text-align: center; width: 900px;
	font-family: Comic Sans MS,Verdana, Arial, Helvetica, sans-serif; font-size: 150%; color: #FFFFFF;
	background-color: #FFFFFF;
	border-top: 4px solid #000000; border-left: 4px solid #000000;
	border-right: 4px solid #000000; }
.quote { font-weight: bold; font-size: 150%; font-style:italic; }
	
#main { margin: 0em 0em 0em 0em; padding: .5em 3em 0em 3em; background-color: #FFFFFF; text-align: left;
	border-left: 4px solid #000000; border-right: 4px solid #000000; border-bottom: 4px solid #000000; }

#sitenav { margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em; background-color: #99cc66;
	border-top: 4px solid #000000; border-bottom: 4px solid #000000;
	border-left: 4px solid #000000; border-right: 4px solid #000000; }
#sitenav ul { font-size: 90%; margin: 0em 0em 0em 0em; padding: .1em 0em .1em 0em; }
#sitenav li { display: inline; clear: both; }
#sitenav li a { text-decoration: none; font-weight: bold; color: #003399;
	margin: 0em 2em 0em 2em; background-color: #99cc66; padding: 0em .5em 0em .5em; }
#sitenav li a:hover { font-weight: bolder; color: #FFFFFF; background-color: #003399; }

#mnav { margin: 1em 0em 1em 0em; font-size: 80%;
	padding: 0em 0em 0em 0em; font-weight: bold; }
#mnav a { display: inline-block; margin: 0em 1em 0em 1em; padding: .25em 1em .25em 1em;
	color: #003399; background-color: #99cc66; text-align: center; font-weight: bold;
	border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;
	border-right: 1px solid black; border-bottom: 1px solid black;
	text-decoration: none; }
#mnav a:hover { margin: 0em 1em 0em 1em; padding: .25em 1em .25em 1em;
	font-weight: bolder; color: #000000;
	border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid black; border-top: 1px solid black;
	text-decoration: none; }

#home .home, #about .about, #services .services, #builders .builders, #contact .contact
 {color: #000000; background-color: #99cc66; }
 
#footer { padding: .5em 0em .5em 0em; margin: .25em 0em .25em 0em; font-size: 75%; text-align: center; color: #FFFFFF; }
#footer a:active {color: #FFFFFF; font-weight: bold; }
#footer a:link {color: #FFFFFF; font-weight: bold; }
#footer a:visited {color: #FFFFFF; font-weight: bold; }
#footer a:visited:hover {color: #000000; background-color: #FFFFFF; font-weight: bold; }
#footer a:link:hover {color: #000000; background-color: #FFFFFF; font-weight: bold; }

img { border: 7px double #003399; } 
img.cranberry { border: 5px double #660011; } 
img.nobord { border: 0px double #660011; }
img.spec { border: 2px solid #003399; }
td.vans { background-image:url(../images/island_electric_vans.jpg); background-position:center; background-repeat:no-repeat;}

.lpic {float: left; text-align: center; font-size: 80%;
	margin: 0em 3em 1em 0em;
	font-style: italic; vertical-align: text-bottom;
}

.rpic {float: right; text-align: center; font-size: 80%;
	margin: 0em 1em 1em 2em;
	vertical-align: text-bottom; font-style: italic;
}
	
h1, h2, h3 { font-weight: bold; margin-top: .5em; }
h1 { font-size: 175%; margin-bottom: 1em; text-align: center; }
h2 { clear:both; font-size: 125%; margin-bottom: 1em; text-align: center; }

p.cent { text-align: center; }
p.left { text-align: left; }
td.left { text-align: left; }
td.cent { text-align: center; }
td.right { text-align: right; }
td.cap { font-size: 80%; font-style:italic; text-align:center; padding: 0em 1em 0em 1em; }
.top { font-size: 75%; }
.airmiles { margin: 1em 0em 0em 0em; font-size: 80%; }
.gold { color: #ffb504; }
.quotr {font-size: 75%;float: right;width:175px; background:#FF9933;
	border: 2px dotted #000000; margin: 1em 1em 1em 1em; padding: .5em .5em .5em .5em; }
.quotr h1 { font-weight: bold; margin: .5em 0em .5em 0em; font-style:oblique; font-size: 110%; }
.quotl {font-size: 75%;float: left;width:175px; background:#CCCCCC;
	border: 2px dotted #000000; margin: 1em 1em 1em 0em; padding: 1em 1em 1em 1em; }
input { font-family: Century Gothic,Verdana,sans-serif; font-weight: bold; }	
input.mand { background-color: #FF9966; font-family: Century Gothic,Verdana,sans-serif; font-weight: bold; }	
select.mand { background-color: #FF9966; font-family: Century Gothic,Verdana,sans-serif; font-weight: bold; }	
textarea { font-family: Century Gothic,Verdana,sans-serif; font-weight: bold; }	


a:link { text-decoration: underline; font-weight: normal; color: #000000; }
a:visited { text-decoration: underline; font-weight: normal; color: #000000; }
a:visited:hover {color: #FFFFFF; background-color: #000000; font-weight: normal; }
a:hover { text-decoration: underline; font-weight: normal;
	background-color: #000000; color: #FFFFFF; } 
a:active { text-decoration: underline; font-weight: normal; color: #000000; }
a:link:hover {color: #FFFFFF; background-color: #000000; font-weight: normal; }

hr { border: 0; color: #660011; background-color: #000000; height: 1px; }

ul { list-style-type: disc; list-style-position: outside;
	padding: 0px; margin: 0px; }
ol { list-style-type: decimal; list-style-position: outside; }
ol li { padding: 0 0 1em 0; }
OL OL { list-style: upper-alpha }
OL OL OL { list-style: lower-alpha }