/*resets and utility*/

* {margin: 0; padding: 0;
}

.clearfloats {clear:both;}



/*general element styles*/

body {
background-color: #524e4e;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 150%;
text-align: center;
}
p{
font-size:105%;
}

h1, h2 {
font-family: Papyrus;
size: 180%;
margin: 25px 0;
}

h3 {
font-family: Papyrus;
size: 160%;
margin: 25px 0;
}

/*head section*/
#header {
width:896px;
height: 125px;
margin: 0 auto;
padding-left:0px;
text-align:left;
background-image:url(images/altbanner.jpg)
}

#flash {
margin: 110px 0px 0px 217px;
}

/*navigation*/

div#listmenu  {
width: 100%;
height: 30px;
background-color:#B8A092;
}


/*suckerfish list*/

ul { /* all lists */
margin: 0 ;
padding:0;
font-size:16px;
font-weight:bold;
font-family:Papyrus;
list-style: none;
}

li { /* all list items */
float: left;
background-color:#B8A092;
border-right: 1px solid #666;
position: relative;
width: auto;
}

li ul { /* second-level lists */
top: 30px;
left: 0;
display:none;
position:absolute;
width: 200px;
text-align:left;
}

li ul li{ 
width: 180px;
border:none;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

li a{
text-decoration: none;
display:block;
padding:5px 8px;
color:#000000;
}

li a:hover{
text-decoration: none;
color:#3333CC;
background-color: #E7D1B6;
color:#255F70;
}

/*outside containers*/

/*use this for page with grey sidebar*/
#wrapper {
width: 980px; 
margin: 0 auto;
background: url(images/wrapper-bk.jpg) repeat-y;
text-align:center;
}

/*use this for page with no grey sidebar*/
#wrapper2 {
width: 980px; 
margin: 0 auto;
background: url(images/wrapper-bk2.jpg) repeat-y;
text-align:center;
}

#content{
width:896px;
margin: 0 auto;
}

#content p{
text-align:left;
margin-bottom:10px;
}

/*column 1*/
#column1 {
width:217px;  float: left;
text-align:center;
}

#column1 p{
margin: 10px 0;
text-align:center;
}

/*for layout with no colored sidebar*/
.sidebar {
width:226px;  float: right;
text-align:left;
}

.sidebar p, .sidebar h1, .sidebar h2{
margin: 15px 25px;
margin-left: 15px;
}


#content h1.underline {
border-bottom: 1px solid #333333;
margin-bottom:10px;
padding:10px 0px;
margin:25px;
text-align:left;
}


/*column 2*/

#column2 {
width:679px;
float: left;
}

.maincol {
width:645px;
float: right;
padding-left:25px;
text-align:left;
}

.maincol p, #column2 p{
margin:  20px 50px;
text-align: left;
font-size: 110%;
}


#content2 p{
zoom: 1;
}

#column2 p, #column2 dl{
margin:  20px 50px;
text-align: left;
font-size: 110%;
}

#column2 dt {
font-weight:bold;
margin-bottom:15px;
margin-top:15px;
}

#column2 dd {
margin-left: 15px;
}

/*single column layout--feng shui page*/
#content2 {
width: 650px;
margin: 0 auto;
}

#content2 h1{
text-align: center;
margin-top: 50px;
}
/*form*/
#form p {
line-height: 150%;
}

/*non-nav lists*/

#services li{
float: none;
background-color:transparent;
border-right: 0;
position: static;
width: auto;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin:5px 40px 15px 65px;
font-size:15px;
list-style-type: square;
}


#services2 li{
float: none;
background-color:transparent;
border-right: 0;
position: static;
width: auto;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin:5px 40px 15px 60px;

}


/*footer*/
#footer {
padding-top:15px;
background-color: #8E9FA4;
height: 90px;
}

#footer p{
text-align: center;
}

/*these styles don't show up in IE6, can't figure out why*/
.initialcaps p:first-letter{
font-weight: bold;
font-size: 160%;
color:#8FADAA;
font-family: papyrus;
}

.credits {
font-size: 90%;
font-style:italic;

}