/* CSS Document */

body { 
margin:0; 
padding:0;  
font: 12px Tahoma, Helvetica, Geneva, Arial, sans-serif; 
line-height:165%;
text-align: center;
background: #7D7D7D;
}

p {
font: Tahoma, 10px Helvetica, Geneva, Arial, sans-serif; 
line-height:165%;
text-align:left;
}

h1
{
	font: 18 px Tahoma, Helvetica, Geneva, Arial, sans-serif; 
	font-weight:bold;
}

.subhead {
font: Tahoma, 10px Helvetica, Geneva, Arial, sans-serif; 
line-height:165%;
text-align: center;
text-align:left;
font-weight:bolder;
font-style:italic;
}

.subhead1 {
font: Tahoma, 10px Helvetica, Geneva, Arial, sans-serif; 
line-height:165%;
text-align: center;
text-align:left;
font-weight:bold;
}

	.about {
	font: Tahoma, 10px Helvetica, Geneva, Arial, sans-serif;
	margin:20px 20 20 20; 
	line-height:165%;
	
	text-align:left;
	
	
	}

.about ul
{
	list-style-type: square;
	padding-left:20px;
	padding-top:0px;
	margin-top:0px;
	margin-left:0px;
	width:150px;
	
}
li {
text-align:left;


}


#container 
{
	width:800px;
	height:600px;
	position:relative;
	margin-left: auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;	
}

#wrapper
{
	width:800px;
	height:600px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#main 
{
	margin:0px 0px 0px 37px;
	position:relative;
	width:800px;
	height:600px;
	background: url(images/background.jpg);
	background-repeat:no-repeat;
}

#membermenu {
	position:absolute;
	width:290px;
	height:22px;
	
	left:212px;
	top:51px;
	/*overflow:hidden;*/
	/*text-align:left;*/
	
	}
#membermenu ul
	{left: 0px; top: 0px; width: 290px; height: 22px;  margin:0px; padding: 0px; list-style: none; }
	
	#membermenu ul li {float:left; margin: 0; padding: 0;  width: 71px; display: block; position: relative; }

	#membermenu ul li a {display: block;   width: 71px; }

	
	
	#membermenu ul li.calendar a  {display: block;   width: 71px; background:url(images/member_calendar.gif);}

	#membermenu ul li.calendar a:hover {background: url(images/member_calendar.gif) no-repeat 0px -23px ;}
	
	#membermenu ul li.profile a{display: block;   width: 71px; background:url(images/member_profile.gif);}

	#membermenu ul li.profile a:hover {background: url(images/member_profile.gif) no-repeat 0px -23px ;}
	
	#membermenu ul li.adduser a{display: block;   width: 71px; background:url(images/member_adduser.gif);}

	#membermenu ul li.adduser a:hover {background: url(images/member_adduser.gif) no-repeat 0px -23px ;}
	
	#membermenu ul li.users a{display: block;   width: 71px; background:url(images/member_users.gif);}

	#membermenu ul li.users a:hover {background: url(images/member_users.gif) no-repeat 0px -23px ;}
	
	#homelink
	{
		position:absolute;
	width:154px;
	height:154px;
	
	left:31px;
	top:225px;
	overflow:hidden;
	text-align:left;
	
		
	}
#memberlogin {
	position:absolute;
	width:71px;
	height:27px;
	
	left:684px;
	top:46px;
	overflow:hidden;
	text-align:left;
	/*border: solid 1px white;*/
	}
	
	#member {left: 0px; top: 0px; width: 71px; height: 27px;  margin:0px;padding: 0; background:url(images/member_login.gif);}
	
	#member li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

	#member a {display: block;  }

	#member a:hover {background: url(images/member_login.gif) no-repeat 0px -27px ;}
	
	
	#memberlo {left: 0px; top: 0px; width: 71px; height: 27px;  margin:0px;padding: 0; background:url(images/member_logoff.gif);}
	
	#memberlo li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

	#memberlo a {display: block;  }

	#memberlo a:hover {background: url(images/member_logoff.gif) no-repeat 0px -27px ;}
	
	

	.image_main {
		position:relative;
		width:542px;
		height:472px;
		left:213px;
		top:73px;
		background: url(images/Home.jpg)  no-repeat top right;
		}
		
	.image_contact {
		position:relative;
		width:542px;
		height:472px;
		left:213px;
		top:73px;
		background: url(images/Contact.jpg)  no-repeat  top right;
		}
		
		.image_services {
		position:relative;
		width:542px;
		height:472px;
		left:213px;
		top:73px;
		background: url(images/services.jpg)  no-repeat  top right;
		}
		
	.image_about {
		position:relative;
		width:542px;
		height:472px;
		left:213px;
		top:73px;
		background: url(images/About.jpg)  no-repeat  top right;
		}
		
	.image_directions {
		position:relative;
		width:542px;
		height:472px;
		left:213px;
		top:73px;
		background: url(images/Directions.jpg) no-repeat  top right;
		}
		
	.image_calendar {
		position:relative;
		width:542px;
		height:472px;
		left:213px;
		top:73px;
		background: url(images/Calendar.jpg)  no-repeat  top right;
		}

