@charset "utf-8";
/*         CSS Document       */
/*       DCSC HOA Website     */
/* Created by Nathan Mynarcik */
/*       Mynarcik Design      */

body {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin: 0px;
	background:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	line-height:16px;

}

#wrapper { 

	width:737px; 
	border:solid 2px black;
	margin:0px auto 0px auto;
	background-color:#FFFFFF;
	
}

#header {

	background-image:url(../images/dcsc_header.jpg);
	background-repeat:no-repeat;
	width: 737px;
	height: 71px;
}

#nav {

	background-image:url(../images/nav_bg.jpg);
	background-repeat:repeat-x;
	width:692px;
	padding-top:2px;
	padding-left:45px;
	height: 56px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

#dropdown li a:hover {

	text-decoration:underline;

}

#dropdown li ul li a:hover {

	text-decoration:none;

}

#dropdown, #dropdown ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 16px;
}

#dropdown a {
	display: block;
	width: 125px;
	color:#FFFFFF;
	text-decoration:none;
}

#dropdown li ul li a:hover {
	background-color:#001845;
}

#dropdown li { /* all list items */
	float: left;
	width: 125px; /* width needed or else Opera goes nuts */
	
}

#dropdown li ul { /* second-level lists */
	position: absolute;
	padding-top:8px;
	padding-bottom:8px;
	width: 125px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#dropdown li ul li {

	
	padding-top:4px;
	padding-bottom: 4px;

}

#dropdown li ul {

	background: #9a9a9a;
	border: 1px black solid;
	z-index:99;

}
#dropdown li:hover ul, #dropdown li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index:99;
	
}

#content {

	margin: 0px 23px 0px 23px;

}

#content a {

	color:#001845;
	font-weight:bold;

}

#content a:hover {

	text-decoration:none;

}

#intro {

	padding-top:20px;
	width:420px;

}

#introLong {

	padding-top:20px;
	width:100%;

}

#intro img {

	margin-right: 5px;
	margin-top: 4px;
	
}

#picArea {

	float:right;

}

#announcements {

	margin-top: 40px;
	clear:both;
	
}

.announcementHeader {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#001845;

}

.announcementDate {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5b5b5b;

}

#bottomNav {

	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:325px;
	margin: 30px auto 0px auto;

}

#bottomNav a {

	font-weight:normal;
	text-decoration:none;

}

#bottomNav a:hover {

	font-weight:normal;
	text-decoration:underline;

}

#footer {

	background-color:#5b5b5b;
	height:26px;
	margin-top: 10px;
	padding-top: 10px;
	color:#FFFFFF;
	font-size:10px;
	vertical-align:bottom;

}

#webmasterLink {

	font-size:10px;
	color:#000000;
	width:737px; 
	margin:0px auto 0px auto;
	text-align:right;

}

#webmasterLink a {

	color:#000000;
	text-decoration:underline;
	
}

#webmasterLink a:hover {

	text-decoration:none;
	
}

#rightBox {

	border: 1px black solid;
	width:237px;
	float:right;
	
}

#greyBox {

	color:#FFFFFF;
	background-color:#5b5b5b;
	vertical-align:top;
	font-size:12px;
	font-weight:bold;
	padding:5px;

}

#rightBoxContent {

margin:10px;

}

.greyBold11 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#5b5b5b;
}

#introLong strong {

	font-size:10px;

}

.dcscDoc {

	font-weight:bold;
	color:#001845;
	cursor:pointer;

}

.submenu img {

margin-top:5px;

}

.bigBlueBold {

	font-weight:bold;
	color:#001845;
	font-size:14px;
}

#contactForm {

	margin: 20px auto 20px auto;
	width:60%;

}

#image_nav img {

margin: 5px;

}