html, body { margin : 0; padding : 0; border : 0; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}
/* Basic declarations */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; }
body { color : #666; font-family : Arial, Helvetica, sans-serif; font-size : 0.9em; font-weight : normal; text-align : center; margin : 0px; /* Use margin : XXpx 0; to add space at the top of the layout */
background : #333333; }
ul, ol { margin-left: 3em; list-style: square; }
ol { list-style: decimal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
p { margin: .5em 0; padding : 0 6px; line-height: 1.2em; }
h1 { font-size : 1.65em; color : #182542; margin : 10px 2px 8px 2px; padding : 0; }
h2 { font-size : 1.4em; color : #44511F; margin : 2px 2px; padding : 0; }
h3 { font-size : 1.25em; margin : 2px 2px; padding : 0; text-transform : uppercase; }
h4 { font-size : 1em; margin : 2px 2px; padding : 0; }
h5 { font-size : .90em; margin : 2px 2px; padding : 0; }
h6 { font-size : .85em; margin : 2px 2px; padding : 0; }
ul { margin-left : 1.15em; padding-left : .8em; line-height : 155%; }
a { text-decoration : none; color : #64772D; font-weight : bold; }
a:active { text-decoration : none; color : #8DA840; }
a:hover { text-decoration : none; color : #8DA840; }
a:visited { text-decoration : none; color : #64772D; font-weight : bold; }
input, select, textarea { border : 1px solid #CCC; padding : 3px 5px; font-size : 12px; color : #444; font-family : Arial, Helvetica, sans-serif; }
input[type=radio],input[type=checkbox],input[type=slider] { border : 0; padding : 0; }
table { border-collapse: collapse; }
table td, table th { vertical-align: top; }
/*utility classes */
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.pad {padding-bottom: 25px; }
.divider { margin: 15px 0; padding: 15px 0; position: relative; }
.hide { display: none; }
header h1 {display:none;}
/*layout*/
#editor { text-align : left; background : #fff; }
.wide {/* background : #f5f5f6 url(/image/cache/header.jpg); */}
.wide p { margin : 0; padding : 5px; position : relative; }
header.top{ position:relative;background: #FFF url(/image/cache/header-bg.jpg) top center no-repeat;}
.top {/* background : #f5f5f6 url(/image/cache/header.jpg); */ border : none; text-align : left; height : 150px;}
.wrapper { margin : 0 auto; width: 85%;max-width: 1400px;text-align : left; border : none; background : #fff; overflow : hidden;}
.outer { position : relative;padding: 25px; width: auto; background : #fff;}
.content_wrapper{ padding:25px 0px 0px 0px; }
.center-wide { background : #fff; min-height : 300px; }
#leftprt{width: 25%; float:left;}
#rgtprt {margin-left: 25%;}
.center_block { width:70%; float: left;}
.aside_block{ width: 29%; float:right; text-align:center;}
.aside_block img { max-width:100%; }
.banner-ad{ padding:10px; }
/*header*/
.logo { width: 30%; height : 113px; float : left; margin : 18px 0px 19px 40px; }
.getinvolved { right: 0;top: 0;display: inline-block;vertical-align: top;}
.getinvolved a { padding:0 !important;}
.slogan { line-height: 40px;color : #333333; position: absolute;bottom: 0;right: 0;}
.slogan h2 { font-family : Times; color : #333333; text-align : right; font-size : 1.49em; }
.homemessage {padding: 0;margin: 0; display: block; }
.homemessage .container {margin: 0px auto;width: 85%;max-width: 1400px;}
.homemessage .homemessageBlock{font-size: 16px;position: relative;padding: 5px;border-width: 2px;margin: 5px auto;}
/*image links*/
#navtops { width: 100%; height : 356px; overflow: hidden;}
#navtops .navtop {width: 20%; height: 100%;float:left; background-position:center center; background-size: cover; background-repeat:no-repeat; }
#navtops .navtop a { display:block;width: 100%;height: 100%;}
#navtops .navtop.city{ background-image:url(/image/cache/city.jpg);}
#navtops .navtop.Association{ background-image:url(/image/cache/Association.jpg); }
#navtops .navtop.Development{ background-image:url(/image/cache/Development.jpg); }
#navtops .navtop.news{ background-image:url(/image/cache/news.jpg); }
#navtops .navtop.GooseFest{ background-image:url(/image/cache/GooseFest.jpg); }
/*headings*/
#homenews .news-heading, #events .event-heading {clear: both;float: none;position: relative;}
#homenews .news-heading h2, #events .event-heading h2 { position:relative; margin: 0 0px 0px 0px; padding-left: 15px;color : #fff; font-size : 1.2em; text-transform : uppercase; float: left; line-height: 30px;background: #3E4B1D;clear: both;float: none;}
#homenews .news-heading h2:before, #events .event-heading h2:before{ content:''; width: 46px; height: 46px; display: block;position: absolute;left: -30px;top: -8px;}
#homenews .news-heading h2:before{}
#homenews .news-heading h2{ background-color: #44244C;}
#homenews .news-heading h2 a, #events .event-heading h2 a { color : #fff; }
.menu-alert { background: #f00;}
/* home events */
#events { width: 39%; float : left; margin-left: 0; }
#events .events-content {padding-left: 3%;margin-top: 15px;display: table;position: relative;width: 94%;}
.event_row{ border-bottom: 1px solid #E2E2E2; position: relative;margin-bottom: 7px;padding-bottom: 5px; width: 100%; float: left;}
.event_row:after{ content:''; display:block; clear:both;}
.event_row .date {text-align: center;background: #D8D8D8;width: 34px;margin-right: 5px;line-height: 14px;font-size: 20px;display: table-cell;vertical-align: middle;border-radius: 5px;overflow: hidden; color:#333;text-align: center;overflow: hidden;}
.event_row > .date{ height: 45px;}
.event_row .date span { font-size: 0.82em; display: block; }
.event_row .date span.month{background: #64772D; display:block; padding: 0px;color: #FFF;font-size: 10px;margin-bottom: 2px;}
.event_row .date span.date{ font-size: 16px; padding: 0px;margin: 0;}
.event_row .date span.week{ font-size: 10px;}
.event_row .event_ttl { display: table-cell; vertical-align:middle;padding: 0 7px;}
.event_row .event_ttl h4 { font-size:90%; }
.event_row .event_ttl h4 a { color: #39441A;}
.event_row .event_ttl em { color:#999; font-size:13px;}
.event_row .event_ttl * {margin:0; }
/* home news */
#homenews { width: 60%; float: right; margin-left: 0; min-height: 250px; }
#homenews .news-content {padding-left: 2%; width: 96%; margin-top: 15px;}
.news-row{ margin-bottom:5px; padding-bottom:5px;}
.news-row h4 a { color: #44244C;}
.news-row em { font-size:.84em; color:#999;padding-left: 5px;}
.news-row p{ margin:0; font-size:.9em;padding-left: 5px;color: #333;}
/* All School Reunion */
.reunion {padding: 25px; background-color: #750000; text-align: center; Border-top: 3px solid #FFC600; border-bottom: 3px solid #FFC600}
.reunion h2 a {color: #FFC600;}
/*Memorial Hall Table*/
.halltable table, .halltable thead, .halltable tbody, .halltable tr, .halltable th, .halltable td {border: 1px solid #ccc; padding: 3px;}
/* video block */
.animotovideo { width: 50%; float : left; margin-left: 0; margin-top: 29px; }
.animotovideo object{ width:100%; height:100%;}
.animotovideo object embed{ width: 100%; height: auto; min-height: 290px;}
#fb-root { width : 550px; float : left; margin-left : 15px; }
.fb-video .fb_iframe_widget .fb_iframe_widget_fluid_desktop { width : 550px; float : left; margin-left : 15px; }
div.instagram { width: 48%; float: right; margin-left: 0; }
div.instagram iframe{ width: 100% !important;margin: 0 auto;display: block;text-align: center !important;}
.featured { width: auto; padding: 25px; position : relative; background : #fff; }
.featured h3 { margin : 9px 0px 16px 0px; text-decoration : underline; text-align : center; }
.home { background : #eee; }
.footer_block, .featur_block { float : left; width: 30%; padding:1%; margin: 0.5%; }
.weather > span{ width:100% !important; }
.FBphoto { float : left; width : 100%; }
.FBphoto img { border : 1px solid #333; margin-top : 10px; text-align : center; }
.FBcontent { float : left; font-size : 12px; margin : 0px 0px 10px 0px; width : 100%; text-align : center; }
.FBcontent p { margin : 0px; padding : 0px; }
.jobs a { color : #006699; }
.movie h2 { width : 100%; float : left; margin-top : 35px; }
.leaderboard { width : 728px; height : 90px; margin : 0 auto; text-align : center; margin-top : 12px; }
#gallery { float : left; width : 100%; text-align : center; }
.skyscraper { width : 160px; height : 600px; float : right; margin : 12px; margin-right : 0; }
.block { width : 300px; height : 250px; float : right; clear : right; }
.float-wrap { float : left; width : 550px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right : -1px; /*** Static fix ***/
}
.left { position : relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width : 22px; /*** Critical left col/divider dimension value ***/
margin-left : -21px; /*** Critical left col/divider dimension value ***/
}
.container-left { width : 20px; /*** Critical left col dimension value ***/
padding-bottom : 110px; /*** To keep content from going underneath the AP bottom boxes ***/
}
/*-------------Side Info Blocks--------------*/
.page-content{float: left;width: 70%;}
.side-info-block{float: right;width: 29%;}
.side-info-block .info-block{ margin-bottom:10px; }
.side-info-block .info-block img { max-width:100%;}
.side-info-block .info-block a {color:#333;}
.side-info-block .info-block .info{ margin:10px 0; padding:5px 0; }
.side-info-block .info-block .title{ background:#DDD;font-size:1em; font-weight:bold;padding: 8px 5px; margin:10px 0;color:#FFF;}
.side-info-block.kenmare .info-block .title {background: #571910;}
table.side-info {min-width: 250px !important;width: auto !important;margin: 10px 0 !important;float: right !important;}
table.side-info tr td { padding:5px 2px;}
table.side-info tr td:first-child{width: 30px !important;}
.bottom { position : relative; color : #333; border : none; }
.footer { width: auto; clear: both;float: none;display: block;font-size : 10px; text-align : center; color : #fff; margin : 0 auto; background : #282828; min-height : 200px; padding : 32px; padding-bottom: 20px;}
.footer:after { content:''; display:table; clear:both;}
.content { text-align : left; color : #fff; }
.content iframe{ height:250px;}
.one h2 { padding-left : 25px; margin : 0px 0px 10px 0px; text-transform : uppercase; color : #9CD717; }
.two h2 { /* padding-left : 25px; */ margin : 0px 0px 10px 0px; text-transform : uppercase; color : #02BEF1; }
.footer .social { text-align : left; color : #fff; }
.footer .social a { text-align : left; color : #fff; }
.footer .social a img { float : left; margin : 0px 10px; }
.footer .content ul { list-style : none; line-height : 1.25em; border-top : none; border-bottom : none; color : #fff; padding-left: 25px; margin : 0 auto; font-size : 12px; font-family : Arial; font-weight : bold; }
.footer #quick-contact { padding-left: 10px; width: 100%;}
.footer .content ul li { margin: 10px 0;}
.footer .content ul li a { padding:10px 0;}
.footer .form { margin-left : 25px; float : left; }
.footer .form table tr { float : left; margin : 3px 0px; }
.footer .form table tr td.labelcol { width : 60px; }
.footer .form table tr td.valuecol input { background : #522E31; border : 1px solid #331D1E; padding : 3px 6px; color : #fff; width : 180px; height : 25px; }
.form input[type=submit] { background : #D9A64F; color : #452729; padding : 6px 10px; border : 1px solid #331D1E; margin : 10px 0px 0px 187px; font-weight : bold; }
.footer .form table tr td.valuecol #comment_input { background : #522E31; border : 1px solid #331D1E; padding : 3px 6px; color : #fff; width : 180px; height : 45px; }
.footer .content a { text-align : left; color : #fff; }
.footer .content a:hover { text-align : left; color : #ccc; }
.copyright{ width:100%; clear:both; float:none;}
.homemenu { background-color : #fff; /* float : left; */ }
nav.nav.main { width:100%; padding:0; margin: 0px; text-align: center;}
.menu_main { background: #563C1D; display: table;border-collapse: collapse;border: 0;width: 100%;padding: 0;margin: 0;outline: 0;box-shadow: none;box-sizing: border-box;}
.breadcrumb { font-size : .8em; color : #777; padding-left : 2px; }
.breadcrumb a { color : #777; font-weight : normal; }
.breadcrumb a:hover { color : #555; }
.splitright {font-size:.84em;float:right; padding-left : 20px; }
.news div.article{ margin-bottom:15px; padding-bottom:5px ; border-bottom:1px solid #DDD; }
.splitleft{ font-size:.84em; }
div.gallery { float : left; padding : 2px 2px 2px 2px; margin : 1px 1px 1px 1px; }
div.gallery p { font-size : .75em; text-align : center; }
ul.thumbGallery { list-style : none; list-style-image : none; padding : 0; margin : 0; /* different browsers style this different so go for sure */
text-align : center; color : #666; float : left; }
ul.thumbGallery li { position : relative; width : 135px; height : 135px; overflow : hidden; font-size : 10px; display : run-in; list-style-image : none; float : left; padding : 3px; margin-bottom : 20px; margin-right : 15px; white-space : nowrap; }
ul.thumbGallery li a, li a:visited { border-bottom : 0px; text-decoration : none; }
ul.thumbGallery a img { border : 1px solid #333333; margin-bottom : 5px; position : relative; height : 75px; }
div.photo { padding : 4px 4px 4px 4px; margin : 6px 2px 6px 2px; text-align : center; }
div.photo p { font-size : .75em; text-align : center; }
div.photo img { border : 1px solid #aaa; }
/* Gallery Link Styles */
#gallery_paging_links { display : block; clear : both; width : 100%; text-align : center; margin : 8px; padding : 4px; text-transform : lowercase; font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; height : 50px; }
#gallery_paging_links a:hover, #gallery_paging_links a, #gallery_paging_links a:visited, #gallery_paging_links a:link, #gallery_paging_links a:active { color : #000; }
.gallery_prev_link_inactive a, .gallery_next_link_inactive a, .gallery_prev_link_inactive a:visited, .gallery_next_link_inactive a:visited, .gallery_prev_link_inactive a:hover, .gallery_next_link_inactive a:hover { color : #999; }
.gallery_home_link { border : 1px solid #555; color : #77787b; padding : 2px 4px; margin : 0 4px; background-color : #FFF; }
.gallery_prev_link { border : 1px solid #555; color : #77787b; padding : 2px 4px; margin : 0 4px; background-color : #FFF; }
.gallery_prev_link_inactive { border : 1px solid #555; color : #999; padding : 2px 4px; margin : 0 4px; background-color : #CCC; }
.gallery_next_link { border : 1px solid #555; color : #77787b; padding : 2px 4px; margin : 0 4px; background-color : #FFF; }
.gallery_next_link_inactive { border : 1px solid #555; color : #999; padding : 2px 4px; margin : 0 4px; background-color : #CCC; }
.gallery_page_link { border : 1px solid #555; color : #77787b; padding : 2px 4px; margin : 0 4px; background-color : #FFF; }
.gallery_currentpage { background : #FFF; color : #000; }
.gallery_currentpage a { color : #000; }
/* ====================paging ====================
================================================== */
#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span { display: inline-block; text-align: center;padding: 3px 8px; margin: 2px; border: 1px solid #CCC;}
#newschannel_paging_links span { padding: 3px 10px; border: 1px solid #CCC; margin: 5px; }
#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover {background: #88412D;}
#newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a, #calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, .gallery_paging_links span a:hover {background: #88412D; text-decoration: none; color: #FFF;}
.prev_link_inactive,.next_link_inactive { padding : 2px 5px; border : 1px solid #CCC; }
/* navigation */
.navigate { display: none; }
#nav, #nav ul, #newmain, #newmain ul { z-index : 10; width: 100%; display: table-row;list-style : none; background: none; border: 0; border-bottom: 0; color : #fff; padding : 0; margin : 0 auto; font-size : 12px; font-family : Arial; font-weight : bold; height : 77px; }
#nav a, #newmain a { display : block; width : auto; color : #fff; text-align : center; text-transform : uppercase; padding : 30px 15px; margin : 0 auto; line-height : 1.45em; }
#nav a:hover, #nav a : inactive { color : #ccc; }
#nav li, #newmain li { display: table-cell; width: 20%; text-align: center;position: relative;}
#nav li.red { background-color : #571910; }
#nav li.purple { background-color : #422249; }
#nav li.blue { background-color : #182542; }
#nav li.green { background-color : #39441a; }
#nav li.orange { background-color : #563c1d; }
#nav > li > a{ display: inline-block;vertical-align: middle;}
#nav li ul, #newmain li ul { position : absolute; left: 0;top: 100%;background-color : #333; height : auto; width: 220px; min-width: 100%;border : none; margin : 0; border: 0; display: none;}
#nav li:last-child ul{ left:auto; right:0;}
#nav li li, #newmain li li { padding-right : 1em; display: block;float: none;width: auto;border-bottom : 1px solid #444; }
#nav li ul a, #newmain li ul a { width : 100%; white-space : normal; text-align : left; padding : 12px 15px; color : #fff; }
#nav li ul a:hover, #newmain li ul a:hover { width : 100%; color : #fff; }
#nav li ul ul, #newmain li ul ul { background : #323232; left: 100%;top: 0;display: none;}
#nav li:hover, #nav li.thover, #newmain li:hover, #newmain li.thover { background-color : #222; color : #fff; }
#nav li li:hover, #nav li li.thover, #newmain li li:hover, #newmain li li.thover { background-color : #222; color : #fff; }
#nav li ul li:hover ul, #nav > li:hover > ul { display:block;}
#submenu{ margin : 0 auto; text-align: left;}
#submenu ul { z-index : 10; list-style : none; line-height : 1.25em; background: none; border-top : none; border-bottom : none; color : #fff; padding : 0; margin : 0 auto; font-size : 10px; font-family : Arial; font-weight : bold; height : 39px; display: inline-block;vertical-align: top;background: #282828;-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}
#submenu a, #submenu .nolink { display : block; width : auto; color : #fff; text-align : center; white-space : nowrap; padding: 13px 15px; margin : 0 auto; }
#submenu li.nolink { padding : 13px 20px; }
#submenu a:hover { color : #fff; }
#submenu li { float : left; }
#submenu li ul { position : absolute; background-color : #333; left : -999em; height : auto; width : 15em; border : none; margin : 0; }
#submenu li li { padding-right : 1em; width : 14em; border-bottom : 1px solid #444; }
#submenu li ul a { width : 100%; white-space : normal; text-align : left; color : #fff; }
#submenu li ul a:hover { width : 100%; color : #fff; }
#submenu li ul ul { margin : -1.5em 0 0 11em; }
#submenu li ul ul ul { margin : -1.5em 0 0 15em; }
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.thover ul ul, #submenu li.thover ul ul ul { left : -999em; }
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.thover ul, #submenu li li.thover ul, #submenu li li li.thover ul { left : auto; }
#submenu li:hover, #submenu li.thover { background-color : #000; }
#submenu li li:hover, #submenu li li.thover { background-color : #000; }
/*social */
#social > * { color: #FFF;text-align: left;}
#social ul {list-style: none; padding: 0; margin: 0;display: block;text-align: center;/* margin-left: 20px; */}
#social ul li { list-style-type: none; display: block; vertical-align: top; padding: 2px; margin: 3px; float: none;}
#social li span { }
#social li a { display: block; opacity: 1;padding: 10px 5px;padding-left: 30px;}
#social li.facebook a { background: url(/image/cache/facebook_logo6.png) no-repeat left center; background-size: 24px;}
#social li.instagram a { background: url(/image/cache/ig-badge-24.png) no-repeat left center; background-size: 24px;}
#social li.twitter a { background: url(/image/cache/twitter.png) no-repeat center center; background-size:cover; }
#social li.linkedin a { background: url(/image/cache/linkedin.png) no-repeat center center; background-size:cover; }
#social li.youtube a { background: url(/image/cache/youtube.png) no-repeat center center; background-size:cover; }
#social li.pinterest a { background: url(/image/cache/pinterest.png) no-repeat center center; background-size:cover; }
#social li.googleplus a { background: url(/image/cache/google-plus.png) no-repeat center center; background-size: cover; }
#social li.email a { background: url(/image/cache/email.png) no-repeat center center; background-size:cover; }
#social li.rss a { background: url(/image/cache/rss.png) no-repeat center center; background-size:cover; }
/* social menu hover*/
#social li a:hover{ opacity:.65;}
/* form table */
.taoCMSerror, .msg { color : red; }
form table td { padding : 3px 0; }
input[type=submit], input[type=button], input[type=reset] { background : #88412D; color : #FFF; padding : 3px 10px; border : 1px solid #88412D; }
/* my orders */
.vieworders, .mydownloads { width : 100%; margin : 0; border : 1px solid #FFE3CC; }
.vieworders td, .vieworders th, .mydownloads td, .mydownloads th { border : 1px solid #FFE3CC; padding : 3px 8px; text-align : center; }
.vieworders th, .mydownloads th { background : #FFFACD; line-height : 30px; }
.mydownloads td { padding : 8px 5px; }
/* cart universal */
.carticon { position : absolute; top : 50px; right : 10px; }
.carticon ul { margin : 0; padding : 0; list-style : none; }
.carticon ul li { float : left; line-height : 1em; padding : 0px 8px; border-right : 1px solid #999; }
.carticon ul li : last-child { border : 0px; }
.carticon a { color : #999; }
#cartbuttons ul { list-style : none; padding : 0px; margin : 0px; text-align : right; margin-top : 20px; }
#cartbuttons ul li { float : right; }
#cartleft #cartbuttons ul li { float : none; display : inline-block; }
input.cancel { background : #CCC; border : 1px solid #BBB; color : #777; }
/* cart */
.catalogcart { width : 100%; margin : 0; border : 1px solid #FFE3CC; }
.catalogcart td, .catalogcart th { border : 1px solid #FFE3CC; padding : 3px 8px; text-align : center; }
.cartheadings { background : #FFFACD; line-height : 30px; }
.catalogcart .itemname { padding-top : 5px; }
.catalogcart p { padding : 0px; margin-top : 0px; }
.catalogcart .price { color : #F04A26; font-weight : bold; }
.catalogcart .oddrow { background : #FFF8DC; }
.catalogcart .evenrow { background : #FFF; }
.carttotals { line-height : 30px; }
/* checkout Login */
.checkout_login { width : 70%; float : left; text-align : center; }
.checkout_loginmsg { display : none; }
.logintitle { font-family : 'Marcellus', serif; font-size : 1.3em; }
.checkout_login p { font-weight : bold; font-size : 12px; }
.checkout_login div { margin : 5px 0px; }
.checkout_registration, .noaccount { text-align : center; }
#cart_suggested_products { display : none; }
.checkout_registration, .noaccount { width : 23%; float : left; padding : 2%; margin : 0; background : #FFFACD; }
.checkout_registration { margin-top : 5%; }
/* bliiing */
.billingaddress { margin-bottom : 20px; border : 1px solid #EEE; width : 48%; padding : 2% 1%; background : #F5F5DC; }
.billingaddress .name { font-weight : bold; }
.paymenttitle { margin-top : 15px; font-size : 1.3em; }
#paymentdiv { padding-bottom : 20px; }
#changeinfo { margin-top : 20px; }
#changeinfo ul { margin : 0; padding : 0; list-style : none; color : #C64E3F; }
#changeinfo ul li { float : left; margin-right : 20px; }
#returntocart a, #changeinfo ul li:before { content : " \00ab "; }
/* catalog cart */
#cartleft { width : 75%; margin-right : 2%; margin-right : 1%; float : left; }
#cartright { width : 20%; float : left; }
/*register box */
.register { float : right; height : 200px; padding-top : 100px; text-align : center; width : 300px; margin-right : 100px; }
.general_login { float : left; width : 300px; margin-left : 200px; margin-top : 50px; }
.general_login div.logintitle, .userinfotitle { font-family : Arial, Helvetica, sans-serif; color : #f7931d; font-size : 1.4em; margin : 2px; padding : 0; }
.general_login div.loginmessage { font-style : italic; margin-bottom : 20px; }
.general_login div.row { margin : 8px 0px; }
.general_login div.row span.label { text-align : right; padding-right : 7px; width : 100px; display : inline-block; }
.general_login div.loginbtn, .general_login div.forgotpassword { margin-left : 110px; }
/*sidemenu member*/
.sidemenu { padding : 10px 5px; /* float : left; */ }
.sidemenu ul { margin : 0px; padding : 0px; list-style : none; /* width : 185px; */ }
.sidemenu ul li a { border-bottom : 1px dotted #DDD; display : block; padding : 6px 10px; font-weight : normal; }
.sidemenu ul li a:before { content : " "; }
.sidemenu ul li ul li a { background : #FFF; padding-left : 25px; color : #555; }
.sidemenu ul li a:hover { background : #FFFFD1; text-decoration : none; color : #333; }
/*sidemenu master*/
.sidemenu { /* padding : 10px 5px; */ /* float : left; */ }
.sidemenu ul { margin : 0px; padding : 0px; list-style : none; /* width : 180px; */ margin-right : 5px; }
.sidemenu ul li a { border-bottom : 1px dotted #DDD; display : block; padding : 6px 10px; font-weight: 600; color : #333 }
.sidemenu ul li a:before { content : " "; }
.sidemenu ul li ul li a { background : #FFF; padding-left: 15px; color : #555; font-weight: normal;}
.sidemenu ul li a:hover { background : #eee; text-decoration : none; color : #333; }
/* subscription styles */
.subscriptionname { font-weight : bold; }
.subscriptiondesc p { padding : 0; margin : 1px 9px; }
.subscriptionprice { margin : 0 9px; }
.subscriptionprice:before { content : "$"; }
/* quick contact form */
.blank { color : #fff; text-align : left; font-size : 10px; background-color : #282828; margin : 0; width : 300px; }
.blank h2 { text-transform : uppercase; color : #cf7205; margin-bottom : 10px; padding-left : 25px; }
.blank input { width : 198px; height : 30px; border : 1px solid #000000; background : #222222; color : #fff; }
.blank #comment_input { width : 180px; height : 45px; border : 1px solid #000000; background : #222222; color : #fff; }
.blank input[type=submit] { width : 80px; text-align : center; padding : 3px; margin-left : 100px; }
/*application form post*/
.postwebform tr { margin: 5px 0px; }
.fieldgroup { clear: both; margin: 10px 0; padding: 5px; }
.fieldgroup_label { font-size: 1.5em; display: block;color: #44511F; width: 95%; padding: 2px 5px;border-bottom: 1px solid #282828;}
.fieldrow { width : 100%; margin: 3px 0; clear: both; padding: 3px 0; }
.fieldrow .fieldlabel { width: 30%; display: inline-block; vertical-align: top; }
.fieldrow .fieldval { width: 65%; display: inline-block; vertical-align: top; }
.fieldrow .fieldval textarea { width: 80%; height: 100px;}
.fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=email] { width: 75%;}
.fieldrow .fieldval input[type=radio] { width: 15px; min-width: 15px;}
.webform .fieldrow { padding: 5px 0; }
.webform .fieldrow .fieldlabel { display: inline-block; width: 38%; margin: 0 0.5%; }
.webform .fieldrow .fieldval { display: inline-block; width: 45%; margin: 0 0.5%; vertical-align: top; text-align: left;}
.webform .fieldgroup_label {width: 98%; display: block;color: #44511F;font-size: 1.4em; font-weight: bold;/* margin:20px 0 5px 0; */}
.webform .group_nogroup_label { display: none; }
.webform .fieldrow .fieldlabel{}
.webform .fieldrow .fieldlabel sup{ color:red; margin-left:5px;}
.webform .fieldrow .fieldval select{ width:88%; padding: 6px 5px;}
.webform.quick-contact .fieldrow { padding:0;}
.webform.quick-contact .fieldrow .fieldlabel, .webform.quick-contact .fieldrow .fieldval{ display:block; width:100%;color: #FFF;font-size: 10px;text-align: left;}
.webform.quick-contact .fieldrow .fieldval input[type=text], .webform.quick-contact .fieldrow .fieldval input[type=email]{ padding: 0 5px;height: 23px;margin-top: 2px;border: 1px solid #000000; background: #222222; color: #fff;}
.webform.quick-contact .fieldrow .fieldval textarea { width: 75%; min-width: 75%;background: #222;border: 1px solid #000;color: #FFF;height: 60px;}
/*online Issues*/
.publication { float:none ; clear: both; }
.publication:after{ content:''; display:table; clear:both;}
.on_issue { width: 30%; margin: 2% .5%; padding: 1%; line-height: 1.5em; font-size: 0.87em; float: left; box-shadow: 0 0 1px #CCC; text-align: center; position: relative;}
.on_issue img { width: 90px; }
.on_issue .coverimg { /* display: inline-block; */ /* vertical-align: middle; */}
.on_issue .coverimg img{border: 1px solid #CCC;}
.on_issue h2 a { text-transform: capitalize; font-size: 0.8em; line-height: 1.3em; margin-bottom:0.2em; text-align: center; display: block; color: #44511F;}
.on_issue { color: #999; }
.on_issue span { font-size: 0.89em; color: #AAA; display: inline-block; vertical-align: middle;}
.on_issue span.splitright { }
.on_issue .issue_info { padding: 5px 0; }
.on_issue span a { color: rgb(87, 25, 16); }
.epublication span, .epublication label, .epublication a, .epublication .toolbar .fbdlk label { display: inline; margin: 0; padding: 0; line-height: 16px; cursor: pointer; cursor: hand; }
.epublication .pno { line-height: 20px; }
.pdfmsg {text-align: center; font-size: .9em; padding: 9px;}
/*churches*/
.webform-row.churches { margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #DDD;float: none;}
.webform-row.members:after, .webform-row.churches:after{ content:''; display:table;clear:both;}
.webform-row p { margin:0;padding: 0;}
.webform-row.churches .details-value{ float:left;margin: 10px 7px;}
.details-value .worship, .details-value .contact{margin: 10px 0;}
.churches .thumb{ float:right; }
.churches .thumb img { max-width:200px;}
/* members*/
.member-block{}
.webform-row.members{margin: 10px 5px;padding: 5px;border:1px solid #DDD;float: left;width: 46%;min-height: 105px;}
.webform-row.members .name-value{ float:left; }
.webform-row.members .thumb{ float:right; }
.webform-row.members .details-value{clear: left;margin: 0;}
/* properties*/
.webform-row.properties{ margin-bottom:10px ; padding-bottom:10px; border-bottom:1px solid #DDD; }
/* employment */
.emp-block{margin-right: 275px;}
.webform-row.employment{margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px solid #DDD;}
/*feature business*/
.webform-row.feture-bus{ float:left;width: 40%;text-align: center;margin: 10px 1%;border: 1px solid #DDD;min-height: 155px;}
/*online directory*/
.directory-block { margin-right:260px;}
.directory-group{ margin-bottom:10px; padding-bottom:5px ; border-bottom:1px solid #DDD; font-size:.95em;}
.webform-row.directory { margin-bottom:2px;}
.webform-row.directory .name-value a{ float:right; }
/* dealers guide*/
/*contacts*/
.contacts-table{ width:100%;display:table;border-collapse: collapse;}
.contacts-table .table-head{ display:block;}
.contacts-table .table-row { display:table-row; width:100%;min-width: 100%;border-collapse: collapse;}
.contacts-table .table-row .table-cell{ display:table-cell; padding:5px ; border:1px solid #DDD; border-collapse:collapse;}
.contacts-table .table-head .table-row{ display:block; }
.contacts-table .table-head .table-cell{ border:0;display: block;width: 100%;}
/*events*/
.month-row{padding: 2px 10px;background: #282828; float: left; width: 97.6%;}
.month-row h2 {color: #FF8C00;}
.event-row{background: rgb(238, 238, 238);padding: 2px; float: left; width: 99.5%; border-bottom: 1px solid #FFF;}
.event-row h2{ float:left; width:50px; height:50px; text-align:center; font-size:36px;color: #808080;margin: 17px 10px 2px 0;}
.event-row .thumb{ float:right; margin:0px 15px 0px 15px; border: 1px solid #bbb; }
.event-row .thumb img{ max-width:250px;}
.event-row h3{padding: 15px 0 0;}
.event-row h3 a{color: #282828; }
.event-row p { margin:0;padding: 0;color: #949494;}
.event-row p strong{ margin-right:10px;}
.event-ind{ margin-bottom:15px; padding-bottom:5px ; border-bottom:1px solid #DDD;}
.event-ind:after{ content:''; display:table; clear:both;}
.event-ind img { float:right; margin: 5px 10px 5px 0; display: block;}
.event-photo {float: right; min-width: 55%;}
.event-desc {margin: 0px 0px 0px 15px;}
/*--------------------------- Quick login popup --------------------------*/
.noaccess_popup .quicklogin{ margin:10px 0;}
.noaccess_popup .quicklogin .row{ margin:5px 0; }
.noaccess_popup .quicklogin .row span input{ margin: 0 5px;}
@media all and (min-width:0px) and (max-width:1080px){
.wrapper { width: 90%;}
header.top{ background-position: top left;background-repeat: no-repeat;}
#submenu {height:40px; position: relative;z-index: 3;top: 0;}
#submenu > ul { background: #282828; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.getinvolved { position:absolute; right:0; top:0;}
}
@media all and (min-width:0px) and (max-width:980px){
header.top{ background-color: #FFF;}
.getinvolved { top: 30px;}
.logo{ position:absolute; left:0; /* top: 40px; */margin: 10px;}
#submenu{ /* top:-40px; */}
#submenu > ul{ float:right;}
div.instagram, .animotovideo { width: 70%; float:none; margin: 15px auto; text-align: center !important;}
.member-block{float:none;margin-right: 250px;}
.webform-row.members{/* float:none; */width: 100%;margin: 10px auto;float: left;}
}
@media all and (min-width: 0px) and (max-width: 860px){
.wrapper { width:98%;}
.outer{ padding:5px;}
.aside_block, .center_block{ width:98%; float:none; clear:both; margin:5px auto;}
.aside_block .banner-ad{ width: 28%;display:inline-block; vertical-align:middle; margin:1%; padding:.5%; text-align:center; }
.aside_block .skyscapper{ display:none;}
#homenews .news-content,#events .events-content{ padding:5px;width: 92%;padding-left: 8%;}
#homenews, #events{ width: 100%; float:none; clear: both;margin: 0px auto;height: auto;}
.featur_block { float:none; width: 98%; text-align:left; margin: 10px auto;}
.featur_block.business, .featur_block.jobs { width:46%; float:left; }
.FBphoto, .featured h3,.FBcontent{ float:none;text-align: left;}
.featur_block.weather{ clear:both;}
.footer_block { width:46%;}
.footer_block.content.three{ width:100%; float:none; clear:both;}
.page-content, .side-info-block { float:none; width:100%;}
.side-info-block .info-block{ float:left; width:30%; margin:1%;}
}
@media all and (min-width: 0px) and (max-width: 750px){
.wrapper { width:98%;}
#navtops{ height: 200px;}
#navtops .navtop { background-size: initial;background-position: top center;}
/*layout*/
.logo{ margin: 0 5px; margin-top: 50px;width: 200px;}
.logo img { max-width:100%;}
.slogan h2{ font-size: 1.25em;line-height: 30px;}
#rgtprt,#leftprt { width:98%; float:none; clear:both; margin: 0px auto;}
#rgtprt{ margin:15px auto;}
.outer.subpage .content_wrapper{ padding:0;}
.aside_block .banner-ad{ width: 98%; float:none; clear:both; margin-right:auto; margin-left:auto;}
.animotovideo{ display:none;}
/*main navigation*/
/*subpage / side navivation */
.sidemenu{ width: auto; background: #EEE; clear: both;padding: 0;border-top: 1px solid #C1C1C1;border-bottom: 1px solid #C1C1C1;color: #333;display: none;}
#rgtprt:after,#leftprt:after,.sidemenu:after{ content:''; display:table; clear:both;}
.sidemenu.new-submenu{display:block; }
.sidemenu > ul { display:none;background: #FFF;position: relative;margin: 0;float: none;clear: both;}
.sidemenu:hover ul {display:block; }
#nav > li > a { font-size:.84em; }
/*navigation icon*/
nav#nav .navigate{ /* float:left; */}
nav#nav .navigate a label.mbtn div label, nav#nav .navigate a label.mbtn div span{ border-top: 5px solid #4F6EB1; }
.navigate { display: none; text-align: right; font-size: 1.2em; float: right; line-height: 35px;width: 40px;height: 37px;}
.navigate a { display: block;height: 100%;color: #4F6EB1; cursor: pointer; vertical-align: middle;text-align: center;}
.navigate a span{display: inline-block;vertical-align: middle;width: 48%;margin: 0;/* margin-left: -2px; */font-size: 80%;}
.navigate a span.glyph.dot{width: 3px;height: 2px;background:#FFF; position:relative;display: none;}
.navigate a span.glyph.line{width: 22px;height: 2px; background:#FFF; position:relative;margin-top: 17px;}
.navigate a span.glyph:before, .navigate a span.glyph:after{ content:" ";display: block;height: 2px; width: 100%; position: relative; background:#FFF;top: -6px; left:0;}
.navigate a span.glyph:after {bottom: -4px; top: auto;}
.navigate a:hover span.glyph:before, .navigate a:hover span.glyph:after, .navigate a:hover span.glyph { background: #000000; }
.sidemenu .navigate{ float:left; width: 150px;text-align: left;color: #FFF;position: relative;z-index: 8;display: block;}
.sidemenu .navigate a { color: #333; font-size:1.2em;}
.sidemenu .navigate a span.glyph.dot { display:none;}
.sidemenu .navigate a span.glyph.line, .sidemenu .navigate a span.glyph:before, .sidemenu .navigate a span.glyph:after{ background:#333;margin-top: 0;}
.sidemenu .navigate a span.glyph.line { margin-top:-3px;}
}
@media all and (min-width: 0px) and (max-width: 640px){
.featur_block.business, .featur_block.jobs{ width:98%; float:none; clear:both;}
details-value, .churches .thumb{ float:none; width:100%;margin: 5px 0;}
table.side-info{ display:none !important;}
.directory-block, .emp-block, .member-block{ margin:0;}
.event-ind img { float:none;max-width: 100%; margin:0 auto; display:block;}
}
@media all and (min-width: 0px) and (max-width: 550px){
header.top { height:auto;background-position: top left;}
.logo{position:relative;margin-top: 40px;}
.slogan { position:relative;float: none;clear: both;width: 100%;text-align: center;}
#submenu { position:absolute; width:100%;top:0; left:0;}
#submenu > ul { float:none; width:100%; border-radius:0; overflow: hidden;}
#submenu a, #submenu .nolink { font-size:.84em; padding:13px 6px;}
.navigate{ display:block;}
nav.main { text-align: center; background: #05503C;padding: 5px 10px;position: relative;padding: 0 1% !important;width: 98% !important;}
.menu_main{ background:none;}
nav.main ul#nav { display:none;position: absolute; left: auto; right: 0%;top: 100%; z-index: 9; background: #05503C; width: 280px !important;height: auto !important;float: none !important;}
nav.main ul li { float: none; clear: both;border: 0; text-align: left; margin: 0; display: block !important;width: 100% !important;}
nav.main ul li ul { display:none !important;}
nav.main:hover ul#nav { display: block; }
#nav > li > a{ display:block;padding: 20px;font-size: 1.05em;}
nav.main.mobile-sub #nav > li > a{ padding:13px; text-align:left;}
nav.main.mobile-sub ul#nav { position:relative; width:100% !important; clear: both;}
nav.main.mobile-sub ul#nav li ul, nav.main.mobile-sub ul#nav li ul li ul { display: block !important;position: relative;left: 0;right: auto;width: 100%;border: 0 !important;}
nav.main.mobile-sub ul#nav li:hover, nav.main.mobile-sub ul#nav li:hover a, nav.main.mobile-sub ul#nav li a:hover { background:none;}
//nav.main.mobile-sub ul#nav li ul { display:none !important;}
nav.main.mobile-sub ul#nav li:hover ul { display:block !important;}
nav.main.mobile-sub ul#nav li ul li { border:0;padding: 0;}
nav.main.mobile-sub ul#nav li ul li a { background:none; color:#FFF; border: 0;padding: 5px 20px;width: auto;letter-spacing: .5px;text-transform: capitalize;}
nav.main.mobile-sub ul#nav li ul li ul li a { padding: 6px;font-weight: normal;font-size: 1.02em;padding-left: 25px;text-transform: capitalize;letter-spacing: normal;}
nav.main.mobile-sub ul#nav li.red, nav.main.mobile-sub ul#nav li.red ul { background: #571910; }
nav.main.mobile-sub ul#nav li.red a { border-bottom: 1px dotted #6D251A;}
nav.main.mobile-sub ul#nav li.blue, nav.main.mobile-sub ul#nav li.blue ul{ background:#182542; }
nav.main.mobile-sub ul#nav li.blue a { border-bottom: 1px dotted #26375F;}
nav.main.mobile-sub ul#nav li.purple, nav.main.mobile-sub ul#nav li.purple ul {background:#422249;}
nav.main.mobile-sub ul#nav li.purple a { border-bottom: 1px dotted #5F3169;}
nav.main.mobile-sub ul#nav li.green, nav.main.mobile-sub ul#nav li.green ul {background: #39441a;}
nav.main.mobile-sub ul#nav li.green a { border-bottom: 1px dotted #49581F;}
nav.main.mobile-sub ul#nav li.orange, nav.main.mobile-sub ul#nav li.orange ul {background: #563c1d;}
nav.main.mobile-sub ul#nav li.orange a { border-bottom: 1px dotted #714E23;}
nav.main.mobile-sub ul#nav a:hover { background:#333 !important;}
/*online Issues*/
.on_issue{ width:46%;}
.footer_block { width: 98%; float:none; clear:both; }
.footer #quick-contact, .one h2, .two h2, .footer .content ul{ margin:0; padding:0;}
.side-info-block .info-block{ float:none; clear:both; width:98%;}
table.side-info{ width:100% !important; margin:15px 0;}
table.side-info tr {padding: 5px !important;}
table.side-info tr td:first-child{ width:1px !important;padding: 5px 0 !important;}
table.side-info tr td img { max-width:100% !important;height: auto !important;width: auto !important;}
.directory-block, .emp-block, .member-block{ margin:0;}
.webform-row.members { width:96%; margin:5px auto; float:none;}
.webform-row.feture-bus{ float:none; width:auto; min-height:10px;}
.contacts-table .table-row .table-cell, .contacts-table, .contacts-table .table-row{ display:block; border:0;padding: 0;}
.contacts-table .table-row { border:1px solid #DDD; margin:5px 0;padding: 5px;}
.contacts-table .table-row:first-child{ display:none;}
.contacts-table .table-row .table-cell p{ display:inline-block;}
.contacts-table .table-row .table-cell:nth-child(2):before{ content:'Location :- '; display:inline; font-weight:bold; margin-right:5px; font-size:.9em;}
.contacts-table .table-row .table-cell:nth-child(3):before{ content:'Name :- '; display:inline; font-weight:bold; margin-right:5px; font-size:.9em;}
.contacts-table .table-row .table-cell:nth-child(4):before{ content:'Phone :- '; display:inline; font-weight:bold; margin-right:5px; font-size:.9em;}
/* post forms */
.webform .fieldrow .fieldval, .webform .fieldrow .fieldlabel{ display:block; width:90%;}
}
@media all and (min-width: 0px) and (max-width: 470px){
header.top { height:auto;}
.logo,.slogan{ position: relative;width: 96%;float: none;clear: both;margin: 0 auto;font-size: .94em;text-align: center;}
.logo { margin: 0 auto;padding-top: 40px;}
.slogan h2{ text-align:center;}
.getinvolved { display:none;}
#submenu { position:absolute;top:0;width: 100%;}
#navtops{ height: 150px;}
#navtops .navtop{ background-size: cover;}
}
@media all and (min-width: 0px) and (max-width: 350px){
.on_issue{ width:96%; float:none; clear:both; margin-right:auto; margin-left:auto;}
}
/*** Static fixes ***/
/* \*/
* html h2 { height : 1%; }
/* */
/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left { margin-right : -3px; }
/* */