/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    shirley thompson
email:     quists@hotmail.com

-----------------------------------------------------------------------------*/

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}


/* Basic Styling
------------------------------------*/

body {
  font: 76%/1.6 Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
  background-color: #CDAB7E; color:#89552C;
}
h1 {
  font-size: 1.2em;
  font-weight: normal;
  color: #89552C;
  }

h2 {
  font-size: 1.2em;
  font-weight: normal;
  color: #c90000;
}

h1, h2 {
  margin: .2em 0;
}
 p {
  margin: .8em 0;
}
a{color:#89552C;}
#navContent a{text-decoration:none;
color:#89552C;
}
#navContent a:hover{font-weight:bold}

img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin:5px; 
}


#wrapper {
  width: 820px; 
  margin: 0 auto; 
  text-align: left; 
  background-color: #CDAB7E;
  border:1px solid #A4723D;
}
#topbar {
  width: 815px;
  height: 51px;
  padding:0 0 0 5px;
  margin:0;
  
}
#lowbar {
  width: 815px;
  height: 22px;
  padding: 0 0 0 5px;
  background-color:#89552C;
  font:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:107%;
  font-weight:bold;
  float:left 
}
#lowbar .left{
  width: 300px;
  padding: 0 0 0 5px;
  font-size:107%;
  font-weight:bold;
  float:left 
}
#lowbar .right{
  width: 400px;
  padding: 2px 20px 0 5px;
  font-size:90%;
  font-weight:normal;
  text-align:right;
  float:right; 
}


#branding {
  height: 224px;
    width: 820px; 
  margin: 0;
  float:left;
  margin-top:0;
  border-bottom:0px solid #A4723D;
}

#branding .left {
  height: 224px;
  width: 400px;
  margin: 0 5px 0 0;
  float:left;
}

#branding .right {
  height: 204px;
  width: 380px;
  padding: 10px;
  float:left;
}

#columns {
  height: 300px;
    width: 820px; 
  margin: 3px 0 10px 0;
  float:left;
}



#columns .left {
  height: 290px;
  width: 261px;
  margin: 0 10px 0 5px;
  float:left;
  background-color:#F0E7D9;
 
}
#columns .mid {
  height: 290px;
  width: 261px;
  margin: 0 10px 0 0;
  float:left;
  background-color:#DDC9AA;
  
}

#columns .right {
  height: 290px;
  width: 261px;
  margin: 0 5px 0 0;
  float:left;
  background-color:#D2B78E;
}

#columns .right .procedures{
  margin:0 10px 0px 10px;
  padding-top:0;
}

.bar {
  height: 28px;
  width: 259px;
  padding: 0 1px 0 1px;
  margin-bottom:10px;
  float:left;
  background-color:#C6844F;
  border-top:2px solid #E3C2A8;
  text-align:center;
  font-family:"Lucida Calligraphy";
  font-size:150%;
  color:#FFFFFF;
  
}



/* mainNav
------------------------------------*/
.navright{float:right}
#navigation a
{
color:#ffffff;
font-weight:bold;
background: #CDAB7E url(../images/tab-left.jpg) left top no-repeat;
text-decoration: none;
padding-left: 10px;
height:51px;
margin:0;
float:right;
}

#navigation a span
{
background: url(../images/tab-right.jpg) right top no-repeat;
padding-right: 10px;
padding-top: 20px;
height:31px;
width:60px;
margin:0;
}

#navigation a, #navigation a span
{
display: block;
float: left;
margin:0;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: left;
}
/* End hide */

#navigation a:hover
{
color:#89552C;
background: #C79D6E url(../images/tabover-left.jpg) left top no-repeat;
padding-left: 10px;
height:51px
}

#navigation a:hover span
{
background: url(../images/tabover-right.jpg) right top no-repeat;
padding-right: 10px;
height:31px;
width:60px;
margin:0;
}

#navigation a.on
{
color: #fff;
background: #CDAB7E url(../images/tabover-left.jpg) left top no-repeat;
padding-left: 5px;
height:51px;
margin:0;
}

#navigation a.on span
{
background: url(../images/tabover-right.jpg) right top no-repeat;
padding-right: 5px;
height:31px;
margin:0;
}
#logo ul
{
padding: 0 0 0 0;
margin: 0;
width:140px;
height:46px
}

#logo li
{
float: left;
margin: 0 100px 0 0;
padding: 0 0 0 0;
list-style: none;
text-align:center;
}

#navigation ul
{
float: right;
padding: 0;
margin: 0;
}

#navigation li
{
float: left;
margin: 0 0 0 0;
list-style: none;
text-align:center;
line-height:12px;
padding:0;
} 


#content { 
  width: 810px;
  float: left; 
  margin: 10px 0 10px 0;
}

#mainContent { 
  width: 367px; 
  height:440px;
  margin: 0 0 0 10px; 
  float: left;
  padding:10px 10px 0 10px; 
  background-color:#F0E7D9;
  border:1px solid #C18F5E;
   display: inline;
  
}
#mainContent .copy{ 
  width: 340px;
  float: left; 
}
#mainContent .pics{
 width: 150px;
 float: left; 
 padding:42px 0 0 0;
}
#secondaryContent { 
  width: 200px;
  height:450px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: left; 
  padding:0;
  margin:0 0 0 10px;
  background-color:#E6D6BD;
  border:1px solid #C18F5E;
  
} 

#navContent { 
  width: 175px;
  height:450px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; 
  padding-right:5px;
  padding-left:5px;
  margin:0 0 0 5px;
  background-color:#D8C09C;
  border:1px solid #C18F5E;
} 

#logos {
  height: 35px;
  width: 820px; 
  margin: 10px 0 10px 0;
  float:left;
  margin-top:0;
  background-color:#FFFFFF;
 }

#footer { 
  clear: both; 
} 

/* Add some padding
================================== */

 #secondaryContent {
  padding-top: 0;
  padding-bottom: 0;
}

#secondaryContent * {
  padding-left: 0;
  padding-right: 0px;
}

#secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}

.procedures
{
width:225px;
padding: 0 0 0 5px;
margin:0 0 0 5px;
clear:both;

}
.procedures p
{
width:225px;
padding-top:0px;
margin-top:0;
clear:both;

}
#services ul
{
width:200px;
padding: 0 0 0 20px;
margin: 0 0 0 20px;
}

#services li 
{
padding-left: 15px;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 0.6em;
list-style:none;
}
#services li a
{
text-decoration: none;
color:#89552C;
}
#services li a:hover
{
color:#89552C;
}




#footer{ margin: 0 auto; 
		width:780px;
		height:5px;
		
		padding: 0px 20px 0px 20px; 
		font-size:80%;
		font-weight:bold;
		}
#footer p.left{ float:left}
#footer p.right{ float:right}