body { font-family: arial; font-size: 9px; }
	img { border: 0px; }
	ul, li {list-style-type: none; }

	em { font-weight: blue; }
	p { margin: 0px 0px 6px 0px; }
	a {  text-decoration: none; }
	a:hover { text-decoration: underline; }
	a:visited { }
	a:active { text-decoration: none; }

	h1 { font-family: arial; font-size: 24px; margin-bottom:0; margin-left: 10px; color: #5a89c0; }
	h2 { font-family: arial; font-size: 18px; margin: 3px 0px; }
	h3 { font-family: arial; font-size: 18px; margin: 3px 0px; font-size: 14px;  }
	label {  }
	fieldset { border: 1px solid #eee; width: 500px; display: block; margin:10px; }
	fieldset p { font-family: arial; font-size: 10px; color: #333;  font-weight: bold;}
	legend { color: #333}
	
	#container {  position: relative; text-align: left; margin:0px 0px; width: 727px; }
	#lamestructuretbl { width: 727px; }
	#leftcolumn { width: 577px; }
	#rightcolumn { width: 151px; }

	#header { height: 47px; }
	#subheader { height: 29px; }
	
	#map { position: relative; width:576px; height: 340px;  }
	#mapinteractive { position: relative; width: 430px; height: 363px; }
	#sassygal { width: 146px; height: 363px; position: absolute; top: 0; left: 430px; display: block; text-align: left;  }
	#showcasebox { width: 140px; height: 137px; position: absolute; top: 200px; left: 25px; }
	
	
	#homeboxes {  text-align: center; }
	#learnmoreimg { }
	#expressimg { }
	
	#soberingstats { margin-bottom: 20px; text-align: center; padding: 0px 10px; margin-top: 10px; }
	#stats { font-size: 13px; font-weight: bold; color: #7F3D7F; margin-bottom: 4px; }
	#source { font-size: 10px; font-weight: bold; color: #9697C7; }
	
	#logobar { text-align: center; }
	
	#breadcrumb { margin-left: 10px; font-size: 12px; }
	#breadcrumb a {  color: #666;text-decoration: none; }
	#breadcrumb a:hover { color: #666;text-decoration: underline; }
	#breadcrumb a:visited { color: #666;  }
	#breadcrumb a:active { color: #666;text-decoration: none; }
	
	
	#maincontent1 { margin-top: 10px; font-size: 14px; padding: 0px 10px 10px 10px; clear: both; }
	#maincontent2 { margin-top: 10px; font-size: 14px; padding: 10px; clear: both; }

	#rightcolumnsub { border-left: 4px solid #5a89c0; }
	#bannerads { padding-left: 15px; }
	.bannerad { margin: 8px 0px; }
	
	#regionlist { font-family: arial; font-size: 14px; }
	#regionlist li { margin-bottom: 5px; }
	
	.newsdate { font-size: 11px; }
	.newsdescription { font-size: 12px; margin-bottom: 15px; }
	
	#selectregion { margin-left: 10px; font-size: 14px; }
	
	
	/* VOLUNTEER FORM */
	
	#volunteerform input { border: 1px solid #aaa; margin: 3px 8px 3px 5px; 
									font-family: arial; font-size: 14px; padding: 2px;  }
	#volunteerform textarea { width: 500px; border: 1px solid #aaa; font-family: arial; font-size: 14px; padding: 2px;}									                 
	#volunteerform #submitbutton { margin-left: 240px;}
	#volunteerform select {border: 1px solid #ccc; font-family: arial; font-size: 12px;  margin: 3px 8px 3px 5px; width: 100px;}
	
	#name { width: 200px; }
	#age { width: 50px; }
	#address { width: 350px; }
	#city { width: 150px; }           
	#zip { width: 60px; }
	#phone { width: 150px; }
	#cell  { width: 150px; }
	#email  { width: 350px; }
	#referredby  { width: 250px; }
	                                
	/* PHOTOS */
	#photos { margin: 15px 0px 15px 0px; }
	.photocontainer { float: left; width: 115px; margin: 5px 8px 20px 8px; }
	.photobox {}
	.phototitle { font-size: 12px; margin-bottom: 4px;  }
	.photodescription {  font-size: 10px; }         
	                                         
	.photosinglecontainer { float: left; margin: 6px; width: 300px; }
	.photothumbcontainer { float: left; margin: 6px; width: 100px; }
	.photosinglebox {}
	.photosinglethumbnail { margin-top: 100px;}
	.photosingletitle {}
	.photoaction { text-align: center; color: #999; font-size: 11px; }
	.photoaction a:link  { color: #999;}
	.photoaction a:visited  { color: #999;}

	.photosingleaction { text-align: center; color: #999; font-size: 10px; margin-bottom: 5px;  }
	.photosingleaction a:link  { color: #999;}
	.photosingleaction a:visited  { color: #999;}
	
	
	/* FOOTER */
	
	#footer { margin-top: 35px; clear: both; }
	#bottomnav { font-family: arial; font-size: 9px; text-align: center; color: #666; }
	#bottomnav a {  color: #666;text-decoration: none; }
	#bottomnav a:hover { color: #666;text-decoration: underline; }
	#bottomnav a:visited { color: #666;  }
	#bottomnav a:active { color: #666;text-decoration: none; }

	#footlogo { text-align: center; margin-top: 8px;  }
	
	
	
	/* Home page divs */
	
	.cityhover { position: absolute; width: 100px; height: auto; font-family: Arial; border: 2px solid #7F3D7F; text-align: center;}
	.cityhovertitle { font-weight: bold; font-size: 11px; background-color: #7F3D7F; color: white; padding: 2px 0px; }
	.cityhoverdate { font-weight: bold; font-size: 10px; background-color: #D2B7D4; color: #7F3D7F; padding: 2px 0px; }
	
	#monttremblant { top: 20px; left: 320px; display: none;}
	#charlevolx { top: 45px; left: 270px; display: none;}
	#boston { top: 45px; left: 320px; display: none;}
	#lehighvalley { top: 75px; left: 320px; display: none;}
	#lewiston { top: 60px; left: 300px; display: none;}
	#traversecity { top: 130px; left: 210px; display: none;}
	#pittsburgh { top: 150px; left: 300px; display: none;}
	#marquette { top: 90px; left: 200px; display: none;}	
	#minneapolis { top: 115px; left: 145px; display: none;}
	#winterpark { top: 120px; left: 115px; display: none;}
	
	
	/* Tell a friend */
	
	#emailbody { width: 400px; height: 185px; }
	#tellafriend input { margin: 3px 8px 3px 5px; border: 1px solid #aaa;
									font-family: arial; font-size: 14px; padding: 2px;  }
	#tellafriend textarea { width: 500px; border: 1px solid #aaa; font-family: arial; font-size: 14px; padding: 2px;}
	#yourname, #friendsname { width: 200px; }
	#friendsemail { width: 300px; }
	
	/*  GLOBAL NAV */
	/* ************ */
		
		
	#navbar { color: white; background-color: #f19b16; width: 576px;  height: 25px;  }	
	
	#navbar a { color: white; text-decoration: none; }
	#navbar a:hover { color: white; text-decoration: underline;  }
	#navbar a:visited { color: white;  }
	#navbar a:active { color: white; }
	
	#globalnavmenu { padding: 0; margin: 0; font-size: 14px; height: 100%; }	
	#globalnavmenu ul { padding: 0;	margin: 0; }
	#globalnavmenu li { padding: 4px 4px 0px 4px; height: 21px;	 }
	#globalnavmenu>li:hover { background-color: #9b216e;}
	#globalnavmenu li.over { background-color: #9b216e;}
	
	li.menubaritem {
		float: left;
		position: relative;
		cursor: hand;
		margin-right: 6px;
		margin-left: 6px;
	
	}
	
	.menu { 
		font-size: 12px; 
		top: auto;
		left: auto; 
		display: none;
		position: absolute;
		top: 2em;
		left: 0;
		z-index: 100;
		width: 110px;
		background-color: #2e76b7;
	
	}
	
	.menu li {
	
		z-index: 101;
		border-bottom: 1px solid white; 
	
	}
	
	.menu>li {
	
		z-index: 102;
	}
	
	
	li:hover ul, li.over ul { 
		display: block;
		z-index:100;
		
	}




#printbutton { margin-top: 10px; }
#receiptactions { text-align: center; width: 100%; }

.wwtbutton { float: left; margin-right: 30px; width: 110px; padding-top: 4px;  border: 2px #aaa solid; background-color:#ccc; color: black; height: 18px; font-size: 12px; text-align: center;}
.wwtbutton a { color: black; }
.wwtbutton a:link { color: black; }
.wwtbutton a:visited { color: black; }
.wwtbutton a:hover { color: black; text-decoration: none; }


.locations a:link {
	color: #234A99;
	font: verdana;
	font-size: 12px;
}
.locations a:visited {
	color: #234A99;
	font: verdana;
	font-size: 12px;
}
.locations a:hover {
	color: #234A99;
	text-decoration: underline;
	font: verdana;
	font-size: 12px;
}
.locations a:active {
	color: #234A99;
	font: verdana;
	font-size: 12px;
}


.description{
	color: #000000;
	font: verdana;
	font-size: 14px;
	margin-left: 10px;
	display: block;
}


.description a:link {
	color: #234A99;
	font: verdana;
	font-size: 14px;
	
}
.description a:visited {
	color: #234A99;
	font: verdana;
	font-size: 14px;
	
}
.description a:hover {
	
	text-decoration: underline;
	font: verdana;
	font-size: 14px;
	
}
.description a:active {
	
	font: verdana;
	font-size: 14px;

	}