/*
____________________________________________________________
|                                                            |
|    DESIGN : Adrienne Raymond    							 |
|      DATE : 2009.02.20                                     |
| COPYRIGHT : 2010 Smalling Chiropractic and Wellness Center |
|     EMAIL : adrienne@equineonlinedesign.com  			 	 |          
|____________________________________________________________|

*/

/*
Site Colors
#f7efcc = beige
#bfb58a = med. tan
#fbb03b = orange
#4b0c07 = deep red	
#603813 = rich brown

*/

/***** Common Formatting *****/
html, body {margin: 0; padding: 0; min-height:101%; margin-bottom:1px;}

body {
margin:0;
padding:0;
background-color:#00010d;
color:#000;  
font-family:"Century Gothic", "Trebuchet MS ", Tahoma, Helvetica, sans-serif;
font-size:1em;
}
#wrapper {
	width:900px;
	margin:10px auto;
	background-color:#fff;
	
}
.header {
	height:300px;	
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;	
}

/*********** 	common elements **************/
h1 {
	padding:0;
	margin:0;
	color:#5470a0;
	font-size:1.5em;	
}
h2 {
	padding:0;
	margin:0;
	color:#3f1342;
	font-size:1.3em;	
}
h3 {
	padding:0;
	margin:0;
	color:#5a8652;
	font-size:1.2em;	
}
h4 {
	padding:0;
	margin:10px 0 0 0;
	color:#956144;
	font-size:1.1em;	
}
h5, h6 {
	padding:0;
	margin:0;
	color:#667474;
	font-size:1.05em;	
}
p {
	padding:5px 0;
	margin:0;
	color:#000000;
	font-size:.95em;
}
a {
	text-decoration:underline;
	color:#5a8652;
}
a:hover {
	text-decoration:none;
	color:#833e1c;
}
.mainContent ul {
	list-style:disk;
	padding:4px 10px 4px 30px;
	margin:0px;	
}
.mainContent ul li {
	font-size:.8em;
	font-weight:bold;
	font-style:italic;
	padding:4px 0px 4px 0px;
	margin:0;	
	color:#956144;
}
.mainContent ol {
	list-style:numeral;
	padding:4px 10px 4px 30px;
	margin:0px;	
}
.mainContent ol li {
	font-size:.85em;	
	font-style:italic;
	padding:4px 0 4px 0px;
	margin:0;	
	color:#956144;
}
/* Navigation */
/*TAB NAVIGATION AREA*/
.topnav {
width:900px;
height:35px;
background-color:#8ebae1;
margin:0px 0 0 0;
padding:0 0 1px 0;
}
ul#navbar {	
padding: 0 0 0 0;
margin:0px 0 0 0;
color: #fff;
float: left;
width: 100%;		
}
ul#navbar li {
	display:inline;	
	color:#fff;		
}
ul#navbar li a {	
padding: .6em 1.24em ;
background-color: #8ebae1;
color: #00010d;
text-decoration: none;
float: left;
border-right: 1px solid #3c3e4b;
font-size:.95em;
font-weight:bold;	
}
ul#navbar li a.target {				
	background-color:#4178bf;					
	color:#fff;
}
ul#navbar li a:hover {	
background-color: #4178bf;
color: #fff;	
}
/************ below header area ***********/
.content {
	width:900px;
	overflow:auto;
	min-height:500px;
	height:auto;	
	background-image:url(../images/contentBG.gif);
	background-repeat:repeat-y;
}
/*  ********** Side Left Navigation *************/
#navigation {
 width: 200px;
 min-height:300px;
	height:auto;	
	float:left;
}
#navigation ul {
 list-style: none;
 margin: 0px 0 0 0;
 padding: 0;
}
#navigation li {
 border-bottom: 1px solid #3c3e4b; 
}
#navigation li a:link, #navigation li a:visited  {
 font-size: .8em;
 display: block;
 padding: 0.4em 0 0.4em 0.5em;
 border-right: 1px solid #3c3e4b;
 background-color: #4178bf;
 color: #bdcfe7;
 text-decoration: none;
}
#navigation li a:hover {
 background-color: #fff;
 color: #000000;
 border-right:1px solid #ccc;
}
#navigation li a.target {				
	background-color: #fff;
 	color: #000000;
 	border-right:1px solid #ccc;
}
/*********** Main Content Area ********/
.mainContent {
	width:675px;
	float:right;		
	padding:10px 10px 20px 10px;
	height:auto;
	overflow:auto;
}
/******* Office page ***/
.imgLeftOffice {
	width:325px;
	height:auto;
	float:left;
	padding:10px 10px 0 0;
	margin-right:20px;
}
.imgRightOffice {
	width:325px;
	height:auto;
	float:right;
	padding:10px 0;
	margin:-70px 0 0 0;
}
.spacer {
	clear:both;
	height:10px;
}
/********** Visit *****************/
.visitPg {
	width:150px;
	height:auto;
	float:right;
	margin:15px 5px 0 10px;
}
/********** Appointment ***********/
.small {
	font-size:.85em;
	color:#666;
	font-style:italic;
	padding:20px 0 10px 0;
}
/********** Left side pages *******/
#spinechart {
	width:199px;
	float:right;
	height:auto;
}
#sublaxImg {
	width:143px;
	height:auto;
	float:right;
	padding:10px 0 0 0;
	margin:0 0 0 15px;
}
.researchQuote {
	padding:4px 30px;
	font-size:.85em;
	font-style:italic;
	color:#bf1e2e;
}
#sciaticImg {
	width:300px;
	height:auto;
	float:left;
	margin:20px 15px 0 0;
}
#autoImg {
	width:225px;
	height:auto;
	float:right;
	margin:5px 15px 0 15px;
}
#autoImg2 {
	width:150px;
	height:auto;
	float:left;
	margin:5px 15px 0 0;
}
#autoImg3 {
	width:250px;
	height:auto;
	float:right;
	margin:5px 15px 0 15px;
}
#autoImg4 {
	width:250px;
	height:auto;
	float:left;
	margin:15px 15px 0 0;
}
#autoImg5 {
	width:275px;
	height:auto;
	float:right;
	margin:5px 15px 0 15px;
}
#autoImg6 {
	width:280px;
	height:auto;
	float:left;
	margin:5px 15px 0 0;
}
#autoImg7 {
	width:194px;
	height:auto;
	float:left;
	margin:25px 15px 0 0;
}
#autoImg8 {
	width:200px;
	height:auto;
	float:right;
	margin:5px 15px 0 15px;
}
.special {
	padding:10px 0 0 0;
	margin:0 0 -15px 0;
	color:red;
	font-size:.75em;
}
#head_auto {
	width:600px;
	height:auto;
	padding:0;
	margin:5px auto;
	overflow:auto;	
}
#head_auto #left {
	width:253px;
	float:left;
}
#head_auto #right {
	width:280px;
	float:right;
	padding:8px 0 0 0;
}
.coupon {
	width:500px;
	margin:20px auto;
	padding:10px;
	text-align:center;
	border:4px solid #bf1e2e;
}
#homeImg1 {
	width:200px;
	height:auto;
	float:left;
	margin:40px 15px 0px 0;
}
#home1 {
	text-align:center;
	font-size:1.4em;
	color:#ed1c24;
	font-style:italic;
	padding:15px 10px 10px 10px;
	font-weight:bold;
}
/********** Footer ****************/
.footer {
	height:45px;
	width:100%;
	background-color:#070608;
}
.footer p {
	padding:15px 0 0 0;
	margin:0;
	text-align:center;
	font-size:.75em;
	color:#8c837b;
}
.footer p a {	
	color:#8c837b;
	text-decoration:underline;
}
.footer p a:hover {	
	color:#fff;
	text-decoration:none;
}
/************** old style ***************/
/*
#mastHead { border-style: none; 
border-width: 0px; 
z-index: 1; 
left: 0px; 
position: fixed; 
top: 0px; 
width: 100%; 
background-repeat: no-repeat; 
height: 104px; 
background-color: rgb(0, 0, 131); 
background-image: url(www.legionpost459.org/Images/top_banner.JPG); 
} 

#linkIndex { border-style: none; 
border-width: 0px 1px 0px 0px; 
padding: 0px 3px 3px; 
left: 0px; 
width: 200px; 
position: fixed; 
top: 104px; 
background-color: rgb(0, 0, 131); 
} 

#contentsBox { border-style: none; 
border-width: 2px; 
padding: 3px 5px 0px; 
margin-left: 106px; 
margin-top: 0px; 
position: static; 
} 

#linkIndex > a { padding: 1px 0px; 
display: block; 
} 
#a { padding: 1px 0px; 
display: block; } 

pre.code { border: 2px dashed rgb(221, 221, 221); 
margin: 5px 25px; 
padding: 3px 8px; 
} 

dt { margin-top: 1em; 
color: rgb(221, 0, 0); 
background-color: rgb(0, 153, 0); 
} 

#mastHead { border-style: none; 
color: rgb(255, 154, 0); 
text-align: right; 
} 

#linkIndex { border-style: none; 
background-position: 50% bottom; 
background-image: url(3logo.png); 
padding-bottom: 150px; 
background-repeat: no-repeat; 
} 

#contentsBox { border-style: none; 
background: transparent url(demo_slant.png) repeat-x scroll left bottom; 
-moz-background-clip: initial; 
-moz-background-origin: initial; 
-moz-background-inline-policy: initial; 
border-left-width: 0px; 
} 

#linkIndex > a { border-left: 1px none rgb(255, 255, 255); 
padding-left: 10px; 
font-size: 90%; 
font-weight: normal; 
} 

#linkIndex > a { text-decoration: none; 
} 

#linkIndex > a:link { text-decoration: none; 
font-style: normal; 
color: rgb(255, 204, 0); 
font-family: Arial,Helvetica,sans-serif; 
text-align: left; 
font-weight: bold; 
font-size: 16px; 
} 

#linkIndex > a:visited { font-family: Arial,Helvetica,sans-serif; 
color: rgb(255, 204, 51); 
font-size: 16px; 
font-weight: bold; 
text-align: left; 
text-decoration: none; 
} 

#linkIndex > a:hover { border-right-color: -moz-use-text-color; 
border-left-color: -moz-use-text-color; 
color: rgb(102, 0, 0); 
text-decoration: none; 
background-color: rgb(255, 204, 51); 
font-family: Arial,Helvetica,sans-serif; 
font-weight: bold; 
font-size: 16px; 
text-align: left; 
border-right-style: none; 
border-left-style: none; 
} 

#contentsBox tt { padding: 0px 3px; 
color: navy; 
background-color: rgb(255, 221, 170); 
} 

#mastHead > h1 { padding-right: 1em; 
} 

#mastHead > h1:hover { color: rgb(255, 255, 255); 
} 

#foot { color: rgb(34, 119, 221); 
font-family: monospace; 
list-style-image: url(); 
display: table-row; 
}