/* This cascading style sheet hand-made from scratch by Benjamin Bruce 
	WEBSITE:	ANNETTANORTH.COM
	MEDIUM:		SCREEN
*/

body { background-color: #B05226 !important; }

/* FOUNDATION */
body { 
	font-size: 62.5%; 
	font-family: Cambria, "Century Schoolbook", "Calisto MT", "Bookman Old Style", "GoudyOlSt BT", "Palatino Linotype", "Book Antiqua", Garamond, "BernhardMod BT", "Garamond Premr Pro Med", Georgia, serif, Times, "Times New Roman";
}
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
a { text-decoration: none; }
a img { border: none; }

:lang(es) { font-style: italic; }

#main { background-color: #ffc; }
#menu, #menu ul { 
	background-color: #000; 
	list-style-type: none;	
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
}
#menu { min-height: 350px; }
#menu li {
	float: left;
	width: 190px;
}
#menu li ul {
	position: absolute;
	width: 195px;     /* 20 more than li ul a width */
	left: -999em;
	background: url(bk.png) no-repeat right top;
}
#menu li ul a { 
	width:  175px;
	background-color: #000;
}
#menu li ul a:hover { background-color: #000 !important; }
#menu li:hover ul { left: 200px; top: 30px; }
#menu li.sfhover ul { left: auto; }
#menu a {
	display: block;
	width: 190px;
	padding: 5px 0 2px 10px;
	border-bottom: solid #000 2px;
	font-size: 1.5em;
	color: #ffc;
}
#menu a:hover {
	border-bottom: ridge goldenrod 2px;
	color: goldenrod;
}
#menu li.s a:hover { background: url(arr.png) no-repeat 183px 6px; }
#news { 
	background-color: #ffc; 
	padding-top: 65px;
	font-size: 1.2em;
	font-family: Verdana, Tahoma, sans-serif;
}
div.nb { background: #ffc url(news.png) no-repeat center 15px; }
#foot {
	text-align: center;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 0;
	border-top: dashed 1px #000;
	background-color: #B05226;
}

/* LAYOUT 
*/
body  { background: url(mistyvalley2.jpg) top center repeat-x; }
h1 {
	background-color: #000;
	background: url(mistyvalley.jpg) top center no-repeat;
	height: 192px;
	border-bottom: 20px solid #000;
}
.h { display: none; }

/* THE HOLY GRAIL
*/
body {
	min-width: 560px;	/* 2x menu width + news width */
}
#wrap {
	padding-left: 200px;	/* menu width */
	padding-right: 160px;	/* news width */
	overflow: hidden;
}
#wrap .col {
	position: relative;
	float: left;
	padding-bottom: 20010px;
	margin-bottom: -20000px;
}
#main {
	width: 100%;
}
#menu {
	width: 200px;	/* menu width */
	right: 200px;	/* menu width */
	margin-left: -100%;
}
#news {
	width: 160px;	/* news width */
	margin-right: -160px;	/* news width */
}
#foot {
	clear: both;
	position: relative;
}
/*** IE6 fix (may its death be hastened! ***/
* html {  }

/* FORMATTING
*/
h2 {
	font-size: 3em;
	text-indent: 2em;
	margin: .5em 0;
	color: #540000;
}
h3 {
	font-size: 2.5em;
	text-indent: 1.75em;
	margin: .4em 0;
	color: #B05226;
	font-style: oblique;
}
#main ol, #main ul {
	font-size: 1.5em;
	padding-left: 65px;
	margin-bottom: 1.25em;
}
#main ol { font-weight: bold; }
#main ol li, #main ul li {
	margin-bottom: .2em;
}
#main ol li ol, #main ul li ul {
	font-size: 1em;
	padding-left: 20px;
	margin-bottom: 1em;
	font-weight: normal;
}
#main ol li ol { list-style-type: lower-alpha; }
#main ul { list-style-type: square; }
#main p {
	font-size: 1.5em;
	text-indent: .75em;
	padding: 0 1em;
	padding-bottom: 1em;
}
#main a:link { color: #990303; }
#main a:visited { color: #9D3C00; }
#main a:hover {
	font-weight: bold;
	border-bottom: 1px dashed #461B00;
}
#main a:active { color: red; }
#news p {
	border-left: outset 3px #943C00;
	padding: 4px;
	padding-right: 6px;
	text-align: justify;
	background-color: #F4F4AB;
}
#news p strong { 
	text-align: left; 
	display: block;
	margin-bottom: 7px;
}
#news p strong { color: saddlebrown; }
#news p strong a:hover { color: maroon; border-bottom: brown 1px dashed; }
#dl {
	background-color: goldenrod;
	border: dashed 1px #000;
	padding: 7px;
	text-align: center;
	margin: 25px auto;
	width: 420px;
	font-weight: bold;
}
#foot { color: #ffc; }
#ar img {
	position: relative;
	top: 12px;
	margin-right: 20px;
}
a#ar:hover { 
	border-bottom: none; 
	font-weight: normal;
}
.pic {
	border: #000 solid 1px;
	float: left;
	padding: 4px;
	margin-right: 15px;
	margin-left: 15px;
}
a.map {
	display: block;
	font-size: 2em;
	background: 20px center no-repeat;
	min-height: 115px;
	height: auto !important;
	height: 115px;
	padding-left: 300px;
	padding-top: 55px;
}
#m1 { background-image: url(../../images/m1.gif); }
#m2 { background-image: url(../../images/m2.jpg); }
#m3 { background-image: url(../../images/m3.jpg); }
#m4 { background-image: url(../../images/m4.jpg); }
#m5 { background-image: url(../../images/m5.gif); }
#zoningmap { background-image: url(../../images/zoningmap.png); }
a.map strong { display: block; }
a.map:hover {
	font-weight: normal !important;
	border: none !important;
	background-color: #FFFF73;
}
#foot p { padding-bottom: 7px; }
#foot a { color: goldenrod; }
#foot a:hover { color: black; border-bottom: 1px dashed black; }