/*
Theme Name: WFMD
Theme URI: http://www.wholefamilymd.org/
Description: The 1st Whole Family MD site
Version: 1.0
Author: Nancy Martin/Ronnie Sampson
Author URI: http://viridiancs.com

*/

BODY  { font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        background-color: #FFF;
		line-height: 120%;   
		margin: 0;
		padding: 0;
	/*color : #404E48;*/
}

h1 {
	font-size: 32px;
	line-height: 1.1em;
	font-weight:normal;
	margin-bottom: 6px;
	color : #78A399;
}

h2 {
	font-weight:normal;
	font-size: 18px;
	margin-top: 24px;
	margin-bottom: 4px;
}

h3 {
	font-weight:normal;
	font-size: 16px;
	margin-top: 21px;
	margin-bottom: 3px;
	color: #CC8027;
}

h4 {
	font-weight:normal;
	font-size: 15px;
	margin-bottom: 3px;
}

p {
	font-size : 14px;
	margin-top: 12px;
	margin-bottom: 0;
}

ul {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 1em;
	padding-left: 0;
}

li {
	margin-top: 9px;
}

a {
	color: #CC7F26;  
	TEXT-DECORATION: none;
	font-weight: bold;
}


a:visited {
		/*color: #59461A;
	TEXT-DECORATION: none;*/
}

a:hover {
	COLOR: #59461A; 
	TEXT-DECORATION: underline; 
}

.emphasis {
	color: #CC8027;
}

.blueText {
		color : #78A399;
}

.caption {
	FONT-SIZE: 10px; 
	COLOR: #000000; 
}
			
.floatright { 
		float: right;
		margin-left: 14px;
		font-size: 10px;
			 }
.floatleft { 
		float: left;
		margin-right: 14px;
		font-size: 10px;
			 }
div.floatleft p {
   text-align: left;
   padding-top: 0;
   }
div.floatright p {
   text-align: left;
      padding-top: 0;  
   }

form {
	 margin-bottom: 0px;
 }

.notopspace {
	margin-top: 0;
}

#everything {
	width: 936px;
	margin: 11px 11px 0 11px;
}

#header {
	background: #59461A url(https://nomoreclipboard.com/images/wholefamilymd/brownCorner.gif) top right no-repeat;
	height: 75px;
	padding: 0 16px 0 12px;
}

#topLogo {
	width: 280px;
	margin-top: 29px;
	padding-top: 0;
	float: left;
background-image: url(https://nomoreclipboard.com/images/wholefamilymd/WFMDonBrown.gif);
background-repeat:no-repeat;
	 color: #E3EEDF;
}

#topLogoClickable {
	    display:block;
	    height:38px;
	    width:273px;
text-indent:-9999px;
}

#topLogo h1 {
	margin:0px;
display:block;
text-indent:-9999px;
}

#headerText {
	float: right;
	color: #FFF;
	margin-top: 32px;
}

#headerText p {
	font-size:12px;
}

#headerText a {
	color: #F8A11F;
	text-decoration: none;
}

.address {
	padding: 0 6px;
	color: #CC8027;
}

#address p {
	margin-top: 3px;
	font-size: 14px;
	font-weight: bold;
}

#wrapper {
	/*position: relative;*/
	clear: both;
	margin-top: 12px;
}

#leftSide {
	float: left;
	margin: 0;
	margin-bottom: 12px;
}

#buttons {
	text-align: right;
	padding: 20px 12px 3px 3px;
	vertical-align: top;
	width: 156px;
	height: 100%;
	background: #78A39A url(https://nomoreclipboard.com/images/wholefamilymd/leftNavCorner.gif) top right no-repeat;
}

#buttons ul {
	list-style: none;
	text-indent: none;
	padding: 0;
	margin-left: 0;
}

#buttons li {
	text-indent: none;
	line-height: 19px;
	font-size: 14px;
	text-transform: capitalize;
}

.button {
		font: bold 12px;
}

#buttons p {
		font: bold 12px;
}

#buttons a {
	color: #fff;  
	font-weight:bold;
	text-decoration:none;
}

#buttons a:visited {
		/*color: #fff;*/
}

#buttons a:hover {
	COLOR: #ff8c00; 
}

#buttonsBottom {
	background: #78A39A url(https://nomoreclipboard.com/images/wholefamilymd/leftNavBtmCorner.gif) bottom left no-repeat;
	height: 18px;
}

#contents {
	float: left;
	margin-left: 12px;
	margin-bottom: 12px;
	background-color: #F2F9F6;
	overflow: hidden;
}

#mainArea {
	float: left;
	padding: 1px 20px;
	background: #F2F9F6 url(https://nomoreclipboard.com/images/wholefamilymd/mainAreaCorner.gif) top left no-repeat;
	width: 474px;
	border-right: #FFF solid 239px;
	margin-right: -239px;
}

#mainContent {
	float: left;
	margin-bottom: 20px;	
}

