/* For more information on these menus look up "Suckerfish Menus"  */

#nav, #nav ul {
	float: left;
	width: 800px;   /* width of nav bar*/
	list-style: none;
	line-height: 1;
	background: #FFFFFF;
	font-weight: bold;
	padding: 0;
	border: solid #475E92;     /* main, sub, subsub,*/
	border-width: 0px;    /*controls main, only*/
	margin: 0px;
}

#nav a {
        font-family: "Century Gothic", Century, Verdana, serif;
        font-size: 8pt;
        font-weight: bold;
        display: block;
        /* killed in favor of controling each nav li separately with style classes below
        width: 75px;     main level only
        w\idth: 80px;
        */
        color: #04529A;             /*all the text -- the hover stuff overrides this*/
        text-decoration: none;      /*main, sub, subsub,*/
        padding: 0px 0px 0px 0px;        /* T R B L*/
}

/* This kills the dotted outline Firefox gives to these link states when using graphic as the top level nav items*/
#nav a:active,#nav a:focus {
    outline: 0;
}

#nav a.daddy{
/*
	background: url(rightarrow2.gif) center right no-repeat;
*/
}

#nav li {
        margin: 0;
        padding: 0;
        color: #04529A;             /*all the text -- the hover stuff overrides this*/
        font-family: "Century Gothic", Century, Verdana, serif;
        font-size: 9pt;
        font-weight: bold;
        float: left;/*left;*/
         /*width 70px;   controls main, only -- width of main menu items*/ 
}

/* separate classes added to control width of main menu items, not the nav button itself*/


#nav li.aboutus  {
        width: 72px;  
}


#nav li.doctors {
        width: 180px;  
}

#nav li.location {
        width: 126px; 
}

#nav li.photo_gallery {
        width: 126px;   
} 

#nav li.newsletter {
        width: 126px;   
}

#nav li.links {
        width: 72px;   
}
#nav li.testimonials {
        width: 98px;   
}



#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 175px;  /* box for subs */ /*180*/
	w\idth: 175px;
	font-weight: normal;
	border-width: 2px;   /* subs, subsubs */
	margin-top: -7px;
	margin-left: auto;
	text-align:left;
}


#nav li li {
	padding-right: 1em;
	width: 165px;
}

#nav li ul a {
        font-family: "Century Gothic", Century, Verdana, serif;
        font-size: 10pt;
        font-weight: 500;
        width: 190px;        /* subs and subsubs -- approx box width minus left padding*//*180*/
        w\idth: 175px;
        /*w\idth: 175px;*/
        line-height:1.2em;
}

#nav li ul ul {
	margin: -1.75em 0 0 0em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li li:hover, #nav li.sfhover {
	background: #475E92;               /* hover background color for all menu blocks */
	font-weight: bolder;
}

#nav a:hover {       /* CK added not part of original styles */
    color:#FFFFFF;   /*  hover text color for all menu blocks      dark blue 04529A*/
   
}



/* CK This is some other stuff I have played with to fine tune but was not 
part of the original styles.  
#nav_container {font-size:9pt;}
#nav a:link, #nav a:visited, #nav a:active {background:#000000;color:#FFFFFF;}
#nav li ul a:link, #nav li ul a:visited, #nav li ul a:active {background:#FFFFFF;color:#000000;}
#nav li ul a:hover {color:#FF0000;}
*/

/* ---------- Site COLORS --------------

green
  color: #396;
orange
  color: #e08d1e;
white
  color: #fff;
black
  color: #000;
blue
  color: #3759a9
marooon
  color: #993400
orange on cert pages
  color: #f93
*/

body{  
    font-style : normal;	
    font-size : 10pt;		
	 background-color: #b4bfd3;
    font-family: verdana, arial, sans-serif;
  /*  font-family : verdana,helvetica,arial,sans-serif;  */
}

p {margin: 25px; font-family: verdana, arial, sans-serif; color: #333366;}

pre {margin: 25px; font-family: verdana, arial, sans-serif; color: #333366; font-size: 9pt; font-style: italic;}

/*page (maroon) headline*/

h1{ 
  font-weight : bold;
  font-family: verdana, arial, sans-serif;
  font-size : 18pt;
  color : #000; 
  margin: 0 0 0 25px;
}

/*content (black) headline*/

h2{ 
  font-weight : bold;
  font-size : 16pt;
  font-family: verdana, arial, sans-serif;
  color : #336699;
  margin: 0 0 0 25px;
}

/*section (green) headline*/
h3{ 
  font-weight: bold;
  font-size : 14pt; 
  font-family: verdana, arial, sans-serif;
  color : #000;
  margin: 0 0 0 25px;
}

/*item (maroon) headline*/

h4{ 
  font-weight: bold;
  font-size : 10pt; 
  font-family: verdana, arial, sans-serif;
  color : #993400;
  margin: 0 0 0 25px;
}

/*certification header*/

h5{ 
  font-weight : bold;
  font-size : 20pt;
  font-family: verdana, arial, sans-serif;
  color : #f93;
  margin: 0 0 0 25px;
}

/*maroon sub headings*/

h6{ 
  font-weight : bold;
  font-size : 9pt;
  font-family: verdana, arial, sans-serif;
  color : #993400;
  margin: 0 0 0 25px;
}

/*footer*/

div.footer{
  font-size : 8pt; 
  color : #000;
}

div.footer_link{
  font-size : 8pt; 
  color : #000;
}

/*outer table maroon border*/

table.outer{
  background-color:white;
  border : solid 2px;
  border-color : #3759a9;
  padding : 0px;
  /* In IE 6 Windows - this was causing the dropdown menus to align funny under the top level nav items.  It aligning the left side of the
  dropdown under center of the top nav item.  Removing this doesn't seem to affect anything.
  text-align : center;
  */
  
  width : 800px;
}

/*body cell*/

td.body{
  background-color:#ebeff3;
  vertical-align : top;
  text-align : left;
  height : 300px;
}

.footer{ 
  font-size : 8pt;
}

/* right banner */ 

td.banner {
  background-color : #339966;
  text-align: right;
  vertical-alight : top;
  padding : 2px 4px 2px 4px; /*TRBL */
}

/* right banner text */ 
div.bannertext {
  font-size : 8pt;
  color : #fff;
  text-align : left;
  vertical-alight : top;
  font-style : italic;
}

/* right banner headings */ 
div.bannerhead {
  font-size : 9pt;
  color : #fff;
  text-align : center;
  vertical-alight : top;
  font-weight: bold;
}

.class1 a:link { text-decoration: none; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold; font-size: 9pt; color: #993400 } /* Applies links on homepage */
.class1 a:active { text-decoration: none; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold; font-size: 9pt; color: #993400 } /* Applies to active links on homepage*/
.class1 a:visited { text-decoration: none; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold; font-size: 9pt; color: #993400 } /* Applies to visited links on homepage */
.class1 a:hover { text-decoration: none; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold; font-size: 9pt; color: #e08d1e  /* Applies to links when the mouse is over them */