@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300);
@import url(http://fonts.googleapis.com/css?family=Abril+Fatface);

/* = RESET STYLES = */
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, 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, a img {
	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;
}


/* = DEFAULT STYLES = */
body {text-align:center;margin:0;font-family:'Open Sans', arial, sans-serif;font-size:12px;background:#fff url(images/background.jpg) fixed center no-repeat;color:#321800;}
/* DEFAULT - LINKS */
a {text-decoration:none;font-weight:bold;color:#9d3a3d;}
a:hover {text-decoration:underline;}
/* DEFAULT - CLEARS */
.clear {clear:both;height:0;width:0;display: block;}
.clear-right {clear:right;height:0;width:0;}
.clear-left {clear:left;height:0;width:0;}


/* = PAGE = */
#page {min-width:1000px;margin:0 auto;border-top:0px solid #000;}

#top-bar {position:relative;height:55px;background:#000;border-top:3px solid #841b15;border-bottom:3px solid #841b15; }
#top-bar a {background:url(images/bg-nav.jpg) repeat-x;text-decoration:none;color:#fff;border:1px solid #840005;text-shadow:-1px -1px 0 #840005;padding:5px 15px;border-radius:2px;font-weight:normal;font-size:16px;float:left;margin-left: 5px;}
#top-bar a:hover {color:#FFC;}
/* = HEADER = */
#header {position:relative;height:170px;width:1000px;margin:0 auto;z-index:60;}
/* HEADER - LOGO */
#header #logo {position:absolute;top:00px;left:0px;}
#header #logo:hover img {opacity:.7;}
/* HEADER - CALL TO ACTION */
#header #c2a {position:absolute;top:20px;right:10px;text-align:right;font-size:18px;text-shadow:2px 2px 15px #fff, -2px -2px 15px #fff;}
#header #c2a #tagline { font-family: "Times New Roman", Times, serif;font-size:24px; color:#000; font-weight:bold; font-style:italic;}
#header #c2a #number {font-family: "Times New Roman", Times, serif;font-size:36px;letter-spacing:1px;margin:-5px 0 0px 0;color:#004b23; font-weight:bold;}
#header #c2a #address {font-size:18px; color:#000;}
#header #c2a #social-media a {color:#000; font-size:20px;}

#header #donate a {position:absolute;top:0px;right:200px;text-align:right;font-size:18px;background:url(images/bg-nav.jpg) repeat-x;text-decoration:none;color:#fff;border:3px solid #000; border-top:none;text-shadow:1px 1px 0 #000;padding:5px 15px;border-radius:2px;font-weight:normal;font-size:16px;float:left;}
#header #donate a:hover {color:#FFC;top:1px;}
#header #housing a {position:absolute;top:0px;right:0px;text-align:right;font-size:18px;background:url(images/bg-nav.jpg) repeat-x;text-decoration:none;color:#fff;border:3px solid #000; border-top:none;text-shadow:1px 1px 0 #000;padding:5px 15px;border-radius:2px;font-weight:normal;font-size:16px;float:left;}
#header #housing a:hover {color:#FFC; top:1px;}

/* = NAVIGATION = */
#nav-container {min-width:1000px;background:#004b23 url(images/bg-nav.jpg);box-shadow: 0 0 15px #333;}
#nav {width:1000px;padding:0;position:relative;z-index:50;padding:8px;border:0px solid #fff;border-radius:0px;margin:0 auto 25px auto;font-size:15px; }
#nav ul {padding:0 0 0 300px;margin:0;list-style-type:none;}
#nav ul li {float:left;position:relative;}
#nav ul li a, #nav ul:hover li.current a {display:block;font-weight:bold;padding:4px 5px;margin:1px 5px 1px 5px;text-shadow:none;color:#fff;background:none;border-radius:2px;border:none; font-family:"Times New Roman", Times, serif; font-size:20px; z-index:55; }
#nav ul li a:hover, #nav ul li.current a, #nav ul:hover li.current:hover a, #nav > ul > li:hover > a {background:#fff;text-decoration:none;color:#000;border:1px solid #002b14; text-shadow:none;border-radius:8px;}
/* NAVIGATION - DROP-DOWN */
#nav ul ul {position:absolute;top:35px;left:0;visibility:hidden;width:100%;height:auto;z-index:50;background:#004b23;border:1px solid #e6e6e6;border-radius:8px;margin:0 0 0 -10px;padding:4px;-webkit-box-shadow:  0px 3px 15px 0px rgba(0, 0, 0, .2);box-shadow:  0px 3px 15px 0px rgba(0, 0, 0, .2);  }
#nav > ul > li:hover > ul {visibility:visible;}
#nav ul ul li {float:none;}
#nav ul ul.dropdown li a {float:none;padding:0 4px;height:auto;font-size:15px;}
#nav ul ul.dropdown li a.first {}
#nav ul ul.dropdown li a:hover {margin:0px;}
/* NAVIGATION - DROP-DOWN - TIER THREE */
#nav ul ul ul {position:absolute;top:0;left:100%;visibility:hidden;width:100%;height:auto;z-index:50;}
#nav ul ul > li:hover ul {visibility:visible;}
#nav ul ul ul li {float:none;}
#nav ul ul ul li a {float:none;height:auto;line-height:normal;}
#nav ul ul ul li a.first {}
#nav ul ul ul li a:hover {}


/* = BANNER = */
#banner {width:1000px;height:376px;margin:0 auto; border: 8px solid #fff;box-shadow: 0 0 15px #000;}
#banner ul#slider {width:1000px;height:376px;list-style:none;}
#banner ul#slider li > div {width:965px;background: url(images/content-bg.png);border-top:3px solid #fff;position:absolute;right:0;bottom:0;color:#fff;text-align:center;padding:10px 20px;text-shadow: 0px 2px 2px #666; }
#banner ul#slider li > div h2 {font-family: "Times New Roman", Times, serif;font-size:26px;font-weight:normal;margin:0 0 0px 0;color:#333;border:none; text-align:center;}
#banner ul#slider li > div a {background:url(images/bg-nav.jpg) repeat-x;text-decoration:none;color:#fff;border:1px solid #840005;text-shadow:-1px -1px 0 #840005;padding:5px 15px;border-radius:2px;font-weight:normal;font-size:16px;float:left;margin-left: 5px;}
#banner ul#slider li > div a:hover {color:#FFC;}
#banner div.rhino-container, #banner div.rhino-container li.rhino-item {border-radius:2px;}

#feature h2 {font-family:"Abril Fatface";font-weight:normal;font-size:46px;margin:40px 0;color:#321800;border:none;}


/* = CONTENT = */
#content-container {border-bottom:0px solid #321800;border-top:0px solid #321800;padding:20px 0;}
#content {text-align:left;line-height:24px;font-size:14px;width:1000px;margin:0 auto; background: url(images/content-bg.png); border: 8px solid #fff;box-shadow: 0 0 15px #000;}
#content ul {list-style-position: outside;padding:0 0 0 25px;margin:15px 0;}
/* CONTENT - HEADINGS */
h1 {font-family: "Times New Roman", Times, serif; padding: 0 0 5px 0;margin: 0;font-size: 28px;color: #000;text-transform: none;border-bottom: 1px solid #000; font-style:normal; font-weight:bold;}
h1 .sub-heading {color: #444;font-size: 18px;text-transform: none; }
h2 {font-size:24px;font-weight:100; color:#000; font-family: "Times New Roman", Times, serif;border-bottom: 1px solid #000;padding: 0 0 5px 0;}
h2 i {font-size:20px;position:relative;top:-5px;}
h3 {font-size:24px;font-weight:100; color:#fff; font-family: "Times New Roman", Times, serif;border-bottom: 1px solid #000;padding: 10px 0 5px 0;}
h4 {font-family:  "Times New Roman", Times, serif; font-size: 20px; margin:  15px 0 10px 0; padding: 0 0 2px 0; text-shadow: 0px 0px 0px #000; border-bottom: 1px solid #000; color:#000;}
h5 {}

/* = PRIMARY = */
#primary {float:right;width:675px;padding:25px 15px 25px 25px;}
#primary.full-width {width:960px; float: left;}
#primary p {margin:15px 0; color:#000;}
#primary hr {height:1px;border:none;background:#CCC;}
#primary ul {float:right; width:250px;margin:0 1%;padding:0 0 0 10px;}
#primary .logo {margin: 0 5px;}
#primary .logo:hover {opacity:.7;}
#primary .feature { font-family:"Times New Roman", Times, serif;width:220px;display: block; float: left; padding: 0 20px 20px 20px;margin: 0px 25px 20px 25px; color: #fff; text-align: center;background:#fff url(images/feature-bg.jpg) top repeat-x; border: 2px solid #000;border-radius: 10px;}
#primary .feature p {color: #000;  font-size: 15px; margin: 10px 0 15px 0; padding: 0; line-height: 20px;}
#primary .feature a {display: block; color: #000; font-family: 'Ubuntu', sans-serif; font-size: 12px;background: #00aeef;margin: 0px auto; padding: 6px 6px 6px 6px; border-radius: 5px; border: 1px solid #000; text-align:center;}
#primary .feature a:hover { background: #000; text-decoration: none; color:#fff;}
#primary .feature img {border: 1px solid #000;}
#primary .featureDiv { display: block; float: left; width: 0; height: 340px; margin: 30px 0 0 0;border-right: 1px solid #06bbbd;}

/* PRIMARY - IMAGES */
#primary img.inline-left {border:1px solid #CCC;background:#FFF;padding:3px;float:left;margin:5px 15px 5px 0;}
#primary img.inline-right {border:1px solid #CCC;background:#FFF;padding:3px;float:right;margin:5px 0 5px 15px;}
/* PRIMARY - DUEL LISTS - two lists side by side */
div.dual-lists ul {float:right;width:200px;margin:0 1%;padding:0;}

/* = SIDEBAR = */
#sidebar {float:left;width:260px;background:#00aeef;border-top:1px solid #777;padding:10px;border-radius:2px;}
#sidebar #box {width:250px;background:#fff;border-top:1px solid #ffbc5e;padding:10px;border-radius:2px; margin: 10px 0;}

/* SIDEBAR - FORM */
#sidebar form textarea {}
#sidebar form input[type="submit"] {text-transform:none;background:#000;text-decoration:none;color:#000;border:1px solid #840005;padding:5px 15px;border-radius:2px;font-weight:normal;font-size:16px;margin:5px 0 0 0;font-family:'Open Sans'; border:1px solid #fff; color:#fff; text-shadow:0 0 0 #fff;}
#sidebar form input[type="submit"]:hover {background:#fff;color:#000;}
#sidebar li {color:#fff; font-family:"Times New Roman", Times, serif; font-size:18px; line-height:28px;}
#sidebar li a {color:#fff;}

/* = FORM = */
form {text-align:left;list-style-type:none;color:#fff;}
/* FORM - LABEL */
form label {cursor:pointer;clear:both;margin:10px 0 0 0;display:block; color:#000;}
/* FORM - INPUT FIELDS */
form input[type="text"] {border:1px solid #000;border-radius:3px;clear:both;width:99%;padding:3px 0px;font-family:'Open Sans';}
form input {}
form input:focus, form textarea:focus {background:#FFC;}	/* make field background yellow when filling out */
form textarea {resize:vertical;border:1px solid #000;border-radius:3px;clear:both;height:80px;width:99%;padding:3px 0px;font-family:'Open Sans';}
/* FORM - CAPTCHA */
form #hiddencheckbox {display:inline-block;margin:0 10px 0 0;padding:3px 0;width:auto;}
form input[type="checkbox"] {border:none;}
form a {display:block;float:left;clear:both;}
/* FORM - SUBMIT BUTTON */
form input[type="submit"] {border:1px solid #999;border-radius:3px;clear:both;width:99%;padding:3px 0px;margin:10px 0;float:left;width:100%;display:block;clear:both;background:#FFF;text-transform:uppercase;text-shadow:1px 1px 0 #FFF;}
form input[type="submit"]:hover {background:#ededee;}
form input[type="submit"]:active {background:#FFC;}

/* BRANDS */
#brands {width:1000px;margin:0 auto;padding:40px 0;}
#brands h2 {margin:0 0 25px 0;color:#321800;border:none;}
#brands img {display:inline-block;width:23%;}
#brands img:last-child {margin:0;}

/* FEATURE */
#feature-container {background:#ffa02a;padding:20px;border-top:1px solid #ee8c12;text-shadow:1px 1px 0 #ffb961;}
#feature {width:1000px;margin:0 auto;}
#feature > div {float:left;text-align:left;width:30%;padding:0 15px 0 0;margin:0 15px 0 0;border-right:1px solid #ee8c12;}
#feature > div:last-child {margin:0;border:none;padding:0;}
#feature > div ul {list-style:none;}
#feature > div ul li {float:left;}
#feature > div ul li a {color:#333;font-weight:normal;display:block;padding:0 10px 0 0;}
#feature form input[type="submit"] {text-transform:none;background:url(images/bg-nav.png) repeat-x;text-decoration:none;color:#fff;border:1px solid #840005;text-shadow:-1px -1px 0 #840005;padding:5px 15px;border-radius:2px;font-weight:normal;font-size:12px;margin:15px 0 0 0;font-family:'Open Sans';}
#feature form input[type="submit"]:hover {color:#FFC;}

#contact-info {min-width:1000px;margin:0;background:#000;text-shadow:0px 0px 0 #000;border-top:1px solid #fff;font-family:"Times New Roman", Times, serif;font-size:14px;padding:15px 0;color:#fff;}
#contact-info a {color:#fff;text-shadow:0px 0px 0 #000;}

/* = FOOTER = */
#footer-container {min-width:1000px;background:#004b23 url(images/bg-nav.jpg);border-top:1px solid #fff;padding:15px 0;}
#footer {width:1000px;margin:0 auto;}
#footer #sitemap {float:left;text-align:left;}

#footer #copyright {float:right;text-align:right;}
/* FOOTER - LINKS */
#footer a {font-weight:normal;color:#000;}
#footer a:hover {text-decoration:none;border-bottom:1px solid #000;}
/* FOOTER - SITEMAP LINKS */
#footer ul {list-style-type:none;}
#footer ul li {float:left;margin:0 20px 0 0;}


/* = LIST-ITEMS = */
#content ul.list-items {float: left; margin: 10px 0 10px 60px;}
#content ul.list-items li {list-style: disc; line-height: 26px; font-weight: bold; font-size: 16px; color:#9d3a3d;}
#content ul.list-items li a {font-weight: bold; text-decoration: none; color: #000;font-size: 16px;}
#content ul.list-items li a:hover {color: #000; text-decoration: underline;}




/* = SITEMAP PAGE = */
#content ul.sitemap-page {margin-left: 200px; display:block; width: 500px; float: left;}
#content ul.sitemap-page li { list-style: none;}
#content ul.sitemap-page li a {text-decoration: none; text-shadow: 1px 1px 1px #444; color:#9d3a3d; /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block;}
#content ul.sitemap-page li a:hover {color: #00aeef; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 1px 1px 0 #FFF, 2px 2px 0 #CCC, 3px 3px 0 #444;}



/* = CONTACT PAGE = */
#primary.full-width .address-left {float: left; width: 360px; height: 400px;margin: 10px 0;}
#primary.full-width .address-left p {display: block; width: 340px; height:460px; color: #00aeef; font-size: 18px; text-shadow: 1px 0 1px #000;text-align: center; margin: 10px auto; line-height: 34px; font-weight: bold;}


/* = FORM = */
#primary.full-width #contact-form-container {background: #00aeef; border: 2px ridge #FFF; box-shadow: 0 0 5px #000; width:465px; min-height: 400px; padding:20px; margin: 10px 0 30px 0;position:relative; border-radius: 5px; float: right; line-height: 36px; font-weight: bold;}
#primary.full-width #location-container {background: #dcdcdc; border: 1px solid #078db6; border-radius: 4px; box-shadow: 0 0 5px #000; width:465px; height: 360px; padding:20px; margin: 10px 0 30px 0;position:relative; border-radius: 5px; float: right;line-height: 36px;}
#primary.full-width form {text-align:left;list-style-type:none;}
/* FORM - LABEL */
#primary.full-width label {cursor:pointer;float: left;clear: both;margin: 5px 0 0 0; color: #000; font-size: 24px; text-shadow: 1px 1px 1px #FFF;}
#primary.full-width .required { font-weight:bold; color:#F00; }
#primary.full-width #req-field-desc { font-style:italic; color: #000; font-size: 24px; text-shadow: 1px 1px 1px #FFF;}
/* FORM - INPUT FIELDS */
#primary.full-width input[type="text"] {border-radius: 3px;}
#primary.full-width input {border: 2px ridge #FFF;float: left;clear: both;width: 99%;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
#primary.full-width input:focus, form textarea:focus {outline: none;background-position: 0 -1.7em;}	/* make field background color change when filling out */
#primary.full-width textarea {resize:vertical;float: left;clear: both;height: 80px;width: 97%;border: 2px ridge #FFF;font-family:arial, sans-serif;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
/* FORM - SELECT FIELD */
#primary.full-width form select[type="text"] {border-radius: 3px;}
#primary.full-width form select {border: 2px ridge #FFF;float: left;clear: both;width: 99%;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
#primary.full-width form select:focus, form textarea:focus {outline: none;background-position: 0 -1.7em;}	/* make field background color change when filling out */
/* FORM - CAPTCHA */
#primary.full-width form #hiddencheckbox {display:inline-block;margin:8px 10px 0 0;padding:3px 0;height: 20px; width: 20px;}
#primary.full-width form input[type="checkbox"] {border:none;}
#primary.full-width form a {display:block;float:left;clear:both;}


/* FORM - SUBMIT BUTTON */
#primary.full-width form input[type="submit"] {margin:10px 0;float: left;width: 100%;display:block;clear: both;height:40px; background:#9d3a3d;  -moz-border-radius:8px;font-size:18px;text-transform:uppercase;color:#FFF; text-shadow: 1px 1px 1px #000; border: 2px solid #fff;transition: all 0.3s ease-out;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 2px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(0,0,0,0.2);}
#primary.full-width form input[type="submit"]:hover {text-shadow: 0 1px rgba(0,0,0,0.7); background:#000; color: #FFF;}

#primary.full-width form input[type="submit"].embossed-link {box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 2px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(0,0,0,0.2),inset 0 3px 2px rgba(255,255,255,.22), inset 0 -3px 2px rgba(0,0,0,.15), inset 0 20px 10px rgba(255,255,255,.12), 0 0 4px 1px rgba(0,0,0,.1), 0 3px 2px rgba(0,0,0,.2);}
#primary.full-width form input[type="submit"].embossed-link:hover {box-shadow: inset 0 -2px 1px rgba(255,255,255,0.2),inset 0 3px 2px rgba(0,0,0,0.12);}


/* = SERVICES = */
.section-container {}
.section {float: left;padding: 25px 0;margin: 0 auto;width: 920px; display: block;}
/* SERVICES - BOX */
.section .sectionBox-wrapper {border: none;overflow: hidden;border-radius: 10px;margin: 15px 0;box-shadow: 0 0 6px #000;}
.section .sectionBox {}
.section .sectionBox h3 {font-weight: bold; border-radius: 10px 10px 0 0; text-shadow: 0 1px 1px #000; line-height: 36px;color:#fff;background:#9d3a3d;padding-left:15px;padding-bottom:10px;padding-top:10px;border-top:3px solid #000;font-size:26px; color: #FFF;}
.section .sectionBox .info {padding: 5px 15px;line-height: 18px;background: #00aeef;border-radius: 0 0 10px 10px; margin: -10px 0 0 0;  }
#primary .section .sectionBox .info p {line-height: 26px; color: #FFF;font-size: 18px; text-shadow: 0 1px 1px #000; font-weight: bold; display: block; margin: 10px 0;}
.section .sectionBox ul {list-style-type: none;padding: 0;margin: 0 0 25px 0;}
.section .sectionBox ul li {font-size: 16px;text-transform: normal;padding: 8px 0 8px 8px;margin: 0;border-bottom: 1px solid #0c4197;text-align:left;}
.section .sectionBox ul li:hover {background: #fff;}
.section .sectionBox a {color:#fff;text-shadow: 0 1px 1px #000;}
.section .sectionBox a:hover {color: #000; text-decoration:none;}
.section .sectionBox .image-right {float: right; margin: 20px 0 25px 20px; padding: 3px; border: 2px solid #FFF;}