@charset "UTF-8";
   
   body
   {width:100%;
   margin:0 auto;
   padding:0;
   font-family:Arial,Verdana,Helvetica,sans-serif;
   font-size:18px;
   background:#43677D;
   color:#112236; 
   }
   
 #container1/*For all the divs except the footer*/
 {width:1000px;
 margin:0 auto;
 padding:0;
 }

   h2,h3
 {margin-left:50px;
   }
   
   h2
   {margin-top:0px;
   padding-top:10px;}
   
 hr
{
width: 86%;
}
 p
 {margin-left:100px;
 margin-right: 120px;
}

table
{
margin-left: 100px;
text-align: left;
}

table p
{
margin-left: 0px;
}

#header
{background-color: #A6CCE3;
border: 1px solid #112236; 
padding:0;
margin-top: 20px;
}

  h1/*for header*/
   {background:url(../images/justice3.gif) no-repeat 30px 10px #A6CCE3;
	height:110px;
	padding:30px 0px 10px 190px;
	margin:0;
   }
   
   #welcome /*javascript for date*/
   {background-color:#43677D; 
   text-align:center;
   padding:3px 0px 0px 0px;
   margin:0;
   color:#E7EFF2;
  }

  #container2
  {margin:0;
  padding:0;
  border-left: 1px solid #112236;
  border-right: 1px solid #112236;
  border-bottom: 1px solid #112236;
  background:url(../images/navleftbackgd.gif) repeat-y;  }
  
 #navtop /*top navigation*/
 {margin:0;
 padding:0;
width: 165px;
float:left;
border-top: 1px solid #112236;
 } 

#navtop ul
{font-size: 16px; 
margin:0;
padding:0;
list-style-type:none;
width: 165px;
 }
 
 #navtop li
 {margin:0;
text-align:left;
width:165px;
}


#navtop li a
{text-decoration:none;
display:block;
color:#112236;
width: 160px;
padding-left:5px;
padding-top:10px;
padding-bottom:10px;
border-bottom: 1px dotted white; 
}

.maincontent a:link
{color: #000000;}

#navtop li a:visited, .maincontent a:visited
{
color:#504f43;
}

#navtop li a:hover
{background-color: #ffffff;
color:#112236; 
border-bottom: 5px solid #43677D;
border-top: 5px solid #43677D;
}

.maincontent a:hover
{background-color:#A6CCE3;
color:#000000;}
 
 #focus_topnav /*to highlight which page the user is on*/
{background: #ffffff url(../images/arrow3.gif) no-repeat right;
 }

#focus_bottomnav
{background:#ffffff}


.maincontent
{background-color:white;
padding:0; 
margin-left: 170px;
border-top: 1px solid #112236;
}

  #images /*for div containing images of barb and dick and list of qualities on index page*/
 {margin-left: 100px;
  margin-right: 50px;}
  
  
#barbdick /*photo of barb and dick*/
{border:1px solid black;}

.floatleft /*for images on profile page*/
{
float: left;
}

#map/*google map image on contact page*/
{float: left;
margin-bottom: 10px;
margin-left: 50px;
border: 1px solid #000000;}

#why /*image of list of  why pick clarkenolan*/
{float:right;
width: 177px;
margin-top: 15px;}

#pagetop /*back to top of page*/
{
text-align:right;
font-size: 14px;
}

#pagetop a
{border:none;
color:black;}

#pagetop a:hover
{border-right: 2px solid #43677D;
border-bottom: 2px solid #43677D;
padding-top:0px;
padding-bottom: 0px;
text-decoration:none;
background-color:#ffffff;
}

#navbottom /*bottom navigation*/
{
margin:0;
padding:0;
clear:both;
border-top: 1px solid #112236; }

#navbottom ul
{text-align:center;
font-size: 14px;
 margin:0;
padding:5px 0px;
background:#A6CCE3;
}

#navbottom li
 {display:inline;
list-style-type:none;
text-align:center;
}

#navbottom li a
{text-align:center;
padding: 2px;
border:none;
color:#112236;
}
#navbottom li  a:visited
{color:#504f43;}

#navbottom li a:hover
{background: white;
color:#112236; 
border-bottom: 3px solid #43677D;
text-decoration:none;
}

#footer p
{text-align:center;
font-size: 12px;
margin:0 auto 5px;;
width:100%;
color:#ffffff;
}

#footer a:link, #footer a:visited {color: #ffffff;}
#footer a:hover {background-color:#ffffff; color:#000000;}
 
.clearfloats
{
clear: both;
}

table h3
{
margin-left: 0px;
}

table td
{
text-align: left;
vertical-align: top;
}

.td_contact_width
{
width: 116px;
font-weight:bold;
font-size: 120%;
padding-bottom: 20px;
}

#profile_barb img
{
float:left;
padding-left:50px;
}

#profile_dick img
{
float:left;
padding-left:50px;
}

#profile_dick h3
{
width: 350px;
margin-left: 0px;
margin-top: 0px;
}

#profile_barb h3
{
width: 350px;
margin-left: 0px;
margin-top: 0px;
}

.profile_para
{
width: 350px;
margin-left: 0px;
}

#profile_barb
{
margin-bottom: 25px;
}

#profile_dick
{
clear:both;
}

.profile_content
{
float: right;
width: 400px;
}