/* Eric Meyer CSS Reset */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/* Cedar Grove Medical CSS
   Built by Airtight Design */

body{
background: url(../images/home_back.jpg) repeat-x #dce0d1;
}

a:active {
  outline: none;
}

h1{
background: url(../images/logo.png);
text-indent: -9999px;
display: block;
width: 184px;
height: 149px;
position: absolute;
left: 22px;
top:-21px;
z-index: 2;
}

h2{
color: #50622c;
font-family: Garamond, Times New Roman, Serif;
font-size: 40px;
font-weight: lighter;
padding: 0px 0px 15px 0px;
border-bottom: 1px dotted #ccc;
}

h3{
color: #50622c;
font-family: Garamond, Times New Roman, Serif;
font-size: 18px;
font-weight: lighter;
padding: 0px 0px 15px 0px;
border-bottom: 1px dotted #ccc;
}

h4{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #444;
margin: 25px 0px 15px 0px;
}

.wrap{
margin: 0 auto;
width: 976px;
}

#nav{
background: #fff;
height: 55px;
}

#navigation{
margin-left: 220px;
}

#navigation ul{
margin: 0;
padding: 0;
list-style: none;
}

#navigation a{
display: block;
}

#navigation li{
display: block;
float: left;
margin-right: 32px;
line-height: 3.3em;
height: 40px;
}

#navigation li:hover{
background: url("../images/arrow.jpg") top center no-repeat;
}

#navigation li ul {
position: absolute;
width: 150px;
left: -999em;
padding-top: 2px;

}

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

#navigation li ul li{
width: 140px;
background: #fff;
height: 18px;
font-size: 14px;
line-height: 18px;
padding: 5px;
border-width: 0px 1px 1px 1px;
border-color:#d2d2d2;
border-style: solid;
}

#navigation li ul li a{
font-size: 14px;
}

#navigation li ul li:hover{
background: #fff;
}

#contact-usnav ul{
margin-left: -27px;
}


/* styles the link for the current page your on- (body id, the nav li id) */
#home #homenav a{color: #bb702e;}
#aboutus #aboutusnav a{color: #bb702e;}
	#photo #photonav a{color: #bb702e;}
		#aboutus #photonav a{color: #aeaea1;}
		#aboutus #photonav a:hover{color: #50622c;}
#provstaff #provstaffnav a{color: #bb702e;}
#services #servicesnav a{color: #bb702e;}
#patient-education #patient-educationnav a{color: #bb702e;}
	#new-patients #new-patientsnav a{color: #bb702e;}
		#patient-education #new-patientsnav a{color: #aeaea1;}
		#patient-education #new-patientsnav a:hover{color: #50622c;}
	#health-wellness-quiz #health-wellness-quiznav a{color: #bb702e;}
		#patient-education #health-wellness-quiznav a{color: #aeaea1;}
		#patient-education #health-wellness-quiznav a:hover{color: #50622c;}
	#insurance-providers #insurance-providersnav a{color: #bb702e;}
		#patient-education #insurance-providersnav a{color: #aeaea1;}
		#patient-education #insurance-providersnav a:hover{color: #50622c;}
#news #newsnav a{color: #bb702e;}
#events #eventsnav a{color: #bb702e;}
#contact-us #contact-usnav a{color: #bb702e;}
	#new-appt #new-apptnav a{color: #bb702e;}
		#contact-us #new-apptnav a{color: #aeaea1;}
		#contact-us #new-apptnav a:hover{color: #50622c;}
	#prescription-refills #prescription-refillsnav a{color: #bb702e;}
		#contact-us #prescription-refillsnav a{color: #aeaea1;}
		#contact-us #prescription-refillsnav a:hover{color: #50622c;}
	#locations #locationsnav a{color: #bb702e;}
		#contact-us #locationsnav a{color: #aeaea1;}
		#contact-us #locationsnav a:hover{color: #50622c;}

.last{
margin-right: 0;
}

#navigation a{
font-family: Garamond, Times New Roman, Serif;
font-size: 16px;
color: #aeaea1;
text-decoration: none;
}

#navigation a:hover{
color: #50622c;
}

#navback{
height: 55px;
position: relative;
margin-top: 20px;
}

.main{
background: #fff;
position: relative;
padding-bottom: 50px;
height: 100%;
min-height: 500px;
width: 975px;
}

