/* CSS style sheet for Thyroidcancerdoctor.com, by David Janik-Jones, http://www.csstogo.com */ 
/* CSS released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */ 
/* All web site content copyright 2005, Dr. Kenneth Ain, MD */ 
/* Started: January 20, 2005 */ 

/* This design is not a template. You may not reproduce it elsewhere without the designer's or owner's written permission. 
However, feel free to study the CSS and use whatever techniques you learn from it elsewhere. */ 

/* basic elements */ 
body { 
    background-color: #E3E3E3; 
    margin: 0; padding: 0; 
	border-top: 4px solid #C6C6C6;
	font: 12px/16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
    color: #6D6D6D;
} 
p { 
    font: 12px/16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
    color: #6D6D6D; 
    margin: 0; 
    text-align: left; 
    padding-bottom: 16px; 
} 
p a:link, p a:visited { 
    font-weight: normal; 
    text-decoration: none; 
    color: #B85A3F; 
} 
p a:hover, p a:active { 
    text-decoration: underline; 
    color: #B85A3F; 
} 
ol, li {
	font: 12px/16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
    color: #6D6D6D;
}
.list {
	font: 12px/16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
    color: #6D6D6D;
} 

/* basic container in middle of each page to hold content */
#container {
	width: 752px;
	border-left: 1px solid #C6C6C6; border-right: 1px solid #C6C6C6; border-top: 4px solid #C6C6C6;
	margin: auto auto;
	margin-top: 20px;
}

/* banner image at the top of each page */
#banner {
	width: 100%; height: 75px;
	margin: auto auto;
	background: url(images/bkngd_banner.jpg) top left no-repeat; /* Mac IE5 bug -- required double quotes */
	/* background-position: top left;
	background-repeat: no-repeat; */
}

/* navigation area below banner */
#menu {
	width: 745px;
	border-top: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; 
	background-color: #FFF;
	margin: 0; padding: 0;
	padding-left: 7px;
	height: 22px;
}

/* menu items across top of page below banner */
#menu ul {
	border: 0; margin: 0; padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	display: inline; /* Mac IE5 bug -- required */
}
#menu ul li {
	display: block; float: left;
	text-align: center;
	padding: 0; margin: 0;
}
#menu ul li a {
	background: #FFF; /* IE6 bug -- required */
	width: 105px;
	height: 2em;
	padding: 0; margin: 0;
	color: #B85A3F; /*orange red that client likes */
	text-decoration: none;
	display: block;
	text-align: center; text-transform: lowercase;
	font: 11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	line-height: 2em;
	/* font-size: xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: x-small;  */  
}
html>#menu ul li a  {
	font-size: 11px;   
}
#menu ul li a:hover {
	color: #FFF;
	background: #B85A3F;
}
#menu a:active {
	background: #B85A3F;
	color: #FFF;
}
/* UBER style for currently highlighted menu items  */
#menu li#on a {
	background: #B85A3F;
	color: #FFF;
	font-weight: normal;
}


/* footer bottom on all pages */
#footer {
	width: 752px; height: 48px;
	background-color: #ECECEC;
	border-top: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6;
}

/* content area */
#content {
	background-color: #FFF;
	padding: 20px 20px 0px 12px;
	position: relative;
}
#kenpic {
	position: absolute;
	top: 20px; left: 312px;
	width: 231px; height: 284px;
	background-image: url(images/ken_colour.jpg);
}


/* this is where all of the fonts are styled */
#banner p {
	padding-top: 42px;
	padding-left: 320px;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
}
#footer p {
	font: 11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #8D8D8D;
	text-align: center;
	padding-top: 18px;
}
.title {
	font: 13px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #B85A3F;
}