.image_empty {
		position:relative;
		width:542px;
		height:472px;
		left:213px;
		top:73px;
		
		}
		
.copy_box {
	float:right;
	width: 0px;
	height: 472px;
	overflow:hidden;
	opacity: .8;
	filter: alpha(opacity=80);	
	background-color:#FFFFFF;
	vertical-align:baseline;
	font-size:10px;	
	}

.copy_box_text 
{
	margin:10px;
	width:180px;
	overflow:hidden;
}

#nav {
	position:absolute;
	width:114px;
	height:122px;
	bottom:-0px;
	left:0px;
	background:url(images/nav.png);
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	}
	
	#nav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

	#nav a {display: block;}

	#home {left: 0px; top: 0px; width: 114px; height: 24px; }
	
		#home a:hover, .home #home {background: url(images/nav.png) 0px -122px no-repeat;}
		
	#about {left: 0px; top: 24px; width: 114px; height: 24px; }
	
		#about a:hover, .about #about {background: url(images/nav.png) 0px -147px no-repeat;}
		
	#services {left: 0px; top: 49px; width: 114px; height: 24px; }
	
		#services a:hover, .services #services {background: url(images/nav.png) 0px -171px no-repeat;}
		
	#contacter {left: 0px; top: 73px; width: 114px; height: 24px; }
	
		#contacter a:hover, .contacter #contacter {background: url(images/nav.png) 0px -195px no-repeat;}
		
	#directionser {left: 0px; top: 98px; width: 114px; height: 25px; }
	
		#directionser a:hover, .directionser #directionser {background: url(images/nav.png) 0px -219px no-repeat;}
	
	
	
	
		/*------ OId --------*/
		/*
		#home_link {
		position:absolute;
		width:89px;
		height:24px;
		left:0px;
		top:0px;
		}
		
		#about_link {
		position:absolute;
		width:89px;
		height:24px;
		left:0px;
		top:25px;
		background: transparent;
		}
		
		#contact_link {
		position:absolute;
		width:101px;
		height:24px;
		left:0px;
		top:49px;
		background: transparent;
		}
		
		#calendar_link {
		position:absolute;
		width:89px;
		height:105px;
		left:0px;
		top:73px;
		background: transparent;
		}
		
		#directions_link {
		position:absolute;
		width:112px;
		height:24px;
		left:0px;
		top:97px;
		background: transparent;
		}
		
		*/


img
{
	border: none 0px;
	padding: 0px;
	margin: 0px;
}

#directions {
position: relative;
left:30px;
top:160px;
width:145px;
height:auto;
}

#contact {
position:relative;
left:30px;
top:140px;
width:160px;
height:auto;
}

label  {
	display: block; 
	padding: 0px;
	margin: 5px 4px 0px 0px;
}

/* Individual Checkbox / Radio label */
label.postField{
	margin: 0 4px 0 4px;
	display:inline; 
}

span.postField label,  table.postField tr td label
{
	margin: 0 4px 0 4px;
	display:inline; 
}

input {
	margin: 0 2px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	
}
select {
	padding: 0;
	margin: 2px 2px 1px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}
input.short
{
	width:220px;
}

input.really-short
{
	width:100px;
}

input.half-really-short
{
	width:50px;
}

input.longfield
{
	width:450px;
}
input.meduimfield
{
	width:320px;
}

table
{
	font-size:12px;
}

.private .rsAptWrap
{
	background: red;
	font: bold;
}