/*

Theme Name: Family Therapy Associates
Theme URI: http://lireo.com/family
Description: Re-design of table-based design
Author: D. Edwards-Onoro
Author URI: http://www.ftaannarbor.com/
Version: 1.1
General comments:
Created: April 22, 2008 
Last updated: August 22, 2008

Colors codes: 	
Text: #3a3214;
Page background - #ffffe8;
Navigation background  - #007b7b;
Content background - #ffffe8;				
*/


/*= global settings */
body  {
	background: url(images/sas.jpg) repeat;
	color: #3a3214;
	font: 80%/1.4 arial, helvetica, verdana, sans-serif;
	margin: 0; 
	padding: 0;
}
html { /* needed for vertical scrollbar in Firefox, eliminates jog vertically between pages when there is minimal content  */
	min-height: 100%; margin-bottom: 1px; 
}
ul, ol, li, dl, dd, dt {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
	text-decoration: none;
}


/*= layout containers */
#container { 
	background: #ffffe8; 
	text-align: left; 
	width: 960px;  
} 
#offset {
	position: absolute;
	top: -5000px;
	left: -5000px;
}
#header { 
	background: url(images/sas.jpg) repeat;
	padding: 0 10px 0 20px;
	position: relative;  
} 
#nav {
	background: #007b7b;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 959px;
}
#sidebar1 { 	
	float: right; 
	padding: 5px 10px 5px 0;
	width: 178px; 
}
#content {
	background: #ffffe8;
	border: 1px solid #000000;
	width: 958px;
}
#mainContent {
	border-right: 1px solid #000;
	float: left;
	margin: 0;
	padding: 5px 10px;
	width: 735px;
} 
#footer { 
	background: url(images/sas.jpg) repeat;
	padding: 0 10px 0 20px; 
}


/*= header styles */
#header p {
	margin: 0; /* zero margin of last element to avoid margin collapse */
	padding: 10px 0; 
}
#header p span {
	position: absolute;
	top: -10000px;
}
#headerinfo {
	position: absolute;
	top: 120px;
	right: 0px;
}
#offset ul li a:focus, #skipnav ul li a:active {
	display: block;
	top: 5010px;
	left: 5010px;
	overflow: visible;
	width: 10em;
}


/*= navigation styles*/
#nav li {
	float: left;
}
#nav a {
	border-left: 1px solid #000000;
	color: #ffffe8;
	float: left;
	letter-spacing: .03em;
	line-height: 2.3;	
	padding: 0 15px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
#nav a:hover {
	background: #e0e0c0;
	color: #000000;
}
#nav li.current_page_item a:link,
#nav li.current_page_item a:visited,
#nav li.current_page_item a:hover,
#nav li.current_page_item a:focus,
#nav li.current_page_item a:active {
	background: #e0e0c0;
	color: #000000;
	cursor: default;
}


/*= content styles*/
#content a:hover {
	color: #ff0000;
	text-decoration: none;
}


/*= mainContent styles */
#mainContent h1 {
	color: #3a3214;	
	font: bold 120% verdana, arial, helvetica, sans serif;
	margin-top: 10px;
}
#mainContent h2 {
	color: #3a3214;	
	font: bold 105% verdana, arial, helvetica, sans serif;
	/* margin-bottom: -.5em; */
}
#mainContent p,
#mainContent ul,
#mainContent h1,
#mainContent h2 {
	margin-left: 350px;
}
#mainContent ul ul {
	margin-left: 0;
}
#mainContent p a:hover {
	color: #ff0000;
}
#mainContent ul li {
	margin: 0 0 0 20px;
	padding-left: 5px;
}
/* #mainContent #subnav ul{
	float: left;
	list-style-type: none;
	margin: 80px 0 0 0;
	padding:0;
	width: 350px;
}
#mainContent #subnav li {
	float: left;
	list-style-type: none;
} */
#mainContent #subnav ul {
	padding: 10px 0 0 0;
	width: 350px;
}
#mainContent #subnav li {
	/* border-right: 1px solid #000; */
	display: inline;
	font-size: 90%;
	line-height: 1.8;
	list-style-type: none;
	margin: 0;
	padding: 0 5px;
}


/*= sidebar1 styles */
#sidebar1 h2 {
	color: #3a3214;	
	font: bold 105% verdana, arial, helvetica, sans serif;
	margin: 0;
	padding: 10px 0 0 0;
}
#sidebar1 dt {
	border-top: 1px dotted #666666;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}
#sidebar1 dd {
	font-size: 95%;
	padding: 0 0 0 5px;
}

/*= footer styles */
#footer p {
	font-size: 90%;
	margin: 0; /* zero margins of the first element in the footer to avoid margin collapse */
	padding: 10px 0; 
	text-align: center;
}

/*= misc styles */
.floatright { /* floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.floatleft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear: both;
    font-size: 1px;
    height:0;
    line-height: 0px;
}
.clearleft{
	clear: left;
}