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

/* --

	Chris Gaines
	cgaines@smdagency.com 
	
	
-- */

html { overflow-y: scroll; }
body { background:#444; margin:0; padding:0; }
* img { border: none; outline: none; }
p { font:normal 13px georgia; text-align:left; color:#333; line-height: 1.5em; }
p.quote { font:italic 17px georgia; text-align:center; color:#777; margin-top:-5px; width: 100%; }
p.note { font:bold 12px georgia; text-align:left; color:#777; }
p a { color:#660000; }
p a:hover { color:#555; }
p.statement { font: 10px georgia; text-align: center; line-height: 1.5em; width: 100%; float: left; margin-left: auto; margin-right: auto; padding-top: 20px;}
p.services { font:normal 15px georgia; text-align:left; color:#333; line-height: 1.5em; }
ul.links { padding: 0px; list-style-type: none; font:normal 13px georgia; text-align:left; color:#333; line-height: 1.5em; }
ul.links ul { font:normal 13px georgia; text-align:left; color:#333; line-height: 1.5em; }
ul.links a { color: #660000; }
ul.links a:hover { color:#333; }
ul.directions { padding: 0px 0px 0px 9px; list-style-type: decimal; width: 320px;}
ul.directions li { padding: 0px 0px 6px 0px; font:normal 13px georgia; text-align:left; color:#333; line-height: 1.5em;}
iframe { margin-top: 15px; }
#documentarea { width: 800px; background: #FFFFEE; float: left; position: relative; }
#documentarea ul { width: 100%; float: left; margin-right: auto; margin-left: auto; padding: 0px 20px; list-style-type: none; }
#documentarea li.pdf a { font: bold 60% verdana; text-align: left; color: #222; line-height: 1.5em; display: block; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; background: url(images/pdficon_small.gif) no-repeat left; text-decoration: none; }
#documentarea li.pdf a:hover { color: #990000; }
.documenthead { width: 95%; font: bold 80% verdana; text-align: left; color: #222; line-height: 1.5em; border-bottom: 1px solid #555; }


/* -- Heading Styles -- */
h2 { font: bold 30px verdana; color: #660000; }
h3 { font: bold 15px verdana; color: #555; margin-bottom: 0px; }
h4 { font: bold 12px verdana; color: #333; margin-bottom: 0px; }
h5 { font: bold 10px verdana; color: #660000; }
h6 { font: bold 14px verdana; color: #660000; margin-bottom: -10px;}

/* -- Layout DIVs -- */
#centered { margin-right: auto; margin-left: auto; width: 860px; }
#container { float:left; position: relative; width: 800px; padding: 30px; background: #fff; }
#logo { background: url(images/enccil_logo.jpg) no-repeat; float: left; width: 241px; height: 151px; text-indent: -9999px; }
#content { float: left; width: 100%; border-top: 1px dashed #999; border-bottom: 1px dashed #999; margin-top: 10px; padding-top: 15px; padding-bottom: 15px; }
#footer { background-color: #222; width: 100%;  height: 60px; float: left; position: relative; font: bold 10px verdana; text-align: center; line-height: 2em; color: #fff; padding: 20px 0px 20px 0px; }

/* -- Login --*/
#loginbutton a { float: right; background: #660000; padding: 6px; margin: 0;font:bold 9px verdana; text-align: center; color: #fff; text-decoration: none;}
#loginbutton a:hover { background: #777; }

/* -- Record Links --*/
.buttonlinks { list-style-type: none; position: relative; }
.buttonlinks li { display: inline; }
.buttonlinks a { float: left; background: #660000; padding: 6px; margin: 8px;font:bold 9px verdana; text-align: center; color: #fff; text-decoration: none; }
.buttonlinks a:hover { background: #777; }

/* -- Menu Styles -- */
#menubox { width: 550px; float: right; padding-top: 35px; }
#menubox ul.menu { width: auto; list-style-type: none; }
#menubox ul.menu li { display: inline; float: left; position: relative; color: #999;}
#menubox ul.menu li a { font:bold 11px verdana; color: #777; width: auto; padding: 0px 8px 0px 8px; text-decoration: none; text-align: center; }
#menubox ul.menu li a:hover.home { color: #000; }
#menubox ul.menu li.current a.home { color: #000; }
#menubox ul.menu li a:hover.visitus { color: #576b1d; }
#menubox ul.menu li.current a.visitus { color: #576b1d; }
#menubox ul.menu li a:hover.resources { color: #b42de2; }
#menubox ul.menu li.current a.resources { color: #b42de2; }
#menubox ul.menu li a:hover.services { color: #664a25; }
#menubox ul.menu li.current a.services { color: #664a25; }
#menubox ul.menu li a:hover.staff { color: #402cd3; }
#menubox ul.menu li.current a.staff { color: #402cd3; }
#menubox ul.menu li a:hover.survey { color: #660000; }
#menubox ul.menu li.current a.survey { color: #660000; }
#menubox ul.menu li a:hover.linkpage { color: #18c3ff; }
#menubox ul.menu li.current a.linkpage { color: #18c3ff; }


/* -- Photo Styles -- */
#photo { float: left; position: relative; }
#photo.home { width: 500px; height: 400px;}
#photo.visitus { width: 800px; height: 200px; background: url(images/visitus.jpg) no-repeat; }
#photo.resources { width: 800px; height: 200px; background: url(images/resources.jpg) no-repeat; }
#photo.services { width: 800px; height: 200px; background: url(images/services.jpg) no-repeat; }
#photo.staff { width: 800px; height: 200px; background: url(images/staff.jpg) no-repeat; }
#photo.survey { width: 800px; height: 200px; background: url(images/survey.jpg) no-repeat; }
#photo.linkpage { width: 800px; height: 200px; background: url(images/links.jpg) no-repeat; }
#photo.patientform { width: 800px; height: 200px; background: url(images/patientform.jpg) no-repeat; }

/* -- Events Box -- */
#events { width: 300px; height: 400px; float: right; background: #ccc; position: relative; }
#events ul.news { padding: 0px 10px 10px 10px;  list-style-type: none; }
#events ul.news li { font:bold 10px verdana; padding: 5px; text-align: left; color: #660000; }
#events ul.news li.past { font:bold 10px verdana; padding: 5px; text-align: left; color: #333; }
#events ul.news li a {  color: #555;  }
#events ul.news li a:hover { color: #333; cursor: pointer; }
#events ul.news h3 { font: bold 11px verdana; padding: 6px 0; text-align: center; list-style-type: none; background: #333; color: #fff; }
#events ul.sponsors { margin-left: auto; margin-right: auto; padding: 0px 10px 0px 10px;  list-style-type: none; }
#events ul.sponsors li { font: bold 10px verdana; padding: 5px; text-align: center; color: #660000; }
#events ul.sponsors li a {  color: #660000; }
#events ul.sponsors li a:hover { color: #333; cursor: pointer; }
#events ul.sponsors h3 { font: bold 11px verdana; padding: 6px 0; text-align: center; list-style-type: none; background: #333; color: #fff; }


/* -- TABLE STYLES -- */
table { border-collapse: collapse; }
table.formtable { margin-bottom: 15px; }
table.formtable tr { border-bottom: 1px solid #660000; }
table.formtable thead th.optional { border: none; }
table.formtable tbody th { background: #eee; border-bottom: 1px solid #660000; }
table.formtable tbody td { font: 11px verdana; text-align:left; }

tr { border-right:1px solid #fff; border-bottom: 1px solid #660000;}
thead th { font:bold 11px verdana; text-align:center; background: #D6E7FA; color:#333; padding:8px 16px 8px 8px; }
thead th.null { background:#fff; }
tbody th { font:bold 11px verdana; text-align:left; line-height: 1.5em; background: #eee; color:#333; padding:8px; }
tbody td { font:normal 11px verdana; color:#333; padding: 8px; border-bottom: 1px solid #660000; }
.submitrow { font:normal 11px verdana; color:#333; background: #fff; padding:8px; border: 0px; }
thead th.optional { font:bold 10px verdana; text-align:left; background:#fff; color: #660000; border-bottom: 1px solid #660000; }