*{margin:0;padding:0;}
a{color:#805652; text-decoration:none;}
a:hover{color:#805652; text-decoration:underline;}
a:visited{color:#805652;}
a img{border:none;}
h1{font-size:150%; color:#805652} /*not used so far...*/
h2{font-size:15px; color:#805652} /*16pt in the psd*/
h3{font-size:13px; color:#805652; padding-bottom:1px}/*14pt in the psd*/
h4{font-size:12px; color:#805652; text-decoration:underline; font-weight:normal; padding-bottom:3px;}/*12pt used as a bold header*/
h4.title{color:#6F6860;font-size:100%;margin-left:2px;}
h5{font-size:15px;color:#ffffff;}/*Used for What's New sidebar*/
h6{text-transform:uppercase;color:#805652;font-size:100%;font-weight:normal;margin:5px 0; line-height:120%;}
.brownText{color:#805652;}
.brownTextBold{color:#805652; font-weight:bold;}
.blueTextBold{font-size:1.1em; color:#7f949c; font-weight:bold;}/*14pt, used on patients page*/
.moreLink{font-size:100%; color:#805652; text-align:right; margin-top:-1px; padding-bottom:2px;}/*used on homepage*/
.clearfix { /* this is used by IE to do the same, but we aren't working out IE yet; zoom: 1; */ } 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* WARNING, IMPORTANT CSS STYLES ARE CONTAINED IN sIFR-screen.css!!!
   please adjust h2 and h3 sizes there. in sytles for classes like: .sIFR-hasFlash */

body {
	font-size:70%; /* helvetica 11pt in psd*/
	line-height:170%;
	font-weight:normal;
	background:#f2e9dc;
	color:#6f6860;
	font-family:arial, sans-serif;
}



/* ----------------HEADER----------------------*/
#headerBackground{
	width:100%;
	float:left;
	background: #ffffff;
}
#header{
	width:750px;
	padding:0 10px;
	margin:0 auto;
	text-align:right;
}

#headerImage{
	width:340px;
	float:left;
	padding: 15px 0 17px;
}

#header p {
	margin-right:1px;
	font-size:90%;
	line-height:1.35em;
	padding-bottom:4px;
	float: none;
}

#headerPar1 {
	padding-top:18px;
}

/*--------------NAVIGATION------------------- */
#navBackground{
	width:100%;
	float:left;
	height:20px;
	background:#c7ad90;
}

#navContainer {
	width:750px;
	height:20px;
	margin:0 auto;
	padding:0 10px;
}

ul#nav {
	position: relative;
	top:0;
	left:0;
	width:750px;
	margin: 0;
	height: 20px;
	list-style-type: none;
	overflow:hidden;
	display:block;
}

ul#nav li a {
position: absolute;
top: 0;
text-indent: -9000px;
text-decoration: none;
padding: 20px 0 0 0;
overflow: hidden;
height: 0 !important;
height /**/:20px; /* IE5/Win */
background: url("../images/menu2.gif") no-repeat;
}

/*Navigation background*/
/*body#home ul#nav  { background: url("../images/menu.gif") no-repeat 0 0; }
body#aboutus ul#nav  { background: transparent url("../images/menu.gif") no-repeat 0 -20px; }
body#services ul#nav { background: transparent url("../images/menu.gif") no-repeat 0 -40px; }
body#patients ul#nav  { background: transparent url("../images/menu.gif") no-repeat 0 -60px; }
body#contact ul#nav  { background: transparent url("../images/menu.gif") no-repeat 0 -80px; }
*/

/*Container sizes and position*/
#nav li#menu-home		{ width: 107px;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-aboutus	{ width: 106px;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-services	{ width: 106px;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-patients	{ width: 106px;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-financial	{ width: 106px;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-news		{ width: 106px;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-contact	{ width: 112px;background: url("../images/menu2.gif") no-repeat;}



/*Button sizes and position*/
#nav li#menu-home a		{ width: 107px;left: 0;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-aboutus a	{ width: 106px;left: 107px;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-services a	{ width: 106px;left: 213px;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-patients a	{ width: 106px;left: 319px;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-financial a{ width: 106px;left: 425px;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-news a		{ width: 106px;left: 532px;background: url("../images/menu2.gif") no-repeat;}
#nav li#menu-contact a	{ width: 112px;left: 638px;background: url("../images/menu2.gif") no-repeat;}

/*Button hover effects*/
#nav li#menu-home a:hover		{ background-position:  0     -140px; }
#nav li#menu-aboutus a:hover	{ background-position: -107px -140px; }
#nav li#menu-services a:hover	{ background-position: -213px -140px; }
#nav li#menu-patients a:hover	{ background-position: -319px -140px; }
#nav li#menu-financial a:hover	{ background-position: -425px -140px; }
#nav li#menu-news a:hover		{ background-position: -532px -140px; }
#nav li#menu-contact a:hover	{ background-position: -638px -140px; }


/* ----------------CONTENT----------------------*/
#contentBackground{
	width:100%;
	float:left;
	background: url("../images/contentBackground.gif") repeat-x #ffffff;
	border-bottom:solid #c7ad90 1px;
}

#content{
	width:750px;
	margin:0 auto;
	padding:0 10px;
}


/* ----------------FOOTER----------------------*/
#footerBackground{
	width:99%; /*this is the weirdest bug i can't figure out. if this is 100% ie duplicates the last word of the footer, so i guess I can leave it at 99%*/
	float:left;
}

#footer{
	width:750px;
	margin:2px auto 0;
	padding:0 10px;
	font-size:85%;
	background:none;
}

#footer1{
	float:left;
	width:500px;
	padding-left:11px;
}

#footer2{
	float:right;
	width:200px;
	padding-right:9px;
	text-align:right;
}