/*reset*/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-size:100%;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
}

iframe {width: 100%; overflow: hidden; border: none;}

/*body*/
body {margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #5c5c5c; background: #fff;}

/*
Flexible Image
Set image max width to 100%
*/
img {max-width: 100%; height:auto; width: auto; /* ie8 */}

/*basics*/
img, a {border:none; outline:none !important}
a{color: #0bf3a0; text-decoration: none;}
a:hover {color: #7ecd42; text-decoration:none;}
.comp{color: #0e4b35; font-weight: bold;}
.comingsoon{color:#ff0000 !important; font-weight:bold; font-style:italic !important;}
.clearfix {clear:both; overflow:hidden;}

/*wrapper*/
.wrapper {width: 450px; max-width: 100%; height: auto; margin: 0 auto;}

/*header*/
#header {width: 450px; max-width: 100%; height: auto; clear: both; overflow: hidden;}
	#logo{text-align: center; margin: 16px auto 0px -5px;}
	#contact-info{text-align: center; margin: 8px auto 0px;}
		#contact-info p{font-family: 'Crimson Text', serif; font-size: 24px; color: #004711; line-height: 32px;}
		#contact-info a{background: url(images/header-btn.jpg) repeat-x left top; width: 174px; height: 40px; line-height: 40px; border-radius: 3px; display: block; text-align: center; margin: 16px auto 25px; font-size: 16px; font-weight: bold; color: #014b30; text-transform: uppercase;}
		#contact-info a:hover{background-position: bottom left; color: #fff;}

/*nav*/
#nav{width: 480px; max-width: 100%; height: auto; text-align: center; margin: 3px auto 5px -15px;}
#nav .nav-container{background: url(images/nav-bg.jpg) repeat-x left top; width: 480px; min-height: 60px; text-align: left;}
#nav p{float: left; font-family: 'Crimson Text', serif; font-size: 20px; color: #fff; line-height: 60px; position: relative; left: 22px;}
#nav a img{margin-top: 15px; margin-left: 35px;}

#pull{float: right; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: bold; color: #fff; text-transform: uppercase; position: relative; top: 15px; right: 20px; cursor: pointer;}
#pull:before{content: url(images/pull-before.png); position: absolute; top: 0px; left: -63px;}

#nav ul{margin: 8px auto 0 20px; padding: 0; text-align: center; display: none; clear: both;}
#nav ul li{display: block; text-align: center; margin: 0 auto; position: relative;}
#nav ul li a{background: url(images/nav-btn.jpg) repeat-x left top; width: 436px; max-width: 100%; height: 50px; line-height: 50px; border-radius: 5px; display: block; text-align: left; text-transform: uppercase; text-indent: 22px; font-size: 18px; font-weight: bold; color: #fff;}
#nav ul li a:hover, #nav ul li a.current_page_item{background-position: bottom left;}
#nav ul li a:after{content: url(images/nav-after.png); position: absolute; top: 0; right: 45px;}


/*banner*/
#banner{width: 480px; max-width: 100%; height: auto; clear: both; text-align: center; position: relative; margin-top: -5px; margin-left: -15px;}
.rflash{width: 480px;}

.slogan{position: absolute; z-index: 9999; text-align: left; bottom: 155px; left: 30px;}
	.slogan p{font-family: 'Damion', cursive; font-size: 33px; font-weight: normal; color: #019850; text-shadow: -2px 2px 1px rgba(255, 255, 255, 1), 3px -1px 1px rgba(255, 255, 255, 1), -2px -2px 1px rgba(255, 255, 255, 1), 2px 2px 1px rgba(255, 255, 255, 1);}
	.slogan span{display: block; font-family: 'Crimson Text', serif; font-size: 26px; font-weight: bold; color: #095535; text-transform: uppercase; margin-top: 0px; text-shadow: -2px 2px 1px rgba(255, 255, 255, 1), 3px -1px 1px rgba(255, 255, 255, 1), -2px -2px 1px rgba(255, 255, 255, 1), 2px 2px 1px rgba(255, 255, 255, 1);}

.banner-statement{background: url(images/banner-statement-bg.jpg) repeat-x left top; width: 480px; height: 142px; text-align: center; margin-top: 0;}
	.banner-statement p{font-size: 20px; color: #fff; padding-top: 23px;}

/*mid*/
#mid{width: 480px; height: auto; margin: 15px auto auto -15px; position: relative;}
	.mid-container{width: 480px; height: auto; text-align: center; margin: 0 auto; padding: 0;}
	.mid-box{background: url(images/mid-bg.jpg) repeat-x left top; width: 480px; height: 219px; display: block; position: relative;}
	.mid-box h3{font-family: 'Damion', cursive; font-size: 20px; font-weight: normal; color: #fff6f6; text-align: left; padding-top: 22px; padding-left: 170px;}
	.mid-box h3 span{display: block; font-family: 'Crimson Text', serif; font-size: 20px; font-weight: normal; color: #11e989; text-transform: uppercase; margin-top: -6px;}
	.mid-box p{width: 270px; font-size: 13px; color: #fff; text-align: left; line-height: 22px; padding-left: 170px; padding-top: 12px;}
	.mid-box img{float: left; position: absolute; top: 25px; left: 18px;}
	.mid-box a{background: url(images/mid-btn.jpg) repeat-x left top; width: 104px; height: 30px; line-height: 30px; text-align: center; border-radius: 5px; display: block; font-size: 14px; font-weight: bold; color: #284f0b; position: absolute; bottom: 30px; left: 170px;}
	.mid-box a:hover{background-position: bottom left; color: #005831;}
	.mid-box:first-child{border-top: 35px solid #0c3e2c;}

/*sidebar*/
.sidebar-box{background: url(images/sidebar-box.png) no-repeat center top; width: 435px; max-width: 100%; height: 179px; position: relative; margin-top: 25px; margin-left: 8px;}
.sidebar-box .text-container{background: #fff; width: 185px; height: 145px; border-radius: 10px 0 0 10px; position: absolute; top: 18px; right: 0px;}
.sidebar-box h3{font-family: 'Damion', cursive; font-size: 24px; font-weight: normal; color: #a8a8a8; text-align: left; padding-top: 5px; padding-left: 13px;}
.sidebar-box h3 span{display: block; font-family: 'Crimson Text', serif; font-size: 28px; font-weight: bold; color: #018c4a; text-transform: uppercase; margin-top: -5px;}
.sidebar-box p{font-size: 13px; color: #656565; line-height: 20px; text-align: left; margin-top: -3px; padding-left: 13px;}
.sidebar-box a{font-size: 14px; font-weight: bold; text-transform: uppercase; color: #018c4a; position: absolute; left: 13px; bottom: 10px;}
.sidebar-box a:hover{color: #7bc840; text-decoration: underline;}

.sidebar-links{width: 434px; max-width: 100%; height: auto; position: relative; margin-top: 23px;}
.sidebar-links h3{font-family: 'Damion', cursive; font-size: 24px; font-weight: normal; color: #666666; text-align: left; margin-left: 5px;}
.sidebar-links h3 span{display: block; font-family: 'Crimson Text', serif; font-size: 28px; font-weight: bold; color: #018c4a; text-transform: uppercase; margin-top: -5px;}
.sidebar-links ul{margin: 4px auto 0 8px; padding: 0; list-style: none; text-align: left;}
.sidebar-links ul li{display: block; padding: 3px 0; position: relative;}
.sidebar-links ul li a{background: url(images/sidebar-btn.png) no-repeat center top; width: 434px; height: 40px; line-height: 33px; display: block; font-size: 16px; color: #fff; text-indent: 20px;}
.sidebar-links ul li a:hover{background-position: bottom left; font-weight: bold;}
.sidebar-links ul li a:after{content: url(images/sidebar-btn-after.png); position: absolute; top: 3px; right: -8px;}
.sidebar-links ul li a:hover:after{content: url(images/sidebar-btn-hover.png); position: absolute; top: 3px; right: -8px;}

/*main*/
#main{width: 435px; max-width: 100%; height: auto; margin: 37px auto 10px; clear: both;}
	.welcome {font-family: 'Damion', cursive; font-size: 32px; font-weight: normal; color: #4d4d4d;}
	.welcome span{display: block; font-family: 'Crimson Text', serif; font-size: 29px; font-weight: bold; color: #0c3e2c; margin-top: -5px;}
	.nonhome{font-family: 'Crimson Text', serif; font-size: 29px; font-weight: bold; color: #0c3e2c;}
	#main #main-canvas .main-img-area .main-thumb{float: left; margin-top: 20px; margin-right: 8px; margin-left: -3px;}
	#main #main-canvas p{text-align: justify; line-height: 27px; padding: 10px 0;}
	#main #main-canvas .center-text{text-align: center; font-weight: bold;}

	#main #main-canvas a{color: #014b30; font-weight: bold;}
	#main #main-canvas a:hover{color: #7ecd42;}
	#main #main-canvas ol li{line-height: 28px; margin-left: 30px;}
	#main #main-canvas ul{list-style: none; margin: 15px; padding: 0;}
	#main #main-canvas ul li{list-style: none; text-indent: -2px; margin-left: 25px; line-height: 28px; padding: 0 0 0 10px; text-align: justify;}
	#main #main-canvas ul li:before{content: url(images/bullet.png); position: absolute; margin-left: -25px; margin-top: 4px;}
	#main #main-canvas ul li a{line-height: 28px; font-size: 14px; font-weight: bold; color: #014b30; margin-left: 5px;}
	#main #main-canvas ul li a:hover{text-decoration: none; color: #7ecd42;}
	#main #main-canvas ul li:first-child{margin-top: -20px;}

/*bottom*/
#bottom{width: 435px; max-width: 100%; height: auto; margin: 30px auto 0; position: relative;}
	.areas-covered{width: 433px; max-width: 100%; height: auto; border-radius: 5px; border: 1px dashed #0c402d;}
	.areas-covered h3{font-family: 'Damion', cursive; font-size: 24px; font-weight: normal; color: #4d4d4d; text-align: left; padding-top: 8px; padding-left: 13px;}
	.areas-covered h3 span{display: block; font-family: 'Crimson Text', serif; font-size: 28px; font-weight: bold; color: #018c4a; text-transform: uppercase; margin-top: -5px;}
	.areas-covered h3:after{content: url(images/map.png); position: absolute; top: -9px; right: 12px;}
	.areas-covered p{width: 280px; line-height: 23px; text-align: left; padding-top: 10px; padding-left: 15px;}
	.areas-covered a{background: url(images/areas-covered-btn.jpg) repeat-x left top; width: 244px; height: 42px; line-height: 42px; border-radius: 5px; display: block; font-size: 18px; font-weight: bold; color: #fff; text-align: center; margin: 30px auto 20px 15px;}
	.areas-covered a:hover{background-position: bottom left;}

	.events a{background: url(images/events-bg.jpg) repeat-x left top; width: 435px; max-width: 100%; height: 95px; line-height: 100px; border-radius: 10px; display: block; position: relative; margin-top: 15px;}
	.events a:hover{background-position: bottom left;}
	.events a:after{content: url(images/icon-events.png); position: absolute; top: 12px; right: 13px;}
	.events a h3{font-size: 34px; font-weight: bold; color: #fff; text-align: left; margin-left: 27px;}

/*footer*/
#footer {width: 100%; height: auto; margin: 0 auto; background: url(images/footer-bg.png) no-repeat center top; padding-bottom: 30px;}
	#footer h4{font-family: 'Damion', cursive; font-size: 27px; font-weight: normal; color: #fff; text-align: center; padding-top: 35px;}
	#footer h4 span{display: block; font-family: 'Crimson Text', serif; font-size: 27px; font-weight: bold; color: #7ecd42; text-transform: uppercase; margin-top: -5px;}
	#footer p{text-align: center; font-size: 14px; color: #ccfdeb; margin-top: 10px;}
	#footer p span{display: block;}
	#footer a{font-weight: bold;}
	#footer a:hover{text-decoration: underline;}

	#copyright {width: 455px; font-size: 16px; font-weight: normal; color: #fff; text-align: center; margin-top: 30px;}
		.comp-name{color: #7ecd42;}
		#copyright a {color: #fff; font-weight: normal;}
		#copyright a:hover {text-decoration: none !important;}

	.desktop{ margin-top: 20px;}
	.desktop a{font-size: 20px; font-weight: normal; text-decoration: underline; color: #7cca41 !important;}
	.desktop a:hover{color: #00ca81 !important; font-weight: bold; text-decoration: underline !important;}

/*Resources*/
.resources{font-size: 14px; margin-top: 30px; margin-left: -35px;}
.resources ul li a{text-decoration: none; display: block; font-weight: bold;}
.resources ul li a:hover{color: #7ecd42; text-decoration: none; padding-left: 1px;}
.resources ul,.resources li{list-style: none; margin: 0; padding: 0;}
.resources ul li{margin-bottom: 8px; padding: 12px; background: #FAFDFE; border: 1px solid #ACD7D6; border-bottom: 2px solid #95CCCB;}
.resources ul li:before{content: "" !important;}
.resources ul li span{font-size: 11px; color: #666666; letter-spacing: 1px; display: block;}

/*Table for Meet Our Staff Page*/
.staff-admin{width: 100%;border-collapse: collapse;border-spacing: 0px;}
.staff-admin tr{background: rgba(2, 149, 79, 0.22) none repeat scroll 0% 0%; display: none;}
.staff-admin tr:nth-child(2n){background: rgba(2, 149, 79, 0.43) none repeat scroll 0% 0%;}
.staff-admin tr td{padding: 15px;}
/*Resources Button on Alzheimer's/Dementia Resources page*/
.res-btn{display: block; text-decoration: none!important; background: #f1f1f1; width: 200px; height: 40px; line-height: 40px; border: 2px outset #00d770; text-align: center; border-radius: 5px; margin: 10px auto 0;}
.res-btn a{font: bold 14px Open Sans, sans-serif; color: #018f4b;text-decoration: underline;}
.res-btn:hover{border: 2px outset #66a736; color: #66a736!important;}

/* Google Review Section */

.review { text-align: center; height: 64px; width: 100%; background: #074630; color: #fff; border-radius: 7px; margin: 15px auto 7px auto; }
.review h2{line-height: 2.5; font-family: 'Crimson Text', serif; font-weight: 700; font-size: 26px;}
.review_cont { background: #e6fed4; padding: 15px 35px; text-align: center; border-radius: 7px;}
.review_cont p{text-align: center; color: #1a1a1a;}
.review_cont a{display: block; width: 156px; height: 40px; color: #fff !important; background: #77c43d; margin: 15px auto; line-height: 2.4; text-decoration: none; font-size: 17px; border-radius: 5px;}
.review_cont a:hover{background: #074630; color: #fff;}

/*Modal box*/
#Modal{display:block; height: 100%; position: fixed; width: 100%;background: rgba(0,0,0,0.7);z-index: 99999;overflow: auto;left:0;right:0}
#Mod_container{width: 440px; height: auto; margin: 0 auto; text-align: center; background: #fff; position: relative; top: 10%; max-width:96%; box-shadow: 0 3px 7px rgba(0,0,0,0.4);border-radius: 20px;border: 5px solid #fff; }

.Mod_content { padding: 60px 30px; color: #fff; }
.Mod_content h2 { font-family: Arial; font-size: 20px; color:#019850; font-weight: 600; width: 100%; line-height: 30px; font-style: normal; margin: 0 auto; padding: 30px 0; text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 0px 0 #fff, 0px 2px 0 #fff, -2px 0px 0 #fff, 0px -2px 0 #fff; }
.Mod_content h2 span { color:#095535; display: block; font-size: 23px; font-weight: bolder; text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 0px 0 #fff, 0px 2px 0 #fff, -2px 0px 0 #fff, 0px -2px 0 #fff; animation: modspan 0.5s infinite; }
.Mod_content p { line-height: 26px; color: #333 }

.close{position: absolute; right: -5px; top: -5px; font-weight: bold; font-size: 20px; color: #fff !important; background: linear-gradient(to top,#165000 -6%,#90d400 116%); font-family: Sans-serif; width: 40px; text-align: center; border: solid; border-radius: 0 20px 0 20px; height: 40px; line-height: 30px; cursor:pointer;border-color: #fff;box-shadow: 0 0px 10px black;}
.close:hover { background: #fff; color: #095535 !important; }
.close p { margin: 0; }