html {
     overflow: -moz-scrollbars-vertical;
}
body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:75%;
  background: #cccccc;
  margin:0;
padding:0;

}
html>body{
font-size:12px;
}
address {margin-bottom:2px;}
/* sandbag divs */
#sb1, #sb2, #sb3, #sb4, #sb5, #sb6
 {
float: left;
clear: left;

}
#sb1 {width: 90px; height: 20px; }
#sb2 {width: 130px; height: 20px;}
#sb3 {width: 150px; height: 40px; }
#sb4 {width: 150px; height: 30px; }
#sb5 {width: 100px; height: 20px; }
#sb6 {width: 190px; height: 100px;}


#couple {
height:160px;
}

label {
display:block;
float:left;
font-weight:bold;
margin-right:0.5em;
text-align:right;
width:10em;
}
hr {
margin: 20px 20px 10px 0
}
#counseloremail{
width:90%;
padding:10px 0 10px 0;
}
span.formspan {
font-weight:bold;
margin-right:0.5em;
}
a, a:visited {
color:black;
text-decoration:underline;
font-weight:bold;
}
a:hover{
text-decoration:underline;
color:#acd531;
}
/* class jang for Jan with underscore in email that gets obscured by text-decoration  */
.jang, .jang:visited {
text-decoration:none;
padding-bottom:1px;
border-bottom:1px solid black;
}
.jang:hover {
border-bottom:0;
}
select#menu {
width:160px;
margin-top:10px;
margin-bottom:10px;
color:#030354;
font-weight:bold;
}
#wrap
{
  margin: 0 auto 0 auto;
  padding: 0;
  width:800px;
 /*border:1px solid #030354;*/
  position:relative;
 background:url(images/background.gif) repeat-y top left;
 border-top:2px solid #030354;
 min-height:100%;
height: auto !important;
height: 100%;
 } 
 #tracking
 {
 margin:0 auto;
  padding: 0;
  width:800px;
  margin-top:20px;
 }
 p
 {
 line-height:1.2em;
 margin-right:20px;
 }
 
 h1, h2, h3, h4, h5 
 {
 color:#030354;
 }
 h2, h3
 {
 font-size:120%;
 }
 .main {
  font-size:98%;
 }
 
  h4 {
  font-size:90%;
  margin-top:0;
  margin-bottom:2px;
  
 }
 h3 em {
 font-size:1em;
 color:black;
 font-weight:normal;
 }
 #top
 {
   width:420px;
   height:124px;
   margin-top:5px;
   margin-left:8px;
  }
  #top img
  {
  border:none;
  }
  #counselor{
 
  background: url(images/woman-glasses.jpg) no-repeat top right;
  float:right;
  height:201px;
  width: 190px;
  margin-right:2px;

  }
  html<body #counselor{
  margin: 0 4px 4px;
  }
  #family{
  background: url(images/family-sm.jpg) no-repeat;
   height:160px;
  }
  #rightimage{
	background: url(images/girl2.jpg) no-repeat;
	width: 183px;
	height:190px;
	 margin-right:20px;
    float:right;
  margin-right:20px;
  

  }
	#couple {
 background: url(images/twogirls_sm.jpg) no-repeat; 
 } 
  #content
  {

margin: 0 10px 10px 220px;

	
  }
  
 #content ul li
  {
  list-style-image: url(images/dot.gif);
  }

#content .name li {
margin-bottom:5px;
list-style:none;
list-style-image:none;

}
  #content a{
    line-height:1.2em;
	font-size: 110%;
  }
  #nav{
  float:left;
  width:190px;
  margin-left:10px;
  margin-top:10px;
  height:100%;
 margin: 20px 0 0 10px;
  }
  #join
  {
  margin-top:40px;
    width:160px;
	border-top: 4px solid #030354;
  border-bottom: 4px solid #030354;
  margin-bottom:20px;
}
  .join
  {
  font-size:14px;
  font-weight:bold;
  font-style:italic;
  text-align:center;
  color:#030354;
  padding-top:5px;
    padding-bottom:5px;
  
  }
 .join a, .join a:visited
 {
 color:#030354;
 text-decoration:none;
 }
 .join a:hover
 {
 color:#acd531;
 text-decoration:none;
 }
 .menubutton
 {
 border:none;
 } 
 .title
 {
   font-weight:bold;
   color:#030354;
 }
 #send {
 margin-left:15em;
 }
 #secondaddress {
 display:none;
 }
 #footer
 {
 background:url(images/footer.jpg) no-repeat bottom left;
 height:30px;
 text-align:center;
 color:white;
 font-size:9px;
 padding-top:2px;
margin-left: 2px;
margin-top:30px;
width:800px;
clear:both;
 }
 #footer p
 {
 line-height:normal;
 margin-top:2px;
 vertical-align:middle;
 margin-bottom:2px;
 }
 #footer a, #footer a:visited{
 color:white;
 text-decoration:none;
 font-weight:normal;
 }
  #footer a:hover{
 color:#acd531;
 text-decoration:none;
 }
 
 #footer ul {
 list-style:none;
  margin-left:50px;
  margin-top:10px;
 }
 
 #footer ul li {
 float:left;
 margin-left:50px;
 }
 
 #footer ul .selected{
 color:#acd531;
 }
 #copy
 {
   width:800px;
   margin:5px auto;
   font-size:smaller;
   text-align:center;
 }
 /*google maps*/
 #map{
 width: 350px;
 height: 400px;
 position:absolute;
 right:30px;
 top:220px;

 } 
 p#mapcaption{
   font-size:smaller;
   position:absolute;
   right:60px;
   top:620px;
 }
 a#submitbutton img {
 border:none;
 }
 .namequote
 {
 font-style:italic;
 }
 .counselorname
 {
 margin-bottom:0px;
 }
 .counselordegree
 {
 margin-top:2px;
 }
 .smallimg, .smallimg2 {
  width:150px;
  height:154px; 
  border:2px solid #030354;
  float:right;
  margin-right:150px;
  
  }
  .smallimg2 {
  height:100px; 
   }
  .address
  {
     margin:0;
  }
 .reqindicator, .error
   {
  color:red;
  }
.bold {
font-weight:bold;
}
.smaller {
font-size:smaller;
}
.light {
color:#666666;
line-height:normal;
}
.nogaptop {
margin-top:0;
padding-top:0;
}
.nogapbottom {
margin-bottom:0;
padding-bottom:0;
}
.gaptop {
margin-top:5px;
}
.gapbottom {
margin-bottom:5px;
}
.hide {
display:none;
}