/* This CSS file is also referenced by OSMPortal.com/ccHuttonMd/appointments.aspx */body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; 
     background: #DCB3B3; 
     margin: 0; 
     padding: 0;
     text-align: center;
	color: #000;
	
}
#container{
	/*background: url(images/bgstrip_green.gif) repeat-x;*/
}
#wrapper {
     background: url(images/pagebg.gif); 
     margin: 0 auto; 
     padding: 0 0px; 
     width: 780px; 
     text-align: left; 
     position: relative; 
/*border: 1px solid fuchsia;*/
}

/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

#header {
	background: url(images/cchutton_header.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	height: 185px; /* the actual height desired is 155px. But height and padding (and borders if they were used) must add up to the final desired number */
	padding: 0;
	margin-bottom: 0px;
	/*border: 1px solid #7CFC00;*/
}
#header h1 {
	font-size: 1.4em; 
	color: #BF9E60;
	padding: 65px 2px 5px 248px; 
	margin: 0;
	
}

.addressBlock{
	position: absolute;
	top: 5px;
	right: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 70%;
	color: #fff;	
	
}
.addressBlock p{
	padding: 0;
	margin: 3px 0;
}

.pHeading{
	text-decoration: underline;
	padding-right: 7px;
}

img{
	border: 0px;
}

#content {
	/*background: url(images/phgjw_contentBG.gif) repeat-y; */
	margin: 10px 0px 0 230px; /* this carves out the space for the navigation and creates the proper content area */
	padding: 5px 0px;
	min-height: 350px;
	width: 520px;
	position: relative;
	/*border: 1px dotted blue;*/
}

/* The following selectors are styling for the content div's headings, paragraphs and links. If sIFR is used for the headings, make sure any padded added to these selectors is also added to the sIFR replacement calls in the body. */
#content h1{
	font: bold 1.10em  Verdana, Arial, Helvetica, sans-serif;
	color: #690139;
	margin: 0px 0px 10px 10px ;
	/*font-variant: small-caps;*/
	text-align: left;
	border-bottom: 2px solid #690139;
}

#content h2, #content h4, #content h3  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 10px 0px 6px 10px;
}
#content h4, #content h3 {
	font-size: .90em;
}

#content h2{
	font-weight: bold;
	font-size: .90em;
	color: #b7005c;
}

#content p {
	color: #000;
	font: .75em/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 10px;
}

#content .subPg{
	color: #333;
	font: normal .90em/135% Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px;
}
#content ul{
	/*color: #333;*/
	font: normal .90em/135% Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
}
#content .disklist {
	list-style: disc;
	font-size: .80em;
	
}
#content ul li{
	margin-bottom: 5px;
}


#content .link { /* creates the larger Learn More link at the bottom of the page */
	font: 1.25em  Verdana, Arial, Helvetica, sans-serif;
}
#content a:link, #content a:visited {
	color: #191970;
	/*text-decoration: none;*/
}
#content a:hover, #content a:active, #content a:focus {
	text-decoration: underline;
}

.notes{
	font-style: italic;
	font-weight: bold;
	color: red;
}
.notice{
	font-size: 70%;
	text-align: center;
}

#frontPhoto{
	/*position: absolute;
	bottom: 8px;
	right: 20px;*/
	position: relative;
	bottom: 0;
	right: 0;
	border: none;
}

/* The following selectors control the sidebar/navigational area */
#sidebar {
	background: transparent url(images/navbg.gif) no-repeat;
	float: left; 
	width: 202px; /* must have a width value */
	height: 400px;
	margin: 10px 0px 10px 16px;
	padding-left: 0px;
	padding-top: 3px;
	/*border: 1px dashed purple;*/
}

ul#nav {
	padding: 20px 0 0 10px;  
	margin: 0;
	list-style: none; 
	/*width: 170px;*/
	/*border: 1px solid red;*/
}

#nav li {
	height: 1.0em;
	padding: 0px; 
	margin: 15px 0 15px 10px;
	/*margin-left: 5px;  clears the left side evenly all the way down 
	margin-bottom: 0px;*/
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #2f2f2f;
	/*border: 1px solid magenta;*/
	}

#nav li a:link, #nav li a:visited {
	display: block;  /*this makes the A element clickable all the way across (not just on the words) */
	color: #2F2F2F; 
	font-weight: bold; 
	text-decoration: none; 
	padding: 5px 0 5px 10px;	
	/*border: 1px solid red;*/
}
#nav li a:hover, #nav li a:active, #nav li a:focus {
	color: #690139; /*for contrast, the text color changes to white */
	/*height: 1.5em 33px;*/
	/*height: 33px;*/
	text-decoration: underline;
}

#apptForm{
	width: 475px;
	margin: 10px auto;
	font-size: .8em;
	
}
#apptForm td{
	margin-bottom: 5px;
}


/* the next two selectors simply create the black bottom of the page */
#bottom {
	/*background: #690139;*/
	width: 100%;
	height: 2.0em;
	margin: 0 auto;
	}

#pagebott {
	background: #690139 url(images/footerbg.gif) repeat-y; 
	width: 780px; 
	height: 2.0em;
	margin: 0 auto;
	color: #fff;
	}
#pagebott p {
	margin: 0;
	text-align: center; 
	font-size: 0.65em; /* choose a font size slightly smaller than your main page for best results */
	color: #fff; 
	padding: 5px; /* creates a small amount of space */
	letter-spacing: .06em; /* if this causes problems in any browsers, simply remove it */
}

.fltrt {
	float: right;
	margin-left: 8px;
	margin-top: 0;
	padding: 0px;
}
.fltlft {
	float: left;
	margin-right: 8px;
	margin-top: 0px;
	padding: 0;
}

.brclear { /* Use a break with this class to clear float containers on both sides */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right */ 
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
#getDirections{
	margin: 5px 0px 5px 40px;;
	font-size: 100%;
	width: 300px;
}
#mapform{
	margin: 5px 0px 5px 40px;;
	font-size: 80%;
	width: 300px;
}
#sidebar .superdocBadge{
	float: left;
	margin: 100px 0 10px 12px;
	width: 176px;
	height: 128px;
	/*border: 1px solid blue;*/

}
.dropcap {
float:left;
color:#b7005c;
font-size:80px;
line-height:50px;
padding: 2px 0 2px 0;
font-family: "Times New Roman", Times, serif;
} 

#announce{
	border: 1px solid #858585;
	margin: 5px 0 8px 0;
	padding: 0;
}
#announce h1{
	color: #c80000;
	font-size: .90em;
	padding: 3px;
	margin: 0;
	border: 0;
}
#announce p{
	color: #c80000;
	font-weight: bold;
	padding: 3px;
	margin: 0;
}