/*
THEME NAME: City of Mentor 
VERSION: 1
AUTHOR: Epstein Design Partners
*/


body {
	color:#373e3c;
	background-color:#ffffff;
	font-family: helvetica, arial, sans-serif;
	font-size:12px;
	line-height:19px;
	background-image: url(images/bg-hm.jpg);
	background-repeat:repeat-x;
	margin:auto;
	padding:auto;
}

html {
	margin:auto;
	padding:auto;
}

div#wrapper {
	width:900px;
	margin:auto;
	padding:auto;
}

div#outtershell {background-color:#FFFFFF; clear:both; /*padding:20px;*/ margin:40px 0;}

div#container {
	float: right;
	margin: 0 0 0 -278px;
}
div#page-image {
	width:622px;
	margin: 0 0 0 278px;
}
div#content {
	clear:both;
	width:580px;
	margin: 20px 0 0 311px;
}

div#content img{
margin:20px;
border:none;
}

div#content h3 {color:#6c5732; font-size:18px; font-weight:lighter; margin:20px 0 6px 0; padding:auto;}



div#footer {
	clear: both;
	width: 100%;
}
/**/
/**/
/**/
/**/

a { color:#7c9506; text-decoration:underline;}
a:active { color:#7c9506; text-decoration:underline;}
a:visited { color:#7c9506; text-decoration:underline;}
a:hover {color:#004961; text-decoration:none;}


h1 {color:#6c5732; font-size:29px; font-weight:lighter; padding-top:4px; text-transform:uppercase;} 
h2 {color:#6c5732; font-size:21px; font-weight:lighter; padding-top:4px;}
h3 {color:#6c5732; font-size:18px; font-weight:lighter; padding-top:4px;}
h4 {}
h5 {}

p {margin:10px 0 10px 0;}

/*
ul,li {text-indent:0;padding:10px 0 10px 0;margin:0;}
div#content ul, div#content ul li {text-indent:0;padding-left:0;margin-left:10px;}
*/

/**/
/**/
/**/
/**/
#header{height:auto; margin:0;}

#logo { width:178px; float:left;}

#tertiary {padding:0; margin:0; width:710px; float:right; text-align:right; color:#ffffff; font-size:10px; height:56px;}
#tertiary a { color:#ffffff; text-decoration:none;}
#tertiary a:active { color:#ffffff; text-decoration:none;}
#tertiary a:visited { color:#ffffff; text-decoration:none;}
#tertiary a:hover {color:#373e3c; text-decoration:underline;}

#tertiary-nav {width:300px; height:auto; padding-top:17px; float:right;}
#search {width:210px; float:right; height:auto; padding-top:12px; margin-left:20px;}
.text-input {padding:3px; float:left;}
.go-btn {padding:0 5px; float:right !important;}
#search img {margin-top:2px; }

#secondary {padding:14px 20px 0 0; margin:0; width:340px; text-align:right; float:left; color:#9d8F75; font-size:10px; height:58px;}
#secondary a { color:#9d8f75; text-decoration:none;}
#secondary a:active { color:#9d8f75; text-decoration:none;}
#secondary a:visited { color:#9d8f75; text-decoration:none;}
#secondary a:hover {color:#373e3c; text-decoration:underline;}

#flash {
	z-index:0;
	height:auto;
	width:auto;
	margin:0;
	padding:0;
	text-align:center;
}

#news {
	width:100%;
	height:28px;
	background-color:#939e40;
	color:#ffffff;
}

#news .ncontent{
	padding:4px 16px 4px 16px;
	width:auto;
}

#news .ncontent .headline{
	width:600px;
	float:left;
}

#news .ncontent .more{
	width:68px;
	float:right;
}

#news .ncontent a { color:#ffffff; text-decoration:underline;}
#news .ncontent a:active { color:#ffffff; text-decoration:underline;}
#news .ncontent a:visited { color:#ffffff; text-decoration:underline;}
#news .ncontent a:hover {color:#edf1f0; text-decoration:none;}

#cols {
	width:auto;
	margin:auto;
	padding:auto;
	padding-bottom:20px;
	font-family: helvetica, arial, sans-serif;
	font-size:12px;
	line-height:16px;
}
.col1 {width:239px; padding:0 10px 0 0; float:left; margin-bottom:20px;}
.col1 h3 {padding:0 0 10px 0;}
.col2 {width:75px; padding:0 10px 0 0; float:left;}
.col2 .flickr img {border:0; margin:5px 0;}
.col2 h3 {padding:20px 0 10px 0;}
.col3 {width:505px; padding:20px 20px 40px 40px; float:left; background-color:#edf1f0;}

.col-div {float:left; height:auto; width:1px; padding-top:20px;}


.col1 ul {width:100%;text-indent:none; padding:0;}
.col1 ul li {list-style:none; text-indent:none; margin:0 0 1px 0; padding:4px 0; height:auto; width:auto; vertical-align:top;}
.col1 li {list-style:none; text-indent:none;}

.callout {margin:20px 0 10px 0;}

.facebook {margin:20px 10px 10px 10px; padding:0;}

.upcoming-events {
	background-color:#edf1f0;
	padding:10px 10px 10px 10px;
	margin:0;
}

.upcoming-events .event-content{
	padding:10px;
	
}

.useful-links {
	background-color:#c5cfce;
	color:#373e3c;
	padding:10px 10px 10px 10px;
	margin:0;
}

.useful-links .link-content{
	padding:10px;
}

.mailing-list {
	color:#373e3c;
	padding:0;
	margin:0;
}

.mailing-list .mail-content{
	padding:10px;
}







#menu-main{ z-index:100; float:right; height:58px; margin-top:14px; padding-top:0; width:auto; text-transform: /*lowercase;*/ font-weight:normal;}

#menu-nav{
    font-size:14px;
    font-family:helvetica,sans-serif;
    width:auto;
    float:right;
    }
#menu-nav, #menu-nav ul {
    float:left;
    list-style:none;
    line-height:2em;
    padding:0;
    margin:0;
    width:auto;
    }
