@charset "utf-8";
/* CSS Document */

/* ==== HEADER ==== */

html, body {height: 100%} /*Part of what is needed to do a full vertical stretch even if there isn't enough content to fill the page*/

body {
	text-align:center;
	background-color:#e7e7e7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	margin:0px; /*Get's rid of the margin at the top of the page*/
}

p{margin-top:0px}

a{ color:#000000}

a:hover{color:#23408e}

img {border:none} /*Removes the silly border around linked images*/

li { margin-bottom:20px}

SUP, SUB{line-height:0}

/* ==== PAGE LAYOUT ===*/

div.container {  /*Defines the container that holds everything*/
	text-align:left;
	width:800px;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:15px;
	margin:auto;  /*This is necessary for Firefox to actually center the div as specified in the Body tag above with text-align:center.  Not to be confused with the text-align in this tag, which is meant for the actual text*/
	min-height:100%;  /*Part of what is needed to do a full vertical stretch even if there isn't enough content to fill the page*/
	height:auto;  /*Part of what is needed to do a full vertical stretch even if there isn't enough content to fill the page*/
}

div.top { /*Top banner*/
	height:70px;
}

div.links{
	
	margin-left:175px;
	margin-bottom:20px;
}

div.links_index{
	float:left;
	width:147px;
	margin-left:13px;
}

.links_index span{display:none}

div.left{ 
	float:left;
	width:160px;
}

div.main_index{ /*Home page only*/
	margin-left:160px;
}

.main_index p{ /*Home page only*/
	width:470px;
}

div.main{ /*Secondary pages*/
	margin-left:175px;
	width:575px;
}



/*==== NAVIGATION STYLE ====*/

.links_index a{  /*formatting is the same regardless if it is on the home page or not*/
	display:list-item; /*Forces the links to show up each on one line*/
	list-style-type:none;  /*Removes the bullet points that firefox will add*/
	text-transform:uppercase;
	text-decoration:none;
	line-height:200%;
	color:#006e51;
	font-weight: bold; 
}

.links a{  /*formatting is the same regardless if it is on the home page or not*/
	text-transform:uppercase;
	text-decoration:none;
	line-height:200%;
	color:#006e51;
	font-weight: bold;
}
.links_index a:hover, .links a:hover{  /*formatting is the same regardless if it is on the home page or not*/
	color:#23408e;
	text-decoration:underline;
}

/* ==== MISC SYLE ====*/

h1 {
	font-size:18px;
	color:#23408e;
	font-weight: bold; 
}

h2 {
	font-size:18px;
	color:#23408e;
	font-weight:bold;
	margin-bottom:3px;
}

h3 {
	font-size:16px;
	color:#23408e;
	font-weight:bold;
	
	margin-bottom:3px;
}


span.indent{
	padding-left: 12px;
	display:block;
}

span.bold{
	font-weight:bold;
}

.clinic p{font-size:14px}

.clinic a{color:#006e51}

.clinic a:hover{color:#23408e}

.clinic ul, ul.about{
	list-style-type:square; 
	color:#23408e;
}

p.contentfooter{ /*footer notes within the content of the page*/
	font-size:9px;
}

span.contactheading{
	font-size:14px;
	color:#23408e;
	font-weight:bold;
}

.linkspage li{
	margin-bottom:60px
}
/* ==== FOOTER ==== */

p.footer{
	font-size:9px;
	color:#808285;
	padding-top:25px;
	padding-bottom:10px;
	text-align:center;
}

.footer a{
	color:#808285;
	text-decoration:none;
}

.footer a:hover {
	text-decoration:underline;
}