.filler{
background:  url(../images/main_back.jpg) repeat-x;
height: 110px;  
}

.clear{
clear: both;
}

/* Side Bar */

.side{        /* <--- Styles the h2 for top of sidebar */
font-size: 22px;
margin: 0 20px 23px 20px;
padding: 13px 0px;
text-align: center;
}

#home #sidebartop{
display: none;
}

#sidebartop{
background: url("../../images/sidebar_top.jpg");
width: 210px;
height: 15px;
}

#sidebar{
background: #fff;
width: 210px;
position: absolute;
right: 27px;
top:-23px;
background: url(../images/side-shadow.png) repeat-y;
}

#home #sidebar{
top:-50px;
}

#sidebar p{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #999;
line-height: 15px;
margin: -10px 0px 20px 0px;
}

#sidebar p a{
font-weight: bold;
color: #313b1e;
text-decoration: none;
margin-left: 20px;
}

#sidebar p a:hover{text-decoration: underline;}

.event{
margin: 0px 20px 40px 20px;
height: 140px;
}

.datewrap{
margin-right: 10px;
float: left;
clear: both;
width: 44px;
height: 44px;
}

.dayofweek{
border-top: 1px solid #d6d0cc;
border-left: 1px solid #d6d0cc;
border-right: 1px solid #d6d0cc;
width: 43px;
height: 14px;
}

.Sun{background: url(../images/days-of-week-sprite.jpg) 0px 0px no-repeat;}
.Mon{background: url(../images/days-of-week-sprite.jpg) 0px -14px no-repeat;}
.Tue{background: url(../images/days-of-week-sprite.jpg) 0px -28px no-repeat;}
.Wed{background: url(../images/days-of-week-sprite.jpg) 0px -42px no-repeat;}
.Thu{background: url(../images/days-of-week-sprite.jpg) 0px -56px no-repeat;}
.Fri{background: url(../images/days-of-week-sprite.jpg) 0px -70px no-repeat;}
.Sat{background: url(../images/days-of-week-sprite.jpg) 0px -84px no-repeat;}

.dayofmonth{
border-bottom: 1px solid #d6d0cc;
border-left: 1px solid #d6d0cc;
border-right: 1px solid #d6d0cc;
width: 43px;
height: 29px;
}

.day_01{background: url(../images/days-of-month-sprite.jpg) 0px 0px;}
.day_02{background: url(../images/days-of-month-sprite.jpg) 0px -29px;}
.day_03{background: url(../images/days-of-month-sprite.jpg) 0px -58px;}
.day_04{background: url(../images/days-of-month-sprite.jpg) 0px -87px;}
.day_05{background: url(../images/days-of-month-sprite.jpg) 0px -116px;}
.day_06{background: url(../images/days-of-month-sprite.jpg) 0px -145px;}
.day_07{background: url(../images/days-of-month-sprite.jpg) 0px -174px;}
.day_08{background: url(../images/days-of-month-sprite.jpg) 0px -203px;}
.day_09{background: url(../images/days-of-month-sprite.jpg) 0px -232px;}
.day_10{background: url(../images/days-of-month-sprite.jpg) 0px -261px;}
.day_11{background: url(../images/days-of-month-sprite.jpg) 0px -290px;}
.day_12{background: url(../images/days-of-month-sprite.jpg) 0px -319px;}
.day_13{background: url(../images/days-of-month-sprite.jpg) 0px -348px;}
.day_14{background: url(../images/days-of-month-sprite.jpg) 0px -377px;}
.day_15{background: url(../images/days-of-month-sprite.jpg) 0px -406px;}
.day_16{background: url(../images/days-of-month-sprite.jpg) 0px -435px;}
.day_17{background: url(../images/days-of-month-sprite.jpg) 0px -464px;}
.day_18{background: url(../images/days-of-month-sprite.jpg) 0px -493px;}
.day_19{background: url(../images/days-of-month-sprite.jpg) 0px -522px;}
.day_20{background: url(../images/days-of-month-sprite.jpg) 0px -551px;}
.day_21{background: url(../images/days-of-month-sprite.jpg) 0px -580px;}
.day_22{background: url(../images/days-of-month-sprite.jpg) 0px -609px;}
.day_23{background: url(../images/days-of-month-sprite.jpg) 0px -638px;}
.day_24{background: url(../images/days-of-month-sprite.jpg) 0px -667px;}
.day_25{background: url(../images/days-of-month-sprite.jpg) 0px -696px;}
.day_26{background: url(../images/days-of-month-sprite.jpg) 0px -725px;}
.day_27{background: url(../images/days-of-month-sprite.jpg) 0px -754px;}
.day_28{background: url(../images/days-of-month-sprite.jpg) 0px -783px;}
.day_29{background: url(../images/days-of-month-sprite.jpg) 0px -812px;}
.day_30{background: url(../images/days-of-month-sprite.jpg) 0px -841px;}
.day_31{background: url(../images/days-of-month-sprite.jpg) 0px -870px;}