#menu-nav a {
    display:block;
    /*color:#9d8f75;*/
    text-decoration:none;
    padding:0px 8px;
    }
#menu-nav li {
    float:left;
    padding:0;
    }
#menu-nav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:200px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    }
#menu-nav li li {
    width:200px;
    font-size:11px;
    line-height:13px;
    font-family:helvetica,sans-serif;
    border-bottom: 1px solid #9d8f75;
    }
#menu-nav li li a {
    padding:5px 10px;
    width:auto;
   	color:#9d8f75;
    }
#menu-nav li ul ul {
    margin:-20px 0 0 100px;
    }
#menu-nav li li:hover {
    /*background:#ffffff;*/
    }
#menu-nav li ul li:hover a, #menu-nav li ul li li:hover a, #menu-nav li ul li li li:hover a, #menu-nav li ul li li li:hover a {
    color:#382a10;
    }
#menu-nav li:hover a, #menu-nav li.sfhover a {
    /*color:#382a10;
    text-decoration:underline;*/
    }
#menu-nav li:hover li a, #menu-nav li li:hover li a, #menu-nav li li li:hover li a, #menu-nav li li li li:hover li a {
   /*color:#382a10;*/
    }
#menu-nav li:hover ul ul, #menu-nav li:hover ul ul ul, #menu-nav li:hover ul ul ul ul, #menu-nav li.sfhover ul ul, #menu-nav li.sfhover ul ul ul, #menu-nav li.sfhover ul ul ul ul {
    left:-999em;
    }
#menu-nav li:hover ul, #menu-nav li li:hover ul, #menu-nav li li li:hover ul, #menu-nav li li li li:hover ul, #menu-nav li.sfhover ul, #menu-nav li li.sfhover ul, #menu-nav li li li.sfhover ul, #menu-nav li li li li.sfhover ul {
    left:auto;
    background:#ffffff;
    }
#menu-nav li:hover, #menu-nav li.sfhover {
    background:#ffffff;
    }
    
    
 /* Post settings */
.entry {margin:20px 0 40px 0; clear:both;}

