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

* {outline-style:none;}
a, a:link, a:visited, a:hover, a:active {color:#252525; outline:none;}
a img {border:none;}
.left	{float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}
.clrright {clear:right;}
.clrleft {clear:left;}
h1 {font:1.6em Arial, Helvetica, sans-serif;margin:0;padding:0}
h2 {font:1.5em Arial, Helvetica, sans-serif;margin:0;padding:0}
h3 {font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}
.pad5 {padding:5px;}
.sm9 {font-size:0.63em;}
.sm10 {font-size:0.69em;}
.req {color:#900; font-style:italic;}
.heading {font-weight:bold; color:#098FD4; text-align:center;}
.update {color:#f00; font-size:1.4em; text-align:center; padding:3px 0;}
.bglight {background: #EAF4FD; color:#098FD4;}
.cursor {cursor:pointer;}


html,body {height:100%; width:100%; margin:0 auto; }
body {
	margin:0 auto;
	text-align:left;
	padding:0;
	font:13px/17px "Lucida Grande",Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	color:#252525;
	background:#fff url(../images/bg.gif) repeat-y;
	}
#header {
	height:60px;
	background:#464646;
	border-bottom:1px solid #000;
	color:#fff;
	font:28px "Times New Roman", Georgia;
	padding:15px 30px;
	}
#topheading {background:url(../images/topbg.gif) repeat-x; height:45px; margin-left:193px; border-left:1px solid #E4F2FD;}	
#topheading h1 {font:1.6em/1.9em Arial, Helvetica, sans-serif;margin:0;padding:0;color:#464646;float:left;text-indent:20px;}
#content {float:left; padding:10px;}
#validationmessage {
	width:285px;
	min-height:34px;
	height:auto!important;
	height:34px;
	margin: 0 auto;
	text-align:center;
	font: bold 12px/14px Verdana;
	}
.error {background:#fbb; border:2px dashed #f00; color:#900; padding:5px;}

/****************************************************************
								MAIN VERTICAL NAV
****************************************************************/
ul#vrtnav, ul#vrtnav li, ul#vrtnav ul {
	margin:0 0px 0 0;
	border:0 none;
	padding:0;
	width:195px; /*For KHTML*/
	list-style:none;
	float:left;
	}
ul#vrtnav li {
	display:block !important; /*For GOOD browsers*/
	display:inline; /*For IE*/
	position:relative;
	}
ul#vrtnav a {
	border-top:1px solid #fff;
	border-bottom:1px solid #c7e3f8;	
	padding:0.30em 0px 0.30em 20px;
	display:block;
	color:#098fd4;
	font:14px/23px "Lucida Grande",Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration:none;
	height:auto !important;
	height:1%; /*For IE*/
	}
ul#vrtnav a:hover, ul#vrtnav li:hover a, ul#vrtnav li.iehover a {
	background:#fff url(../images/navbg.jpg) repeat-y;
	color:#3ca712;
	}
/* 2nd Menu */
ul#vrtnav li:hover li a, ul#vrtnav li.iehover li a {
	background:#fcd073;
	color:#886721;
	padding:1px 6px;
	font:12px/20px "Lucida Grande",Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	}
/* 2nd Menu Hover Persistence */
ul#vrtnav li:hover li a:hover, ul#vrtnav li:hover li:hover a,
ul#vrtnav li.iehover li a:hover, ul#vrtnav li.iehover li.iehover a {
	background:#e8bd62;
	color:#886721;
	}
ul#vrtnav ul, ul#vrtnav ul ul, ul#vrtnav ul ul ul {
	display:none;
	position:absolute;
	top:0;
	left:192px;
	}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#vrtnav li:hover ul ul, ul#vrtnav li:hover ul ul ul,
ul#vrtnav li.iehover ul ul, ul#vrtnav li.iehover ul ul ul {
	display:none;
	}
ul#vrtnav li:hover ul, ul#vrtnav ul li:hover ul,
ul#vrtnav ul ul li:hover ul, ul#vrtnav li.iehover ul,
ul#vrtnav ul li.iehover ul, ul#vrtnav ul ul li.iehover ul {
	display:block;
	}


/****************************************************************
							TOP SECONDARY NAV
****************************************************************/
#secondarynav {float:left; width:600px; margin:10px 0 0 15px;}
ul#hrznav {margin:0; border:0 none; padding:0; width:600px; list-style:none; height:29px;}
ul#hrznav li {
	margin:0;
	border:0 none;
	padding:0;
	float:left; /*For Gecko*/
	display:inline;
	list-style:none;
	position:relative;
	height:24px;
	}
