/* 	Fayette Area Dermatology
	Written by: Cody Beckner
				xyzpdq.org
	4/26/2006
 */

body { background: #FFFFFF; background-image: url(../images/ui/background.jpg); background-repeat: repeat-x; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .75em; margin: 0; height: 100%; }
#footer { color: #999999; text-align: center; display: block; margin: 0 5%; position: inherit; border-top: #CCCCCC 1px solid; clear: both; }
#face { z-index: 1; position: absolute; top: 0; left: 635px; }
.pdf { background-image: url(../images/ui/pdf.gif); background-repeat: no-repeat; margin: 0 0 0 20px; border-bottom: none white 0px; }
ol li { border: white 0px solid; }
.pdf a { color: #666666; margin: 0 0 0 30px; text-decoration: none; border-bottom: dotted #ccc 1px; }
#title { height: 101px; white-space: nowrap; }
#title #logo { position: absolute; top: 0px; left: 0px; }
#title #information { position: absolute; top: 5px; right: 5px; color: white; z-index: 5; }
#content { margin: 0; display: block; height: 100%; clear: both; width: 775px; }
#content ul { margin: 0; padding: 0 0 0 5px; list-style: none; }
#content li { padding: 5px 0; /*	border-bottom:#CCCCCC solid 1px;*/ }

/* Begin Menu */
#menu { font-size: 12px; margin: 80px 0 0 0; height: 16px; float: left; white-space: nowrap; z-index: 5; /*background:#b6d645; 	border-bottom:#fff solid 1px;*/ }
#menu li { display: inline; margin: 0 10px 0 0px; padding-left: 10px; font-weight: bold; font-variant: small-caps; }
#menu .selected { background-image: url(../images/ui/selected_arrow.gif); background-repeat: no-repeat; background-position:left top;}
#menu li a { text-decoration: none; color: #000000; }
#menu li a.hover { text-decoration: underline; color: #000000; }
/* End Menu */

/*begin Left Column*/
#leftColumn { padding: 4px 0 0 7px; margin: 0; background-image: url(../images/ui/side_menu_background.jpg); background-repeat: repeat-y; background-attachment: scroll !important; background-attachment: fixed; width: 180px; float: left; height: 194px; overflow: auto; }
#leftColumn h3 { color: #0b6798; font-size: 14px; text-align: left; margin-bottom: 5px; font-weight: normal; padding-left: 12px; background-image: url(../images/ui/down-arrow.gif); background-repeat: no-repeat; margin-left: 10px; }
#leftColumn li { border: none #ffffff 0; }
#leftColumn a { color: #333333; text-decoration: none; margin: 2px 0 0 0; }
#leftColumn a:hover { color: #000000; border-bottom: dotted 1px #999999; }
#leftColumn .selected { color: #000000; font-weight: bold; }
/* End Left Column */

/*RightColumn*/
#rightColumn { width: 575px; float: left; height: 100%; margin: 0; }
#rightColumn h1 { font-variant: small-caps; color: white; font-size: 20px; text-align: left; float: left; }
#rightColumn h2 { color: #0b6798; font-size: 1.4em; text-align: left; margin-bottom: 5px; font-weight: normal; padding-left: 12px; background-image: url(../images/ui/down-arrow.gif); background-repeat: no-repeat; margin-left: 10px; padding-top: 2px; }
#rightColumn h3 { color: #000; font-size: 1.075em; text-align: left; font-style: italic; padding-left: 10px; margin-bottom: 0; }
#rightColumn h2 { font-size: 1.1em; }
#rightColumn .bio { /*	border-right: white solid 1px; 	border-left: white solid 1px;*/ background-image: url(../images/ui/bio_background.jpg); background-repeat: no-repeat; padding: 0 15px; float: right; margin: -6px 0 0 0; }
#leftContent { float: left; width: 275px; padding: 0 0 0 4px; }
#rightContent { float: right; width: 275px; padding: 0 0 0 4px; }
#rightColumn p { padding: 0 0 0 4px; text-align: justify; }
#rightColumn #office { display: block; height: 198px; margin: 0; padding: 0 0 5px 0; }
#rightColumn #headerRow { height: 190px; margin: 0; padding: 5px; }
#rightColumn #bodyRow { margin: 0; padding: 5px; }
#rightContent li { border-bottom: #CCCCCC solid 1px; }
#leftContent li { border-bottom: #CCCCCC solid 1px; }

.date { color: #999999; font-weight: bold; }
.clear { clear: both; }