.entry h3 a { color:#7c9506; text-decoration:none;}
.entry h3 a:active { color:#7c9506; text-decoration:none;}
.entry h3 a:visited { color:#7c9506; text-decoration:none;}
.entry h3 a:hover {color:#004961; text-decoration:none;}

.entry-title{clear:both;padding:0; margin:0;}
.entry-date{clear:both; color:#8e9492}
.entry-content{clear:both;padding:0; margin:0;}
.entry-content img {border:none;}

div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:40px;}
div#nav-below{margin-top:40px;}

.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}

/* PAGE SIDEBAR */

div.sidebar {
	text-align:left;
	float:left;
	width: 277px;
	min-height:500px;
	margin-bottom:40px;
	height:auto;
	background-color:#c0d2cf;
}

div.sidebar li{list-style:none; text-indent:none; margin:0 0 1px 0; color:#617503;  padding:10px; height:auto; border-bottom: 1px solid #a8bdba;}
div.sidebar ul {text-indent:none; padding:0 4px 0 4px; height:auto;}
div.sidebar ul li{list-style:none; text-indent:none; margin:0 0 1px 0; color:#617503; padding:6px 10px; height:auto; border-bottom: 1px solid #a8bdba;}

div.sidebar a { color:#3e575c; text-decoration:none;}
div.sidebar a:active { color:#3e575c; text-decoration:none;}
div.sidebar a:visited { color:#3e575c; text-decoration:none;}
div.sidebar a:hover {color:#ce1756; text-decoration:none;}

div.callout {margin:15px; width:240px;}
div.callout img {border:none;}
div.sidebar div.callout p {margin:0;}

div.sidebar div.callout li{list-style:none; text-indent:none; margin:0 0 1px 0; color:#617503;  padding:0; height:auto; /*border-bottom: 1px solid #a8bdba;*/}
div.sidebar div.callout ul {text-indent:none; padding:0 4px 0 4px; height:auto;}
div.sidebar div.callout ul li{list-style:none; text-indent:none; margin:0 0 1px 0; color:#617503; padding:6px 10px; height:auto; /*border-bottom: 1px solid #a8bdba;*/}

div.sidebar div.callout a { color:#7c9506; text-decoration:underline;}
div.sidebar div.callout a:active { color:#7c9506; text-decoration:underline;}
div.sidebar div.callout a:visited { color:#7c9506; text-decoration:underline;}
div.sidebar div.callout a:hover {color:#3e575c; text-decoration:none;}

/* NEWS SIDEBAR */

div.news-sidebar {
	text-align:left;
	float:left;
	width: 277px;
	min-height:500px;
	margin-bottom:40px;
	height:auto;
	background-color:#c0d2cf;
}

div.news-sidebar h3 {/*color:#6C5731;*/ color:#373e3c; padding:0; margin:0;}

div.news-sidebar li{list-style:none; text-indent:none; margin:0 0 1px 0; color:#617503; padding:14px; height:auto;}
div.news-sidebar ul {text-indent:none; padding:0 6px 0 6px; height:auto;}
div.news-sidebar ul li{list-style:none; text-indent:none; margin:0 0 1px 0; color:#617503; padding:6px 10px; height:auto; border-bottom: 1px solid #a8bdba;}

div.news-sidebar a { color:#3e575c; text-decoration:none;}
div.news-sidebar a:active { color:#3e575c; text-decoration:none;}
div.news-sidebar a:visited { color:#3e575c; text-decoration:none;}
div.news-sidebar a:hover {color:#ce1756; text-decoration:none;}


/* FOOTER */


div#footer{text-align:left; clear:both; font-size:10px;}
div#footer-logo {float:left;}

#footer-top{
	width:100%;
	margin:10px 0 10px 0;
}
#footer-copyright{
	width:150px;
	float:left;
}
.footer-bar{
	float:right;
	margin-top:6px;
	height:6px;
	width:750px;
	background-image: url(images/green-bar.gif);
	background-repeat:repeat-x;
}

#footer-mid{
	width:100%;
	padding-top:10px;
	margin:10px 0 10px 0;
	clear:both;
}

#footer-logo {float:left; width:150px;}
#footer-nav {float:left; margin-right:30px; margin-left:-5px; padding-top:6px;}
#footer-nav img {margin:0 5px 0 5px;}

#footer-secondary{float:left; padding-top:6px;}
#footer-secondary a { color:#9d8f75; text-decoration:none;}
#footer-secondary a:active { color:#9d8f75; text-decoration:none;}
#footer-secondary a:visited { color:#9d8f75; text-decoration:none;}
#footer-secondary a:hover {color:#373e3c; text-decoration:underline;}

#footer-tertiary{float:right; padding-top:6px;}
#footer-tertiary a { color:#676d6b; text-decoration:none;}
#footer-tertiary a:active { color:#676d6b; text-decoration:none;}
#footer-tertiary a:visited { color:#676d6b; text-decoration:none;}
#footer-tertiary a:hover {color:#373e3c; text-decoration:underline;}

#footer-bot {
	width:100%;
	clear:both;
	padding-top:10px;
	margin:10px 0 40px 0;
}

/* BREADCRUMB */

#breadcrumb {
	width:100%;
	height:28px;
	background-color:#939e40;
	color:#ffffff;
	margin-bottom:1px;
}

#breadcrumb .bcontent{
	padding:4px 16px 4px 16px;
	width:auto;
}

#breadcrumb .bcontent a { color:#ffffff; text-decoration:underline;}
#breadcrumb .bcontent a:active { color:#ffffff; text-decoration:underline;}
#breadcrumb .bcontent a:visited { color:#ffffff; text-decoration:underline;}
#breadcrumb .bcontent a:hover {color:#edf1f0; text-decoration:none;}

.clear {clear:both;}

/* TWO COLUMN */

.twocolone {width:320px; float:left; margin-right:40px; }
.twocoltwo {width:200px; float:left; margin-right:10px; }
.twocoltwo div.callout {margin:0; width:auto;}

#content ul {width:100%;text-indent:none; padding:0;}
#content ul li {list-style:disc; text-indent:0; margin:0 0 0px 12px; padding:4px 0; height:auto; width:auto;}
#content li {list-style:none; text-indent:none;}


/* download maps */
#maps-download {background-color:#EDF1F0; padding:20px;}

.mmf-captcha-captcha-152 {border:1px solid #333; text-align:left; display:block;}