#mainAreaBox {
	border: #636F6C solid 2px;
	background-color:#FFF;
	margin-top: 30px;
}

#mainAreaBoxBar {
}

#mainAreaBoxHead {
	float: left;
	margin: 0;
	padding: 8px 0 0 10px;
	background-color: #F89B33;
	height: 32px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #636F6C;
	text-transform: lowercase;
	margin-top: 0;
}

#mainAreaBoxHead .emphasis {
	color: #E5EDEB;
}

#mainAreaBoxEnd {
	float:left;
	background: #F89B33 url(https://nomoreclipboard.com/images/wholefamilymd/whiteBoxHeader.gif) bottom right no-repeat;
	height: 40px;
	width: 24px;
}

#waitingRoom {
	clear: both;
	margin: 0;
	padding: 6px;
}

#waitingRoom h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	color: #636E6C;
	margin-bottom: 3px;
}

#waitingRoom h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4D8F89;
	margin-top: 0;
	margin-bottom: 0;
}

#waitingRoom p {
	font-size: 12px;
	font-weight: normal;
	color: #636E6C;
	margin-top: 3px;
	margin-bottom: 6px;
}

#waitingRoom li {
	font-size: 12px;
	font-weight: normal;
	color: #636E6C;
	margin-top: 3px;
	margin-bottom: 6px;
}

.align-left { float:left; margin: 0 10px 4px 0; }

#rightside {
	background-color: #FFF;
	float: right;
	text-align:left;
	width: 214px;
	padding: 18px 4px 10px 10px;
	color: #556A60;
	z-index: 1;
}

#rightside p {
	font-size: 12px;
	line-height: 15px;
	margin-top: 6px;
	margin-bottom: 6px;
}

#rightside h1 {
	font-weight: normal;
	font-size:16px;
	line-height: 18px;
	margin-bottom: 3px;
	margin-top: 8px;
	color: #338585;
}

a.rightsideA {
	color: #CC7F26;  
	TEXT-DECORATION: underline;
	font-weight: normal;
}

a.rightsideA:visited {
		color: #338585;
}

#rightside ol {
margin-left: 0;
padding-left: 1.5em;
}

#form1 {
	margin: 9px 0;
}

#rightside .topSpace { margin-top: 12px;}

#rightside .bottomSpace { margin-bottom: 12px;}

#rightside hr {color: #fff; background-color: #fff; border: 1px dotted #DCCDA0; border-style: none none dotted; }

#rightside h2 {
	font-size:11px;
	margin-top: 12px;
	margin-bottom: 0;
}

#rightside li {font-size: 13px; line-height: 15px; }

#rightside ul {
	margin-top: 6px;
	margin-bottom: 6px;
}

#rightside ul.navigation {
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	margin-top: 6px;
	margin-bottom: 6px;
}

#bottom {
	clear:both;
	width: 922px;
	margin-top: 6px;
	background-color: #DAEDEB;
	padding: 6px 18px;
	height: 25px;
}

#bottomLogo {
	float:left;
	width: 100px;
		margin-top: 2px;

}

#bottomNav {
	float:left;
	margin-left: 80px;
}

#bottom ul {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	margin-left: 0;
	font-size: 10px;
}

#bottom li {
	display: inline;
	margin-right: 7px;
	}

#bottom .button {
		font-size: 10px;

}
#bottom a {
		color: #5D6865;
		TEXT-DECORATION: none;
		font-weight:normal;
}

#bottom a:hover {
		COLOR: #78A399 ; 
		TEXT-DECORATION: underline; 
}

#bottomCopyright {
	float:right;
}

#bottom p {
		color: #78A399;
		font-size: 11px;
		font-weight:normal;
	margin-top: 0;
}



td p {
	margin: 0;
}

.leftAlign {
	text-align: left;
}

.rightAlign {
	text-align: right;
}

.centerAlign {
	text-align:center;
}


.bottomSpace { margin-bottom: 9px;}

.backToTop {
	margin-top: 12px;
	font-size: 10px;
}

/* drop-downs */

.service{ /*header*/
cursor: hand;
cursor: pointer;
	font: bold 16px;
	margin: 10px 0 3px 0 ;
	text-decoration:underline;
}

.openlanguage{ /*class added to contents when they are open*/
color:  #504F17;
}
.closedlanguage{ /*class added to contents when they are closed*/
color: #7f482f;
}
.thelanguage {
	margin-bottom: 18px;
}
.thelanguage li {
	margin-bottom: 6px;
	margin-top: 3px;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.right {float:right;}
.left {float:left;}

.img {border: 0; }

.smaller { 
     font-size: 11px;
	 margin-top: 0;
	 margin-bottom: 0;
			}


/* Begin Typography & Colors */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


#mainContentContact {
	float: left;
	margin-bottom: 20px;
	font-size: 12px;
}


.wp-caption {
border: 1px solid #636F6C;
background-color:#FFF;
text-align: center;
padding-top: 10px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
font-weight: bold;
padding: 8px;
margin: 0;
}