/*  Blue Fish Pediatrics - www.bluefishmd.com */
html, body {
height: 100%;
	}
body {
font-size:76%;
font-family: Arial, Helvetica, sans-serif;
background: url(/images/topWave.png) repeat-x;
padding:0;
margin:0;
}

a { 
color: #0000FF;
background-color: transparent;
text-decoration: none; 
}
a:visited {color:#660066; background-color:transparent;}
/*a:hover {color: #0066FF; background-color:transparent;}*/
a:active { color:#0066FF; background-color:transparent;}

p {line-height:140%; margin:3px 0 5px 0;}

h1, h2, h3, .news_title {font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif; line-height:130%;}

h1#logo {
padding:24px 0 0 0;
margin:0 0 0 42px;
background:url(/images/bluefish_logo.png) bottom left no-repeat;
height:113px;
text-indent:-1000em;
}
h1#logo a {width:274px; height:113px; display:block;}
h1 {
font-size:160%;
padding:5px 0 3px 0;
margin:0;
color:#00154C;
}

h2 {
font-size:140%;
padding:5px 0 3px 0;
margin:0;
color:#00154C;
}

h2 a:link, h2 a:visited {
color:#0033CC;
border-bottom:2px #C4D2FF solid;
}

h2 a:hover, h2 a:active {
color:#00154C;
border-bottom:2px #CDCBDA solid;
}

h3 {
font-size:120%;
padding:5px 0 3px 0;
margin:0;
color:#333333;
}

h3 a:link {color:#0000CC;}
h3 a:visited {color:#660066;}
h3 a:hover, h3 a:active {color:#000; background-color:#D9E8FF;}
/*  container common to all layouts */
#container {
border:.1px solid #fff; /* ?! this fixes FF margin issue */
position: relative;
min-height: 100%;
height: 100%;
}
	
html>body #container {
height: auto; /* for all except IE */
}
/**** 2 column layout - home ****************/	
/*#col2_homeContent {border:1px solid red;}
#col2_homeRight {border:1px solid blue;}*/

#col2_homeContent {
margin: 20px 50% 0 40px;
padding:0 20px 212px 0; /* account for footer height */
}

#col2_homeRight {
position: absolute;
right: 0;        
width: 48%;
margin: 20px 0 0 48%; 
padding: 0 0 0 20px;
border-left:#eee 1px solid;
}
/**** 2 column layout - left nav ****************/	
/*#col2_nav {border:1px solid red;}
#col2_body {border:1px solid yellow;}*/
#col2_nav {
position: absolute;
left: 0;
width: 185px;
margin:20px 0 0 40px; 
padding: 0;
}

#col2_body {
margin: 20px 0 0 235px;
padding:0 60px 212px 10px; /* account for footer height */
}

/**** 2 column both stretchy layout - health topics *********/	
/*#col_stretch {border:1px solid red;}
#col2_stretch {border:1px solid yellow;}*/

#col_stretch {
position: absolute;
left: 0;
width: 45%;
margin:20px 0 0 40px; 
padding: 0;
}

#col2_stretch {
margin: 20px 0 0 50%; /* margin-left:60px for Health Topics */
padding:0 60px 212px 10px; /* account for footer height */
}

#address {
position:absolute;
left:340px;
top:68px;
color:#FFFFFF;
line-height:130%;
width:32em;
}
#address span {
display:block;
width:16em;
float:right;
}
#address a:link, #address a:visited {color:#FFFFFF; padding:2px 0;}
#address a:hover {text-decoration:underline;}
/**** FOOTER ********************/
#footer {
background:url(/images/bottomWave.png) repeat-x;
position:absolute;
bottom:0;
height:212px;
width:100%;
clear:both;
}
.footer_text_box {
/*border:1px solid yellow;*/
margin:85px auto 0 auto; 
width:95%; 
text-align:center;
}

#footer ul {postion:relative; margin:0; padding:0;}
#footer li {display:inline; padding:2px 4px; list-style:none;}
#footer li a, #footer li a:visited {color:#7780B7;}
#footer li a:hover {text-decoration:underline;}

.footer_name {font-size:110%; color:#D7D9EA;}

.footer_address, .footer_contact {
color:#A0A4CD;
}

.footer_contact {
/*border:1px solid #fff;*/
margin:10px auto;
position:relative;
text-align:left;
width:28em;
display:block;
font-size:90%;
}
.footer_address {
position:absolute;
top:0;
right:0;
width:14em;
float:right;
}
.footer_contact a, .footer_contact a:visited {
color:#A0A4CD;
}
.footer_contact a:hover {
text-decoration:underline;
}
#fish {position:absolute; bottom:40px; right:40px;}

.siteby {
display:block;
/*border:1px solid yellow;*/
margin:0 auto;
padding:10px 0;
color:#414581;
font-size:81%;
text-align:center;
width:99.4%;
}
.siteby a:link, .siteby a:visited {
color:#414581;
padding:2px;
border-bottom:1px dotted #414581;
}
.siteby a:hover, .siteby a:active {
color:#fff;
background-color:#CB2F00;
border:0;
}
/*------ ACCESSIBILITY SKIP LINKS ------*/
dl.accessibility, #skip_to_nav, #skip_to_content {text-align:left;position:absolute;top:0;left:-500em;}

/**** NAVIGATION ********************/
#navlist {
display:block;
background:#EAE9EF url(/images/navlist_tile.png) bottom repeat-x;
border-top: 1px solid #CDCBDA;
padding: 20px 0 8px 0;
width:100%;
}

