﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

Color Palette - do find/replace of the hex numbers

Blue Text - #
#FFFFFF - Text for navigation bar
#D4E7F8 - Text for navigation bar hovering and active menu
#4A6BB3 - Text used in the header
#666666 - Text used in the content area

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body 
{
	margin-left:auto;
	margin-right:auto;
	width: 780px;
	font-family: Verdana, sans-serif;
	color: #666666;	
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

Header, company name & logo

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header 
{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	color: #4A6BB3;
	width: 780px;
	height: 88px;
	font-family: Georgia, "Times New Roman", Times, serif;	
}
#header h4
{
	padding-left: 4px;
	font-size: .7em;
}

#logo
{
	height:1.2em;
	font-variant: small-caps;
	padding: 0px;
	vertical-align: middle;
}

#logo a
{
	color: #4A6BB3;
	text-decoration: none;
}

#img-logo
{
	background: #FFFFFF url(../../images/logo.gif) top right no-repeat;	
	width: 105px;
	height: 105px;
	position: absolute;
	top: 0px;
	right: 0px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

Top Navagation Menu

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#navmenu {
	background:#608fc8 url(../../images/bg-nav.png) no-repeat;
	margin-left:auto;
	margin-right:auto;
	width: 760px;
	padding:.8em 0 1em 20px;
	position: relative;
	font-weight: bold;
	font-size: 0.8em;
	z-index: 0;
}


#navmenu div {
	background:#4b6cb5 url(../../images/bg-nav-right.png) top right no-repeat;
	width:100px;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
	z-index: 1;
}


#navmenu a:link,
#navmenu a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

#navmenu a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#navmenu a:active {
	color:#FFFFFF;
}
/*
#navmenu li.current a:link,
#navmenu li.current a:visited 
{
	text-decoration:underline;
}

#navmenu li.current a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#navmenu li.current a:active {
	color:#FFFFFF;
}
*/

/* ACTIVE PAGES StaticSelectedStyle was the style set in menu control's properties */
#navmenu a.StaticSelectedStyle:link,
#navmenu a.StaticSelectedStyle:visited {
	color: #D4E7F8;
	text-decoration: underline;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
	background:#608fc8 url(../../images/bg-nav.png) bottom left no-repeat;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	padding:.8em 0 1em 20px;
	position:relative;
	color:#a9c0db;
	font-size:.8em;
}

#footer div {
	background:#4b6cb5 url(../../images/bg-nav-right.png) bottom right no-repeat;
	width:25%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

CONTENT Styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Content div is the section with all the content related to the current page */
#content-basic
{
	font-family: Verdana, sans-serif; 
    font-size: 14px;
    padding: 20px;
}

#content
{
	font-family: Verdana, sans-serif; 
    font-size: 14px;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	width: 748px;
	border: 1px solid #818181;
	position: relative;
}

.validator-link
{
	text-decoration: none;
	font-size: xx-small;
	color: Background;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Home page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* table of Physcians home page */
#physicians-home table 
{
	width: 100%;
	font-size: large;
	font-weight:bold;
}

a.paragraph-link
{
	color: #666666;	
	text-decoration: none;
}


a.paragraph-link:hover
{
	text-decoration: underline;
}

#services-home
{
	list-style-type: square;
}

#address-home
{
	font-size: xx-small;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Information page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a.info-link
{
	color: #666666;	
	text-decoration: none;
}

a.info-link:hover {
	text-decoration: underline;
}

ul.info-links
{
	list-style-type: square;
}


a.src-of-link
{
	color: #A2CD5A;	
	text-decoration: none;
	font-size: xx-small;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Services page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a.services-link
{
	text-decoration: none;
}

ul.services-links
{
	list-style-type: square;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	About page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#physicians-about
{
}

#physicians-about table
{
}
#physicians-about td
{
}

.physician-table
{
	padding-bottom: 10px;
}

.physician-table td
{
	vertical-align: top;
}

.physician-info-table tr, td
{
	padding: 4px;

}

.physician-img
{
	width: 200px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Contact page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#new-patient-form
{
	text-decoration: none;
}

#new-patient-form:hover
{
	text-decoration: underline;
}

address
{
	font-style:normal;
}

/* map frame */
iframe.mapquest
{
	border: 3px solid #284E98;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	pagetitle

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pagetitle
{
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:740px;
	background:#608fc8;
	position:relative;
	color:#d5e8ff;
	font-size: large;
	padding:.5em 20px .7em 20px;
}

#pagetitle a:link,
#pagetitle a:visited
{
	color:#FFFFFF;
	text-decoration:none;
}

#pagetitle a:hover
{
	color:#D4E7F8;
	text-decoration:none;
}
