html,body {
margin:0;
padding:0;
width:100%;
height:100%;
font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:16px;
line-height: 24px;
background:#fff;
color:#333;
}
a {text-decoration:none;}
a:link {color:#999;}
a:visited {color:#999;}
a:hover {color:#000;}

/* main div tags, container top middle bottom
--------------------------------------------- */
body {
width:100%;
background:url(images/bgHeader2.jpg) repeat-x;
}

#container {
margin:0 auto;
width:980px;
}

#top { /* menu bar */
margin: 0 auto;
width:930px;
height:350px;
background:url(images/headerAbout2.jpg) 50% 0 no-repeat;
color:#74dbbf;
}

#middle { /* main content */
width:850px;
}

#bottom { /* footer info */
clear:both;
width:auto;
margin-left:0;
margin-bottom:0px;
height:100px;
background:url(images/bgFooter.jpg) repeat-x;
}

/* menu bar
--------------------------------------------- */
#menu {
clear:both;
padding-top:84px; 
color:#fff;
}
#menu a {
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
color:#fff;
}

#menu ul {
list-style:none;
text-align:center;
margin: 0 auto 10px auto;
padding-left: 0;
font-family:Optima, Verdana, Arial, Helvetica, sans-serif;

}

#menu li {
display:inline;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
padding-top:5px;
padding-bottom:5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: #666;
line-height: 1.5em;
}

#menu li:first-child {
	border-left: none;
}

#menu li:last-child {
	border-right: none;
}

#menu li:hover {
color: #FFF;
background: rgb(51,153,93);
-webkit-text-shadow: 0 1px 0 #000;
-moz-text-shadow: 0 1px 0 #000;
-o-text-shadow: 0 1px 0 #000;
-ms-text-shadow: 0 1px 0 #000;
text-shadow: 0 1px 0 #000;
}

/* content
--------------------------------------------- */
.new-patient-btn {
	margin-left: 10px;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;	
	-o-border-radius: 5px;	
	-ms-border-radius: 5px;	
	border-radius: 5px;	
}

.new-patient-btn:hover {
	opacity: .9;
}

#contactSheet { /* staff contact list */
clear:both;
margin-left:100px;
}
#contactSheet td {
text-align:left;
border-bottom:1px solid #ccc;
border-spacing: 0px;
padding-left:0px;
}
#contactSheet td.prompt {
text-align:left;
border-bottom:1px solid #ccc;
padding-left:50px;
}
#contactSheet td.name {
text-align:left;
border-bottom:1px solid #ccc;
padding-right:20px;
}
#contactSheet a:link {
text-decoration:underline;
color:#393;
}
#contactSheet a:hover {
background-color: rgba(51,153,93,.25);
}

#contactSheet a:visited {
text-decoration:underline;
color:#393;
}


#contentLeft { /* left side Content */
float:left;
color:#333;
width:550px;
text-align:left;
}
#contentLeft img.thumb {
padding:0px;
margin-top:0px;
width:550px;
border:0px;
}
#contentLeft a:link {
text-decoration:underline;
color:#393;
}
#contentLeft a:hover {
background-color: rgba(51,153,93,.15);
}
#contentLeft a:visited {
text-decoration:underline;
color:#393;
}
#contentLeft font.underline {
text-decoration:underline;
color:#000;
}
#contentLeft h1 {
font-family:Optima, Verdana, Arial, Helvetica, sans-serif;
color:#900;
}
#contentLeft h3 {
font-family:Optima, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#900
}
#contentLeft ul {
list-style:none;
padding-left:20px;
}
#contentLeft li {
padding-left:20px;
}

#contentRight { /* right side bar */
width:250px;
float:right;
margin-top:10px;
text-align:justify;
background:white;
}
#contentRight img.rightPic {
padding:0px;
margin-top:0px;
margin-left:0px;
width:350px;
border:0px;
}
#contentRight a:link {
text-decoration:underline;
color:#393;
}
#contentRight a:visited {
text-decoration:underline;
color:#393;
}
#contentRight a:hover {
background-color: rgba(51,153,93,.25);
}

#contentRight h1 {
font-family:Optima, Verdana, Arial, Helvetica, sans-serif;
padding-left:25px;
margin:0;
color:#600;
}

/* Footer
----------------- */
#footer { 
clear:both;
margin:0;
padding-top:27px; 
padding-left:50px;
font-size:12px;
}
#footer ul {
list-style:none;
text-align:center;
}
#footer li {
display:inline;
}
#footer p.timeDate {
color:#333;
}

/* misc
------------------------- */
h1 {
font-size:22px;
color:#900;
font-family:Optima, Verdana, Arial, Helvetica, sans-serif;
}

h2 {
margin:0;
color:#600;
font-family:Optima, Verdana, Arial, Helvetica, sans-serif;
}

img.floatleft { /* <img src=... class="floatleft"> */
float:left; 
margin:4px; 
}

p {
margin-left:15px;
}

strong {
color:#600;
font-family:Optima, Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}

#contentRight a.none, #contentLeft a.none {
	background: none;
}