ul#hrznav ul {
	margin:0;
	border:0 none;
	padding:0;
	width:160px;
	list-style:none;
	display:none;
	position:absolute;
	top:24px;
	left:0;
	}
ul#hrznav ul li {
	float:none; /*For Gecko*/
	display:block !important;
	display:inline; /*For IE*/
	}
/* Root Menu */
ul#hrznav a {
	padding:0 13px;
	margin:0;
	float:none !important; /*For Opera*/
	float:left; /*For IE*/
	display:block;
	color:#098fd4;
	font:13px/29px "Lucida Grande",Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration:none;
	height:auto !important;
	height:1%; /*For IE*/
	border:1px solid #E4F2FD;
	border-bottom:1px solid #79bcf0;
	}

/* Root Menu Hover Persistence */
ul#hrznav a:hover, ul#hrznav li:hover a, ul#hrznav li.iehover a {
	background:#fff url(../images/hrznavbg.jpg) repeat-x;
	color:#168213;
	border:1px solid #79bcf0;
	border-bottom:1px solid #FFF;
	}
body#one ul#hrznav li.one a, body#two ul#hrznav li.two a,
body#three ul#hrznav li.three a, body#four ul#hrznav li.four a,
body#five ul#hrznav li.five a, body#six ul#hrznav li.six a,
body#seven ul#hrznav li.seven a, body#eight ul#hrznav li.eight a,
body#nine ul#hrznav li.nine a, body#ten ul#hrznav li.ten a {
	background:#fff url(../images/hrznavbg.jpg) repeat-x;
	color:#168213;
	border:1px solid #79bcf0;
	border-bottom:1px solid #FFF;
	}
ul#hrznav ul ul, ul#hrznav ul ul ul {display:none; position:absolute; top:0; left:160px;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul, ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul, ul#hrznav li.iehover ul ul ul {
	display:none;
	}
ul#hrznav li:hover ul, ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul, ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul, ul#hrznav ul ul li.iehover ul {
	display:block;
	}

