﻿html {
	margin: 0;
	padding: 0;
	}

body {
	background-color:#000000;
}
#wrapper {
	width: 1024px;
	height: 788px;
	margin-left: auto; 
	margin-right: auto;
	background-image:url('http://www.alabamanorthsdmi.com/images/background.png');
	background-repeat:no-repeat;
	float: left;	
	display: inline;	
}



#header2 {
	width: 600px;
	height: 36px;
	margin-left: auto;
	margin-right: auto;	
	
			
}


.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
width: 400px;
height: 52px;
float: left;
display: inline;
margin-left: 50px;
background-image:url('images/subpages_bar.png');
background-repeat:no-repeat;

}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: gray;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: white;
}



#navbar {
	width: 702px;
	height: 29px;	
	margin-left: auto;
	margin-right: auto;	
	margin-top: -2px;
	background-image: url('images/navbar_background2.png');
	background-repeat: no-repeat;
	font-family: Corbel;
	font-size: small;
	}
	
div#navbar ul {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6F6F6F;
	white-space: nowrap;
	font-weight: bold;
}
div#navbar li {
	list-style-type: none;
	display: inline;
}
div#navbar li a {
	text-decoration: none;
	color: #6F6F6F;
}
div#navbar li a:link {
	color: #6F6F6F:
}
div#navbar li a:visited {
	color: #6F6F6F;
}
div#navbar li a:hover {
	color:navy;
	background-color: #FFFFFF;
	text-decoration:underline;
}

.dropdown {float:left; padding-right:5px; margin-top: 0px; margin-bottom: 0;}
.dropdown dt {font-weight:bold; cursor:pointer;}
.dropdown dt:hover {text-decoration: underline;}
.dropdown dd {position :absolute; margin-left: 0px;overflow:hidden; width:190px;  display:none; background:#fff; z-index:500; opacity:0;}
.dropdown ul {width:180px; border:2px solid #9ac1c9; list-style: none; border-top:none;}
.dropdown li {display:list-item;}
.dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:200px;}
.dropdown a:active {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:200px;}
.dropdown a {display:block; float: left;padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:200px;}
.dropdown a:hover {background:#d9e1e4; color:#000;}
.dropdown .underline {border-bottom:1px solid #b9d6dc;}


#body {
	width: 703px;
	height: auto;	
	margin-left: auto;
	margin-right: auto;	
	padding-bottom: 25px;	
}

#body2 {
	width: 762px;
	height: auto;	
	margin-left: auto;
	margin-right: auto;		
}

#bodyleft2 {
	float: left;
	display: inline;
	width: 460px;			
}


#bodyleft {
	width: 460px;
	height: 324px;	
	float: left;	
	margin-left: 0px;
	margin-right: 0px;
	background-image:url('images/bodyleft_background2.png');
	background-repeat: no-repeat;
	
}
#bodylefttop{
	background: url('images/calendar_boxtop.png') no-repeat bottom;
	width: 460px;
	height: 7px;
	margin-bottom: 0px;		
	padding-bottom: 0px;	
	clear:both;
}

#bodyleftmain {
	background: url('images/calendar_boxmain.png') repeat-y;
	padding: 0;
	width: 460px;
	min-height: 400px;
	height: auto;
	float: left; display: inline;
}


#bodyleftbot{
	background: url('images/box_background_bot.png') no-repeat;
	width: 460px;
	height: 7px;	
	margin-left: auto;
	margin-right: auto;
	float: left; display: inline;	
} 

#bodyright2 {
	float: right;
	width: 252px;
	height:auto;
				
}

#bodyright {
	width:234px;
	height: 324px;
	float: right;
	margin-right: 0px;	
	margin-left: 0px;	
}
#bodyrighttop{
	background: url('images/right_background_top.png') no-repeat bottom;
	width: 252px;
	height: 8px;
	margin-bottom: 0px;		
	padding-bottom: 0px;	
	clear:both;
}

#bodyrightmain {
	background: url('images/right_background.png') repeat-y;
	padding: 0;
	width: 252px;
	min-height: 400px;
	height: auto;
	float: left; display: inline;
}


#bodyrightbot{
	background: url('images/right_background_bot.png') no-repeat;
	width: 252px;
	height: 7px;	
	margin-left: auto;
	margin-right: auto;
	float: left; display: inline;	
} 

#body3top {
	float: left;
	display: inline;
	width: 702px;
	height: 6px;		
	margin-left: auto;
	margin-right: auto;	
	background-image: url('images/body3_top.png');
}


#body3main {
	float: left;
	width: 702px;
	height: auto;
	min-height:80px;	
	margin-left: auto;
	margin-right: auto;
	background-image:url('images/body3_main.png');
	background-repeat: repeat-y;
	
}
#body3bot{
	float: left;
	background: url('images/body3_bot.png') no-repeat bottom;
	width: 702px;
	height: 6px;
	clear:both;
}


#footer{
	width: 702px;
	height: 32px;
	margin-top: 25px;
	background-image:url('images/footer_background2.png');
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
				
}