﻿/* CSS Document */

/*===========================================================
	Legend
	------------------------------------------
	light blue 	    - #85A0CB
    lt blue headers - #B7CCEB 
	light green     - #CCFFCB
    dark green      - #66CC99
	blue 		    - #236AB4
	dark blue 	    - #003399
===========================================================*/

body 
{
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:.9em;
    background-image:url("../IMAGES/bkgnd_main.jpg");
    background-repeat:repeat-y;
    background-position:center;
    background-color:#85A0CB;
    padding:40px 0 40px 0;
}

h1, h2
{
    font-family:"Times New Roman", Times, Serif;
    font-variant:small-caps;
    color:#B7CCEB;
    font-weight:normal;
    font-size:3em;
    letter-spacing:-.025em;
    padding:0;
    margin:0;
}

h2
{
    font-size:3em;
}

h3
{
    
}


h4 
{
    color:#FF0000;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:normal;
    letter-spacing:.1em;
}

h5
{
    font-size:1em;
    text-transform:uppercase;
    font-weight:normal;
    padding:0;
    margin:0;
    color:#003399;
}


a
{
    color:#003399;
    text-decoration:none;
}

a:hover
{
    color:#FF0000;
    text-decoration:underline;
}

img
{
    border:none;
}

p
{
    line-height:1.8em;
}

#wrapper
{
  text-align:left;
  margin:auto;
  padding:0;
  width:750px;
  height:auto;
  min-height:700px;
  background-color:#FFFFFF;
}

#header
{
    height:117px;
    width:750px;   
}

#content
{
	width:490px;
	padding:10px 20px 40px 40px;
	overflow:visible;/* for Mac IE 5 variable height.*/
}

/*-----hide from Mac IE 5------\*/
#content{
	display:table;/*variable height for Safari/Mozilla*/
	height:auto;
}

* html #content{height:100%;}/* variable height ie6 and under*/
/*-----end hide----------------*/

ul.content-menu
{
   border-top:1px dotted #66CC99;
   list-style-type:none;
   margin:0;
   padding:0; 
   width:180px;
   float:left;
}

ul.content-menu a
{
    color:#FF0000;
    text-decoration:none;
    border-bottom:1px dotted #66CC99;
    padding:8px 0 8px 0;
    display:block;
    text-transform:uppercase;
    letter-spacing:.1em;
    font-size:.8em;
}

ul.content-menu a:hover
{
    color:#003399;
}

/*===========================================================================================
Menu
============================================================================================*/

#menu
{
    float:left;
    width:170px;
    background-color:#CCFFCB;
    padding:30px 0 30px 20px;

}

#menu a 
{
    font-size:.7em;
    text-transform:uppercase;
    color:#003399;
    text-decoration:none;
    width:150px;
    display:block;
    padding:8px 0 8px 0;
    border-bottom:1px dotted #66CC99;
    letter-spacing:.1em;
}

#menu a:hover
{
    color:#FF0000;
}

#menu ul
{
    border-top:1px dotted #66CC99;
    width:150px;
    list-style-type:none;
    padding:0;
    margin:0;
}
/*===========================================================================================
End Menu
============================================================================================*/

/*===========================================================================================
Physicians
============================================================================================*/

#physicians-menu
{
    
}

#physicians-menu p
{
    padding:0;
    margin:0 0 0 10px;
    line-height:1.2em;
}

#physicians-menu p a
{
    color:#85A0CB;
    text-decoration:none;
}
#physicians-menu p a:hover
{
    text-decoration:underline;
}

#physicians-menu h4
{
    padding:0;
    margin:10px 0 0 0;
    font-weight:normal;
    font-size:.9em;
    text-transform:uppercase;
}

#physicians-list p
{
    line-height:1.2em;
}

div.physician-card
{
    width:390px;
    height:185px;
    background-image:url(../physicians/images/grad.jpg);
    text-align:left;
    padding:25px;
}

div.physician-card img
{
    float:left;
    width:144px;
    height:180px;
    margin:0 20px 0 0;
}

div.physician-card p  {
	font-size: .8em;
    padding:0;
    margin:0 0 10px 0;
	}
p.doc_name {
	font-size: 1.1em !important;
	}
.boxed {
	font: bold .9em Arial, Helvetica, sans-serif;
	text-align: center;
	color: white;
	background-color: #85A0CB;
	padding: 5px;
	margin: 5px 35px;
	}
/*===========================================================================================
End Physicians
============================================================================================*/

/*===========================================================================================
Careers & Volunteers
============================================================================================*/
#job-menu p
{
   padding:0;
   margin:0;
   text-transform:uppercase; 
}

#job-list p
{
    padding:0;
    margin:0;
}

#job-list h5
{
    margin:20px 0 0 0;
}

#job-list ul
{
    margin:5px 0 5px 20px;
    padding:0;
}
/*===========================================================================================
End Careers & Volunteers
============================================================================================*/

#survey-table table
{
    border-collapse:collapse;
    font-size:.9em;
    
}

#survey-table tr
{
    border-bottom:1px dotted #85A0CB;
}

#survey-table table td
{
    padding:5px;
    vertical-align:top;
}

#survey-table td.altrow
{
    background-color:#B7CCEB ;
}

/*******************************************************************************************
Maps and Directions
*******************************************************************************************/
.icon, .icon p {
	text-align: right;
}