/****************************************************************
								LOGIN BOX
****************************************************************/
body#login {background:#E4F2FD;}
body#login #nav {display:none;}
.login {margin: 0 auto; margin-top:3em; padding:15px; border:1px solid #ccc; width:430px; background:#F1F3F5;}
.login h1 {
	background:url(../images/login_header.png) no-repeat;
	background-position:left top;
	color:#333;
	margin:0px;
	height:50px;
	padding:15px 4px 0 50px;
 	text-align:left;
	font-size:1.5em;
	}
.login p {padding:0 1em 0 1em;}
.login form {border:1px solid #cccccc; background:#E9ECEF; padding:15px 10px 10px 10px;}
.login-form {text-align:left; float:right; width:60%;}
.login-text {text-align:left; width:40%; float:left; padding-top:20px;}
.inputlabel {font-weight:bold; text-align:left; display:block; margin:0; padding:0;}
.inputbox {width:150px; margin:0 0 .5em 0; padding:3px; border:1px solid #ccc;}
.login h1 {
	font:39px "Century Gothic", 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#faaa10;
	margin:0;
	padding:0;
	}
.login-text img {text-align:center; margin: 0 auto; display:block;}
.errorinfo {
	width:470px;
	padding:30px;
	background:#f3c5be;
	border-top:2px solid #990000;
	border-bottom:2px solid #990000;
	margin:0 auto;
	font:bold 16px/12px "Century Gothic", 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}


/****************************************************************
								CONTACT FORM
****************************************************************/
form#contact {margin:0; padding:5px; float:right; width:275px; background:#d0e6f5; border:1px solid #a5cae4;}	
#contact label, #contact input {display:block; width:150px; float:left; margin-bottom:10px; }
#contact label {text-align:right; width:75px; padding-right:5px; }
#contact br {clear:left;}
#contact fieldset {margin:0px 0px 10px 0px; position:relative; display:block; padding:0px 10px 10px 10px;}
#contact legend {color:#821e0c; font-variant:small-caps; font:bold 1.0em Verdana, Arial, Helvetica, sans-serif; padding:2px 5px; position:relative;}
#contact span.state {width:130px; float:left; text-align:right;}
#contact #zip {width:60px; margin-right:12px; float:left;}
#contact #zipname {width:27px; margin-left:13px;float:left;}
#contact #comments {display:block; width:240px; height:70px; margin-bottom:15px;}
textarea {overflow:auto;}
#contact #submit {width:85px; height:32px; margin-left:90px;}
#contact .shhhh, .shhhh {display:none;}


/****************************************************************
								CALENDAR MODULE
****************************************************************/
div#calframe {width:1000px; margin:0 auto; text-align:center; padding-top:10px; background:url(../images/calframebg.gif);}
div.calmainview {width:310px; float:left; margin:5px; padding:5px;}
table.calmaintable {width:310px;}
form.calform {display:block; width:360px; margin:0 auto; text-align:center;}
form.calform fieldset {width:370px; padding:5px;}

/****************************************************************
							LARGE CALENDAR FRONTEND
****************************************************************/
.largecaldiv .caltable {width: 700px; color:#fff; margin:0 auto; margin-top:10px;}
.largecaldiv .caltable a, .caltable a:link, .caltable a:visited, .caltable a:active {color:#eee;}
.largecaldiv .caltable a:hover {color:#fff;}
.largecaldiv .caltable tr {vertical-align:text-top;}
.largecaldiv .caltable td {width:100px;height:100px;background:#555; border:1px solid #fff; padding-top:0;}
.largecaldiv .caltable tr.monthyear td {font-weight:bold; text-align:center; color:#fff; border:none; vertical-align:top; font-size:15px; height:30px; padding:2px;}
.largecaldiv .caltable tr.monthyear td.monthlink1 {background:#666; font-size:11px; text-align:left;}
.largecaldiv .caltable tr.monthyear td.monthlink2 {background:#666; font-size:11px; text-align:right;}
.largecaldiv .caltable tr.daynames td {font-weight:bold;text-align:center;color:#fff; border:none; vertical-align:middle; height:auto;}
.largecaldiv .caltable td.diffmonth {background:#aaa;}
.largecaldiv .caltable span.daynum {display:block; float:right; border:2px solid #fff; border-top:none; border-right:none; margin:0; padding:2px; background:#000;}
.largecaldiv .caltable td.currentdate {font-weight:bold;color:#000;}
.largecaldiv .caltable td.currentdate span.daynum {border:2px solid #000; background:#fff;}
.largecaldiv .caltable a.eventlink {text-align:center!important;}
.largecaldiv .caltable td br {clear:right;}


/****************************************************************
						SMALL OR THREE CALENDAR FRONT END
****************************************************************/
.smallcaldiv .caltable {width:350px; color:#fff; margin:0 auto; margin-top:10px;}
.smallcaldiv .caltable a, .caltable a:link, .caltable a:visited, .caltable a:active {color:#eee;}
.smallcaldiv .caltable a:hover {color:#fff;}
.smallcaldiv .caltable tr {vertical-align:text-top;}
.smallcaldiv .caltable td {width:50px;height:50px;background:#555; border:1px solid #fff; padding-top:0;}
.smallcaldiv .caltable tr.monthyear td {font-weight:bold; text-align:center; color:#fff; border:none; vertical-align:middle; font-size:15px; height:30px;}
.smallcaldiv .caltable td.monthlink1 {background:#777; font-size:11px;}
.smallcaldiv .caltable td.monthlink2 {background:#777; font-size:11px; text-align:right;}
.smallcaldiv .caltable tr.daynames td {font-weight:bold; text-align:center; color:#fff; border:none; vertical-align:middle; height:auto;}
.smallcaldiv .caltable td.diffmonth {background:#aaa;}
.smallcaldiv .caltable span.daynum {float:right;}
.smallcaldiv .caltable td.currentdate {font-weight:bold;color:#f00;}
.smallcaldiv .caltable a.eventlink {font-weight: bold; color:#9f9;}
.smallcaldiv .caltable td br {clear:right;}


/****************************************************************
								COUPON FRONT END
****************************************************************/
div.coupon {background:#fff; width:490px; padding:0; border:5px dashed #ddd; border-top:none; text-align:center; margin:0 auto;}
div.coupon div.couponheader {background:#ddd; color:#555; width:490px; height:40px; border:5px solid #ddd; margin-left:-5px;}
div.coupon h1 {font-size:1.1em; font-weight:bold; text-align:center; margin:10px 0; padding:0 0 5px 0; border-bottom:5px dashed #ddd;}
div.coupon span.coupondate {font-size:.8em; font-style:italic; float: left; display:block; margin:10px 0 0 10px;}
div.coupon span.couponprint {float:right; display:block; margin:5px 15px 0 0;}
div.coupon div.coupondetails {text-align:left; color:#555; clear:both; padding:5px 15px 5px 15px;}


/****************************************************************
						BUSINESS DIRECTORY FRONT END
****************************************************************/
#directoryblock {width: 850px; text-align:center; margin: 0 auto; padding:10px;}
#directorycolumn {width:220px; float:left; border:1px dotted #555; border-left:none; padding:5px; background:#eee;}
#directorycolumn * {font-size: .9em;}
#directoryresults {width:600px; float:right; padding:5px; margin:5px 0 5px 5px;}
.directoryentry {width: 275px; height:120px; float:left; margin: 5px; padding:5px; border:1px solid #eee;}
a.dirsearchterm {color:#009!important; font-weight:bold; text-decoration:none;}
#tooltipdiv {width:265px; height:430px; background:#fff; position:absolute; z-index:30; padding: 10px; margin:0; text-align:center; border:5px solid #888;}
#tooltipdiv img {}
#tooltipdiv #closebtn {float:right; margin: 0 5px 5px 0; cursor:pointer; color:#900;}
#tooltipdiv span#ttcompany {display:block; font-weight:bold;}
#tooltipdiv span#ttcategory {display:block;}
#tooltipdiv span#ttcontact {display:block;}
#tooltipdiv span#ttclose {display:block;}
#tooltipdiv span#ttemail {display:block;}
#tooltipdiv span#ttsite {display:block;}
#tooltipdiv span#ttmap {display:block;}
#tooltipdiv span#ttdesc {display:block; margin-top:10px;}


/****************************************************************
						FAMILY DIRECTORY FRONT END
****************************************************************/
#familyblock {width: 850px; text-align:center; margin: 0 auto; padding:10px;}
#familycolumn {width:220px; float:left; border:1px dotted #555; border-left:none; padding:5px; background:#eee;}
#familycolumn * {font-size: .9em;}
#familyresults {width:600px; float:right; padding:5px; margin:5px 0 5px 5px;}
.familyentry {width: 275px; height:260px; float:left; margin: 5px; padding:5px; border:1px solid #ddd;}
.familyentry img {padding:10px;}
span.familyname {font-weight:bold; font-size:1.1em;}
span.familymembers {font-style:italic; font-size:.85em;}
a.famsearchterm {color:#009!important; font-weight:bold; text-decoration:none;}

/****************************************************************
						STAFF DIRECTORY FRONT END
****************************************************************/
#staffblock {width: 850px; text-align:center; margin: 0 auto; padding:10px;}
#staffcolumn {width:220px; float:left; border:1px dotted #555; border-left:none; padding:5px; background:#eee;}
#staffcolumn * {font-size: .9em;}
#staffresults {width:600px; float:right; padding:5px; margin:5px 0 5px 5px;}
.staffentry {width: 500px; height:250px; float:left; margin: 5px; padding:5px; border:1px solid #ddd; text-align:left;}
.staffentry img {padding:10px; float:right; border:3px solid #ddd; background:#fff;}
span.staffname {font-weight:bold; font-size:1.1em;}
span.staffpos {font-style:italic; font-size:1.1em;}
span.staffdept {font-style:italic; font-size:.85em;}
span.stafflocation {font-style:italic; font-size:.85em;}
span.staffdivider {display:block; background:#ddd; height:3px!important; margin:5px 0; padding:0;}
a.staffsearchterm {color:#009!important; font-weight:bold; text-decoration:none;}

/****************************************************************
								COMMUNITY DATABSE
****************************************************************/
#communityblock {width: 880px; text-align:center; margin: 0 auto; padding:10px;}
#communitycolumn {width:300px; float:left; border:1px dotted #555; border-left:none; padding:5px; background:#eee;}
#communityresults {width:550px; float:right; padding:5px; margin:5px 0 5px 5px;}
.communityentry {width: 250px; height:105px; float:left; margin:10px; text-align:left;}
.communityentry img {padding:10px; float:right; border:3px solid #ddd; background:#fff;}
a, a:link, a:hover, a:active, a:visited {color:#00f;}
.dirsearchterm {color:#009!important; font-weight:bold; text-decoration:none;}

/****************************************************************
										FAQ
****************************************************************/
div.faqitem {margin: 0 0 30px 0;}
div.faqitem span.q {display:block; color: #000; font-weight:bold; margin:0;}
div.faqitem span.a {display:block; color: #999; font-style:italic; margin:0 0 0 10px;}


/****************************************************************
										Q&A
****************************************************************/
div.qnaitem {margin: 0 0 30px 0; width:600px;}
div.qnaitem span.q {display:block; color: #000; font-weight:bold; margin:0;}
div.qnaitem span.a {display:block; color: #999; font-style:italic; margin:10px 0 0 20px;}
div.qnaitem span.qa, div.qnaitem span.aa {display:block; font-weight:normal; font-style:normal; font-size:.8em;}