#navlist ul {
/*border:1px solid yellow;*/
margin:0 0 0 40px;
padding:0;
font-size:120%;
min-width:52em; /*does not work in IE */
}
#navlist li {
list-style: none;
margin: 0;
display: inline;
}
#navlist li a:link, #navlist li a:visited {
padding: 3px 8px 8px 8px;
margin-left: 3px;
text-decoration: none;
color:#00154C;
}
#navlist li a:hover {
padding: 3px 6px 8px 8px;
background:#FAFAFC url(/images/navlist_hover.png) bottom repeat-x;
margin-left: 3px;
border:#CDCBDA solid;
border-width:1px 2px 0 0;
text-decoration: none;
color:#0033CC;
}
#navlist li a#current {
padding: 3px 8px 8px 8px;
background: #fff;
border:#CDCBDA solid;
border-width:1px 2px 0 0;
border-bottom-color: #fff;
}

/**** SIDE NAVIGATION ********************/
#sideNav {
margin:0;
padding:10px 0;
border-right:1px solid #eee;
}
#sideNav li {
list-style:none;
font-size:120%;
}
#sideNav a {
width:11em; 
display:block; 
padding:5px;}

#sideNav li a:link, #sideNav li a:visited {color:#333333;}
#sideNav li a:hover {color:#00154C; background-color:#F1F2F8;}

/**** PAGES ********************/

/*---- HOME ----------------*/
#doctors {
width:270px;
float:left;
}
#doctors ul {padding:0; margin:5px 0;}
#doctors li {
list-style:none;
padding:0 0 5px 0; 
line-height:140%;
}
#doctors li span { white-space:nowrap;}

#doctors img {
border:3px double #D5D2DF;
margin:0;
margin:0 10px 5px 0;
float:left;
}

.map {
float:left; 
}
.newsheader {color:#54703E; margin-left:10px;}
.btn_viewAllNews {
margin:0 10px 0 0;
}

.news_box {
border:1px solid:#EEF0E6;
background:#F7F8F4 url(/images/newsbox_bg.png) right bottom no-repeat;
padding:10px;
margin:0;
}
.news_box .news_body p {margin:0;padding:0;} /* in case textile excerpt is on */
.news_box a, .news_box a:visited {
display:block; 
background:url(/images/news_hover_bg_f2.png) right bottom no-repeat; 
padding:15px; 
border:1px solid #F7F8F4;
border-width:1px 1px 0 1px;
color:#333333; 
width:92%; /*for IE */
}
html>body .news_box a {width:auto !important;}  /*for everything that support CSS2 selectors */

.news_box a:hover {
color:#fff;
background:#54703E url(/images/news_hover_bg.png) right bottom no-repeat; 
border-right-color:#3E522E;
border-left-color:#84A965;
border-top-color:#84A965;
border-width:1px 1px 0 1px;
}
.news_box a:active {border:1px dotted #54703E;}

.news_title {
display:block;
font-size:120%; 
font-weight:bold; 
padding:0 0 5px 0;
margin:0;
} /*font defined in h1, h2, h3 */

.news_posted {font-size:80%; float:right; padding:5px 5px 0 5px;}
.tile_dot {
padding:0;
display:block;
height:11px; 
width:100%;
background: url(/images/news_spacer.png) no-repeat;
}
/**** HEALTH TOPICS ********************/

/* NEWS */
.news_list {margin:0; padding:0; list-style:none;}
.news_list li {padding:0 0 5px 0;}
.news_list li span {font-size:90%; color:#8F8F8F; padding:0 0 0 10px;}
.news_list li a {font-size:120%; padding:2px;}
.news_list li a:hover {background:#F1F2F8;}

/**** CLASSES & DEFAULTS ********************/
form {padding:0; margin:0;}
.image_border {border:3px double #D5D2DF;}
.image_R {float:right; margin:5px 0 5px 10px;}
.image_L {float:left; margin:5px 10px 5px 0;}
.image_container {text-align:center; padding:5px; font-size:90%;}
.image_container img {border:none;}
.image_container span {display:block;}

.small {font-size:80%; text-transform:uppercase;}
.strong {font-weight:bold;}


.floatL {float:left;}
.floatR {float:right;}

.searchBox {
background-color:#F4F4F7; 
border:1px solid #EAE9EF; 
padding:10px; 
margin:5px; 
width:188px; 
text-align:center;
}
.searchBox span {display:block; padding:0 0 3px 0; font-size:140%;}

.searchBox a, .searchbox a:visited {
display:block; 
color:#0000FF; 
padding:5px 0 0 0; 
font-size:120%; 
border-top:1px #ccc solid;
}

.narrow {width:170px; margin:10px 10px 10px 0;}

form fieldset {
padding:10px;
border:1px #EBEAF0 solid;
width:13em;
}
form legend {
font-size:130%;
padding:5px;
}
.zemContactForm input {display:block; margin:3px 0;}

/**** CLEARING ********************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */