/* BASIC INITIAL SET UP */

/*body {margin:0; padding:0; background-color: #d8fbf7; color: #2F2F2F; font-size: 13px; font-family: Arial, Helvetica, sans-serif; background-repeat:no-repeat; background-position:left top; min-height:1000px
}*/
body {margin:0 auto; padding:0; background-color: #d8fbf7; color: #2F2F2F; font-size: 13px; font-family: Arial, Helvetica, sans-serif}

ul {margin:0 0 0 30px}
table {margin:0; padding:0}

.bgmanagecolor {background-color: #FFDDDD}
.bgmanagecolordark {background-color: #AA7777}
.required {color:#990000; font-weight:bold; padding:0 3px 0 0; font-size:inherit; display:inline}
.mainmenu {font-weight:bold; color:#d99e21}
.mainmenusel {font-weight:bold; color:#138d44}
.maintable {width:97%; margin-left:auto; margin-right:auto; max-width:700px !important; font-size:10pt}
.sitemaxwidth {max-width:900px !important}
.successcolor {color:navy}
.errorcolor {color:#990000}
.messagenormal {color:#009900 !important}
.messagewarning {color:#990000}
.tdlabel {text-align:right; white-space:nowrap; width:1%; padding-right:3px; padding-bottom:5px; vertical-align:top}
.tdfield {text-align:left; white-space:nowrap; padding-bottom:5px; vertical-align:top}
.righthomebox {
	 border:solid 2px #CCFFCC; background-color:white; font-size:9pt; padding:3px 0 3px 5px; vertical-align:middle; text-align:left; margin:15px 0 0 0; width:96%
}
img.centered {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.gwemtextcolor {color:#006600}

/*#wrap {background: url(images/clipart/green-wave-bg-home-4.jpg) no-repeat top center;}*/
#footer {color: #FFF; font-weight:bold; line-height:50px;}
#main-container {width:900px; margin:0 auto; position:relative}

img.heading-icon {position:absolute;}
.clear {clear:both}
.on, .hidden {display:none}
.show {display:inline !important}

.larger {font-size:16pt}
.large {font-size:14pt}
.medium {font-size:13pt}
.smaller {font-size:12pt}

/* BASIC TYPOGRAPHY */

img {border:none}
h1 {font-size:30px; color:#1B9368; padding-bottom:20px; font-family: BPreplay, Arial, Helvetica, sans-serif}
h2 {font-size:16px; color:#2F2F2F;}
h2.with-icon {padding-left:65px;}

p {margin: 20px 0}

/* STYLING */

#header {position:relative; height:450px; overflow:hidden; margin-bottom:36px;}

#main-top, #main-bottom {clear:both; height:5px; font-size:0; line-height:0; background-repeat: no-repeat; background-position:top left}
#main-top {background-image: url(images/main-top.png);}
#main-bottom {background-image: url(images/main-bottom.png);}
#main {background: #fff; padding: 40px 50px;}

#logo {position:absolute; top:45px; left:50px}

#featured {margin-top:143px; padding: 45px 450px 15px 50px; height: 180px; color:#fff; position:relative}
#featured img.featured-image {position:absolute; top:15px; right:50px}
.featured-title {display:block; font-size:32px; color: #FFA600; font-weight:bold;}

ul#header-menu {margin:15px 0 0 0 !important; padding:0 22px !important; list-style:none;}
ul#header-menu li {float: left; margin:0; padding:0}
ul#header-menu li a {display:block; padding: 8px 30px; color:#A3DBD7; font-size:18px; font-family: BPreplay, Arial; font-weight:bold; text-transform:uppercase; text-decoration:none; border-right:1px solid #fff; border-left:1px solid #BBD4D1;}
ul#header-menu li a.first {border-left:0;}
ul#header-menu li a.last {border-right:0;}
ul#header-menu li a:hover, ul#header-menu li a.selected {color:#DF7B00}

/* CONTENT */

#content {float:left;}
.content-narrow {width: 510px}

.entry {margin-bottom:40px}
.half-width {float:left; width:350px}
.even {border-left: 1px solid #D9D9D9; padding-left:49px; margin-left:50px}

/* POST METADATA */

.postmetadata {border-top:1px solid silver; padding-top:10px; font-size:12px; color: #666}

/* SIDEBAR AND WIDGETS */

#sidebar {float:left; margin-left:30px; width: 215px; padding-left:30px; border-left: 1px solid #D9D9D9;}

ul#widgets {margin:0 !important; padding:0 !important; list-style:none}
ul#widgets li {margin:0px !important; padding: 1px 0 35px 0 !important}
ul#widgets li h2 {margin:0 !important;}

#flickr-images {margin-top:20px}
.flickr-image {margin: 0 5px 5px 0}

#twitter {margin-top:50px}

/* FOOTER */

#splash {position:absolute; bottom:20px; left:-200px; width:195px; height:127px; background:url(images/splash.gif);}

#footer-content {width:850px; margin:0 auto; text-align:left; position:relative}

ul#footer-menu {margin:0; padding:0; position:absolute; top:0; right:0; list-style:none}
ul#footer-menu li {margin:0; padding:0; float:left}
ul#footer-menu li a {color:#fff; text-decoration:none; text-transform:uppercase; font-size: 12px; padding:0 10px}

/* CONTACT FORM */

#contact-form {float:left; width:350px; margin:50px 0 0 30px; padding-left:50px; border-left: 1px solid #D9D9D9;}
#contact-form label {font-size:16px; font-weight:bold; line-height: 40px}
#contact-form input.input-text {border:1px solid #D2D2D2; background: #F8F8F8; font-size:14px; line-height:14px; padding:7px; margin-right:20px; width:190px}
#contact-form textarea {border:1px solid #D2D2D2; background: #F8F8F8; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; padding:7px; margin-top:5px; width:340px; height:175px}
#contact-form .send-button {float:right; margin-top:15px; margin-bottom:20px;}

span.required {color: #E28600; font-size:24px; font-weight:bold}

/* GALLERY */

.gallery-thumbnails-container {text-align:center; position:relative; height:100%}
.gallery-thumbnails-container img {margin:0 0 5px 5px}

/* PAGING */
.paging {color: #2F2F2F; font-size:16px; font-weight:bold; position:relative; margin-top:20px}
.paging a {color: #8B8B8B; text-decoration:none}
.paging-prev-link {position:absolute; left:0;}
.paging-next-link {position:absolute; right:0}
.pagenumbers {float:left; position:absolute; left:50%; text-align:left;}
.pagenumbers ul {list-style:none; position:relative; left:-50%; margin:0; padding:0}
.paging ul li {float:left; position:relative; padding:5px; color:#8B8B8B}
.paging ul li.current {color:#2F2F2F}


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main-bottom {padding-bottom: 50px;}  /* must be at least the same height as the footer */

#footer {position: relative; margin-top: -50px; /* negative value of footer height */ height: 50px; clear:both; text-align:center; z-index:1;} 

/* CLEAR FIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.right {text-align:right}
.left {text-align:left}