@charset "utf-8";
/* CSS Document */


/*General CSS layout idea from CSS Zen Garden Book - Page 91*/

#wrapper {
	width: 785px;  /*was 816*/
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-image:url(../assets/images/backgrounds/white-content-background.jpg);
	/*background-position: 70% 20%;*/
	

}



#header {width: 740px; clear: both; text-align: left; margin-left: 25px;/*border-bottom: 1px dotted #A5AEC5;*/ /*border-left:thin; background-image:url(http://www.site.com/assets/images/navigation/pencil.jpg);*/}
/*NAV Menu - positioned to the right
#navMenu {position:relative; left:150px; clear: both; text-align: left; border-bottom: 1px dotted #A5AEC5;}
*/


#navMenu {width: 758px; clear: both; text-align: left; margin-left: 25px; /*border-bottom: 1px dotted #A5AEC5; border-top: 1px dotted #A5AEC5;*/}


#contentArea {width: 610px; float: left; display: inline; margin-left: 13px;  /*border-bottom: 1px dotted #A5AEC5; margin-left: 10px; */}		/*display: inline is a bug fix for IE that fixes the incorrect doubling of the margin-width*/
#leftPanel {width: 120px; float: left; display: inline; margin-left: 25px; margin-top: 5px;/*border-bottom: 1px dotted #A5AEC5;*/}
/*#rightPanel {width: 130px; float: left; border-bottom: 1px dotted #A5AEC5;}*/
#footer { width: 100%; clear: both; text-align: left; /*margin-left: 25px;*/ /*border-top: 1px dotted #A5AEC5;*/ background:url(http://www.williamsonmedicalcenter.org/images/footerbg.gif)}


.myStyle {
	background-color: 464543;

}

body
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*font: 8pt/14pt georgia; */   /*old original before new font family above */
	text-align: center;  /*This is the CSS trick shown on page 89 of CSS Zen Garden book*/


	/*This is unique to the 1 panel layout. This will make it so images go hard left and align with the top nav and logo*/
	/*added to the 2 panel layout to see if the logo alignment issue will be straightened out */
	margin-left: 0px;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#efddb1;
	
	
	
	padding: 0;
  	margin: 0;
	background-image: url(../assets/images/backgrounds/background.jpg); background-repeat: repeat-x;
  	width: 100%;
	height:100%;  
	
	}
	
p {
	/*font: 11pt/14pt georgia;   /*first num is font size, second num is line spacing */ /*removed and merged in old o'more site's font in the body above */ 
	/*text-indent: 15pt; */ /* for new paragraphs indendation*/
	/*text-decoration: blink;*/
	padding: 6px;  /*sets the padding so that the text doesn't hug the right and left sides of the <DIV> too close*/
}


.footerText{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 5pt;
	/*font: 8pt/14pt georgia; */   /*old original before new font family above */
	text-align: center;  /*This is the CSS trick shown on page 89 of CSS Zen Garden book*/


}

.footerText {
	font: 8pt/16pt georgia;
	/*text-indent: 15pt; */ /* for new paragraphs indendation*/
	/*text-decoration: blink;*/
	padding: 5px;  /*sets the padding so that the text doesn't hug the right and left sides of the <DIV> too close*/
	color: #8a8c8c;
}

h1 {
font: 12pt georgia;
font-weight: bold; 
}
	

hr {
color:#c29cc6;		/*Note, both color and background are needed to work between IE and Firefox*/
background:#c29cc6;
}




a:link { 
	font-weight: normal; 
	text-decoration: none;
	color: #633C68;
	}
	
a:visited { 
	font-weight: normal; 
	text-decoration: none;
	color: #633C68;
	}

a:hover { 
	text-decoration: underline; 
	color: #555555;
	}
	
a:active { 
	text-decoration: none; 
	color: #633C68;
	}


/*--------------------------------------------------------------------*/
/*The .boldLink class is for the links along the top in the header */

.boldLink:link {
	font: 8pt/14pt georgia;  
	font-weight: bold; 
	text-decoration: none; 
	color: #086d63;
	}
	
.boldLink:visited { 
	font: 8pt/14pt georgia; 
	font-weight: bold; 
	text-decoration: none; 
	color: #086d63;
	}

.boldLink:hover, .boldLink:active { 
	font: 8pt/14pt georgia; 
	font-weight: bold; 
	text-decoration: underline; 
	color: #086d63;
	}

/*--------------------------------------------------------------------*/


/*--------------------------------------------------------------------*/
/*The .sideLink class is for the links along the side in the page (secondary nav) */
.sideLink:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;   /* was "normal;"  */ 
	text-decoration: none;    /* was "none;"  */ 
	color: #990f0d;
	}
	
.sideLink:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none; 
	color: #990f0d;
	}

.sideLink:hover, .boldLink:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline; 
	color: #d93c3a;
	}




/*CSS for a side nav item that is clicked*/
.clickedSideLink:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;   /* was "normal;"  */ 
	text-decoration: none;    /* was "none;"  */ 
	color: #72387D;
	}
	
.clickedSideLink:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none; 
	color: #72387D;
	}

.clickedSideLink:hover, .boldLink:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline; 
	color: #72387D;
	}








/*--------------------------------------------------------------------*/

.form { font-size: 9px; width:150px; height:13px; }      /*The HTML Files that use this style need to have class="form" in their input tags */


.searchButton {

		font-size: 12px;
		/*border:1px solid #3b6e22;
		color:#666666;*/
		width:50px;
		height:20px;


}

img
{  border-style: none;
}