/* *********** BODY / DIV / PAGE CONTAINER STYLES ******** */

html, body {
	min-width: 700px;
	margin-top: 0px;
	background: #cccccc;
	text-align: center;
	margin-top: 15px;
}

#whole { 
	width: 614px;
	margin: 15px auto;
	text-align: left;	
}

/* **************** HYPERLINK STYLES **************** */

a	{
	color: #3399CC;
			
	}

a:hover {
	color: #006699;
	text-decoration: underline;
	
}

a:visited {
	color: #3399CC;
}

/* **************** TOP IMAGE STYLES **************** */

#topHome {
	float: center;
	width: 614px;
	height: 123px;
	padding: 0px;
	background: #CCCCCC url(images/top_home.jpg) repeat-y center top;
}

#topAbout {
	float: center;
	width: 614px;
	height: 123px;
	padding: 0px;
	background: #CCCCCC url(images/top_about.jpg) repeat-y center top;
}

#topServices {
	float: center;
	width: 614px;
	height: 123px;
	padding: 0px;
	background: #CCCCCC url(images/top_services.jpg) repeat-y center top;
}

#topReferral {
	float: center;
	width: 614px;
	height: 123px;
	padding: 0px;
	background: #CCCCCC url(images/top_referral.jpg) repeat-y center top;
}

#topContact {
	float: center;
	width: 614px;
	height: 123px;
	padding: 0px;
	background: #CCCCCC url(images/top_contact.jpg) repeat-y center top;
}

/* **************** CONTENT CONTAINER STYLES **************** */

#contents {
	float: left;
	width: 614px;
	height: 500px;
	padding-top: 20px;
	background: #fff url(images/body_bkgrnd.gif) repeat-y center top;
	vertical-align: top;
	
} 

#contents-left {
	width: 168px;
	float: left;
	padding: 0;
	margin-left: 13px;
	margin-right: 15px;
}

#contents-main {
	float: left;
	width: 380px;
}

#contents-main p.fit{
	float: left;
	margin-right: 30px;
	margin-left:10px;
}


/* **************** GLOBAL TEXT / FORM / LIST STYLES **************** */

/* *************************************************************

HEADING USAGE

H1: Use for the name of the page. This should usually match the page's TITLE.
H2: Use for first-level subheads.
H3: Use for second-level subheads.
H4: When possible, use an inline subhead instead, using STRONG. Otherwise, use this for third-level subheads.

************************************************************* */

/* Establishes default type face for website */ 
div, h1, h2, h3, h4, input, li, p, table, textarea, address {
	font: 12px "Lucida Grande", "Verdana", sans-serif;
	color: #666;
}

h3, h4, p, li, table, input, textarea, address { 
	color: #313C40;
	font-size: 11px; 
}

ul
	{
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	}

ul li
	{
	padding-left: 15px;
	background: transparent url(images/arrow.gif) no-repeat 0 5%;
	}

li {
	line-height: 15px;
	margin: 0px 10px 10px 0px;
}

h1 {
	font: bold 18px  "Trebuchet MS", "Verdana", sans-serif;
	color: #006699;
	letter-spacing: 1px; }

h2 { 
	font: bold 16px  "Trebuchet MS", "Verdana", sans-serif;
	color: #6699CC;
	letter-spacing: 1px;
}

h3, h4 { 
	font-weight: bold;
	margin-top: 5px;
}


/* **************** SIDEBAR HOME **************** */


.clear {
	clear: both;
}

.sidebar {
	width: 168px;
	float: left;
	padding: 0;	
}

.sidebar-header {
	padding: 0;
	height: 30px;
	margin: 0;
	background: #fff url(images/sidebar_header.gif) no-repeat left top;
}

.sidebar-subheader {
	padding: 0;
	height: 30px;
	margin: 0;
	background: #fff url(images/sidebar_header_sub.gif) no-repeat left top;
}

.sidebar-header img{
	float: left;
	padding: 10px 5px 5px 10px;
	margin: 0;
}

.sidebar-subheader img{
	float: left;
	padding: 10px 5px 5px 10px;
	margin: 0;
}

.sidebar-header p {
	padding: 10px;
	margin: 0;
	color: #839752;
}

.sidebar-subheader p {
	padding: 10px;
	margin: 0;
	color: #839752;
}

.sidebar-content {
	background: #F0F0F0 url(images/sidebar_footer.gif) no-repeat right bottom;
	padding: 10px 10px 10px 15px;
	margin: 0;
	color: #666;
}

.sidebar-subcontent {
	background: #F0F0F0 url(images/sidebar_footer_sub.gif) no-repeat right bottom;
	padding: 10px 10px 10px 15px;
	margin: 0;
	color: #666;
}

.sidebar h2 {
	padding: 0;
	margin: 0;
	font: bold 11px "Garamound", "Times New Roman", Times, serif;
	color: #839752;
	text-transform: uppercase;
}

.sidebar p {
	padding: 10px 10px 10px 15px;
	margin: 0;
	color: #666;
}

.sidebar-quote {
	width: 168px;
	float: left;
	padding: 0;	
}

.sidebar-quotetop {
	padding: 0;
	margin: 0;
	background: #fff url(images/sidebar_quote_top.gif) no-repeat left top;
}

.sidebar-quotebtm {
	background: #F0F0F0 url(images/sidebar_quote_footer.gif) no-repeat right bottom;
	height: 30px;
	margin: 0;
	color: #666;
}

.sidebar-quote p {
	padding: 25px 10px 10px 25px;
	margin: 0;
	color: #5289C2;
	font-weight: bold;
}


/* **************** FOOTER **************** */

#footer {
    clear: both;
    float: center; 
	 height: 67px;
	 text-align: center;
	 letter-spacing: 1px;  
    background: #fff url(images/footer.gif) no-repeat right bottom;
	 }
    
#footer p {
	padding-top: 25px;
	margin: 0;
	font: bold 11px/-3em "Trebuchet MS", "Verdana", sans-serif;
	color: #666;
	}
        
#footer p a {
     color: #fff;
	  text-decoration: none;
	  font: bold 11px "Trebuchet MS", "Verdana", sans-serif;
      }
            
#footer p a:hover {
     border-bottom: 1px dotted #555;;
     }

#copyright {
	align: center;
	line-height: 150%;
	clear: both;
	padding-left: 15px;
	float: center;
	color: #666;
	text-decoration: none;
	font: regular 11px "Trebuchet MS", "Verdana", sans-serif;	
}