.date{
font-family: Garamond, Times New Roman, Serif;
font-size: 16px;
color: #313b1e;
margin: 8px 0px 0px 0px;
display: block;
}

.time{
font-family: Garamond, Times New Roman, Serif;
font-size: 12px;
color: #313b1e;
}


/* Home Specific Styles */

#home h2{
font-size: 30px;
}

.jimeh{
padding: 0;
margin: 0;
height: 250px;
width: 976px;
height: 250px;
background: url(../images/home_jimeh.jpg) no-repeat;
}

.jimeh h1 {
	background: none;
	position: static;
} 

.jimeh_links {
	margin: 38px 0 0 30px;
}

.jimeh_links a { margin-right: 14px;}

.twocol{
width: 320px;
max-width: 320px;
display: block;
float: left;
margin: 35px 0px 0px 27px;
}

.twocol p{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #666;
line-height: 20px;
padding-top: 10px;
}

.twocol p a{
font-weight: bold;
color: #313b1e;
text-decoration: none;
}

.twocol p a:hover{text-decoration: underline;}

.threecol{
width: 200px;
height: 220px;
float: left;
margin: 35px 10px 0px 27px;
}

.threecol p{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #999;
line-height: 20px;
padding-top: 10px;
}

.formbox{
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px;
color: #666;
margin-top: 5px;
width: 188px;
}

.drop{
width: 200px;
}

#appt{
background: url(../images/pen.jpg) top right no-repeat;
}

#prescription{
}

#quiz p{
line-height: 16px;
}

.next{
background: url(../images/next.png) no-repeat;
width: 80px;
height: 34px;
border: none;
text-align: left;
text-indent: -9999px;
margin: 20px 30px 0px 0px;
}

.next:hover{
cursor: pointer;
}

.needhelp{
background: url(../images/needhelp.jpg) no-repeat;
width: 85px;
height: 21px;
display: block;
float: right;
text-indent: -9999px;
margin: 20px 0 0 0;
}

.needhelp:hover{
background: url(../images/needhelp-over.jpg) no-repeat;
}

.startquiz{
background: url(../images/start-quiz.jpg) no-repeat;
width: 110px;
height: 33px;
display: block;
text-indent: -9999px;
}



/* Footer */

#footer{
background: #f9f8f7;
padding: 20px 27px 40px 27px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10px;
color: #999;
line-height: 1.5em;
}

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

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

.copy{
color: #333;
display: inline;
margin: 0px 0px 0px 10px;
}

#footer img{
float: left;
}

#footernav li{
display: inline;
margin: 0px 25px 0px 0px;
}

#copynav{
margin: 0px 0px 15px 10px;
display: inline;
}

#copynav li{
margin-right: 10px;
display: inline;
}

#small-logo{
width: 60px;
height: 60px;
background: url(../images/small-logo.jpg);
display: block;
float: left;
}

#foot1{
float: left;
margin-top: 15px;
}

#officehrs{
width: 100px;
height: 50px;
float: left;
margin-top: 15px;
margin-left: 150px;
}

.bigger{
color: #50622c;
font-size: 12px;
font-weight: bold;
}

#flash_gallery { margin: 20px auto; width: 700px; }

ul.insurance_providers li { float: left; width: 50%;}

img.appointment{ float: right; }
.appointment { float: right; width: 350px; }

.success { color: #ff0000; }

h2.sitemap { font-size: 18px; border: none;}

h2.sitemap a { text-decoration: none; }

h3.sitemap { font-size: 14px; border: none;}

h3.sitemap a { text-decoration: none; margin-left: 30px; }


h3.policy { margin-top: 20px; border:none;}

h4 { font-size: 16px; color: #50622C; font-family: Garamond,Times New Roman,Serif;}

ul.policy li { margin-bottom: 20px;}