/********************************************
    Original Author: Erwin Aligam
    Website: http://www.styleshout.com/
    Template name: EliteCircle
    Adapted for Northgate by: Tim Sloan, Sloan Consulting, http://www.sloanconsulting.com/
 *******************************************/

/********************************************
        HTML ELEMENTS
 ********************************************/

/* top elements */
* {padding: 0; margin: 0;}
body {margin: 0; padding: 0; font: normal .70em/1.6em Verdana, 'Trebuchet MS', Tahoma, sans-serif; color: #333; text-align: center; background: #5F0F0C;}

/* links */
a {color:#CB4721; background-color: inherit; text-decoration: none;}
a:hover {background-color: inherit; text-decoration: underline;}

/* headers */
h1, h2, h3 {font: normal 1.8em Georgia, "Times New Roman", Times, serif; color:#222; letter-spacing:-1px;}
h1 {font-size: 1.7em;}
h2 {font-size: 1.5em; color:#74743D;}
h3 {font-size: 1.5em; color:#C34E23; font-weight: normal; letter-spacing: 0px;}

#main h1 {
    font: normal 1.8em Georgia, "Times New Roman", Times, serif;
    color: #222;
    padding: 0 0 5px 0;
    margin: 0 15px 15px 15px;
    letter-spacing:-1px;
    background:url(images/bk_dotted.gif) bottom left repeat-x;
}
#sidebar h1 {
    font: normal 1.7em Georgia, "Times New Roman", Times, serif;
    color: #6C6E3A;
    padding: 0;
    margin: 0 0 10px 5px;
    letter-spacing:-1px;
}
p, h1, h2, h3 {margin: 10px 15px; padding: 0;}
ul, ol {margin: 10px 30px; padding: 0 15px;}

/* images */
img {border: 1px solid #DADADA; padding: 5px;}
img.no-border {border: none;}
img.float-right {margin: 5px 0px 5px 15px;}
img.float-left {margin: 5px 15px 5px 0px;}
blockquote {
    margin: 15px;
    padding: 0 0 0 30px;
    font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif;
    background: #FCFCF9;
    border: 1px solid #EFEFEF;
    color: #6C6E3A;
}

/* form elements */
form {
    margin: 15px;
    padding: 0;
    border: 1px solid #EFEFEF;
    background: #F8F8F8;
}
label {
    display:block;
    font-weight:bold;
    margin:5px 0;
}
input {
    padding: 2px;
    border: 1px solid #EFEFEF;
    font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
    color: #666666;
}
textarea {
    width: 280px;
    padding:2px;
    border: 1px solid #EFEFEF;
    font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
    height:100px;
    display:block;
    color: #666666;
}
input.button {
    margin: 0;
    font: bold 1em Arial, Sans-serif;
    border: 1px solid #EFEFEF;
    padding: 2px 3px;
    background: #F1F0E4;
}

/* tables */
td {padding: 3px; vertical-align: top;}

/* search form */
.searchform {
    background-color: transparent;
    border: none;
    margin: 0; padding: 5px 0 15px 0;
    width: 190px;
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox {
    width: 120px;
    color: #333;
    height: 18px;
    padding: 2px;
    vertical-align: top;
}
.searchform input.button {
    font: bold 12px Arial, Sans-serif;
    color: #333;
    width: 60px;
    height: 26px;
    border: none;
    padding: 3px 5px;
    vertical-align: top;
}

/***********************
      LAYOUT
************************/
#header-content, #footer-content, #content {width: 810px;}

/* header */
#header {background: #1e1514 url(images/headerbg.jpg) repeat-x 0 0; height: 160px; text-align: left;}
#header-content {position: relative; margin: 0 auto; padding: 0;}
#logo {
    /* change the values of left and top to adjust the position of the logo */
    padding: 5px;
    top: 18px; left: 10px;
}
#header-content #slogan {
    position: absolute;
    font: normal 12px 'Trebuchet MS', Tahoma, sans-serif;
    letter-spacing: 0px;
    color: #BBB;
    margin: 0; padding: 0;
    /* change the values of left and top to adjust the position of the slogan */
    top: 88px; left: 30px;
}

/* header menu */
#header-content ul {}
#header-content li {display: inline;}
#header-content li a {color: #FFF; text-decoration: none;}
#header-content li a:hover {color: #ddd;}
#header-content li a#current  {color: #FFF;}
#header #header-links {position: absolute; top: 0px; right: 0px; color: #8E5F2F; font-size: 90%;}
#header #header-links a {color: #A4A4A4; text-decoration: none;}
#header #header-links a:hover {color: #F3A251;}

/* content */
#flash-wrap {clear: both; float: left; width: 100%; background-color: #1e1514;}
#camps-wrap {clear: both; float: left; width: 100%; background-color: #fff; padding: 2em 0; margin: -10px auto -30px auto;}}
#content {text-align: left; padding: 0; margin: 30px auto;}

/* sidebar */
#sidebar {float: left; width: 190px; margin: 0 0 10px 0; padding: 0;}
#sidebar ul.sidemenu {margin: 5px 0 15px 0; padding: 0; border-top: 1px dashed #E1E1E1;}
#sidebar ul.sidemenu li {list-style: none; border-bottom: 1px dashed #E1E1E1;}
#sidebar ul.sidemenu a {display: block; color: #666666; text-decoration: none; padding:.3em 0 .3em 10px; width: 94%;}
#sidebar ul.sidemenu a:hover {padding: .3em 0 .3em 10px; color: #CB4721; background: #FFF;}

/* main */
#main {margin: 0 19px 0 0; padding: 0; width: 590px; float: left;}
#main p, #main h1, #main h2, #main h3, #main blockquote, #main form {margin-left: 0;}
#main form p {margin: 15px;}

/* FOOTER */
#footer {clear: both; margin: 0; padding: 25px 0; font: normal .95em 'Trebuchet MS', Tahoma, sans-serif; text-align: left; background: url(images/footerbg.jpg) repeat-x 0% 0%; color: #1e1514;}
#footer p {margin-left: 0;}
#footer h2 { font: bold 1.3em 'Trebuchet MS', Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 0px; color: #FFF; margin-left: 5px;}
#footer-content {margin: 0 auto;}
#footer-content a{color: #C8935D;}
#footer-content a:hover {color: #FFF; text-decoration: none;}
#footer-content ul {list-style: none; margin: 0; padding: 0; width: 98%;}
#footer-content ul.columns li {border-bottom: 1px dashed #272727;}
#footer-content ul.columns li.top {border-top: 1px dashed #272727;}
#footer-content ul.columns li a {display: block; line-height: 2em; font-weight: normal; padding-left: 5px; width: 98%; color: #BDBDBD;}
#footer-content ul.columns li a:hover {background: #202020; color: #FFF; text-decoration: none;}
#footer-content .col {width: 270px; padding: 0 0 30px 0;}
#footer-content .space-sep {margin-right: 10px;}
#footer-content .col2 {width: 240px; padding: 0 0 30px 0; display: inline;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {  text-align: left; }
.align-right {  text-align: right; }

/* additional classes */
.clear {clear: both;}
.orange {color: #F3A251;}

/* nav menu */
#nav, #nav ul {padding: 0; margin: 0; list-style: none; line-height: 1; font: bold 12px Verdana,san-serif; margin: 0; padding: 0}
#nav a {display: block; width: 8em;}
#nav li {float: left; width: 8.5em; /* width needed or else Opera goes nuts */ padding: 5px;}
/* second-level lists */
#nav li ul {position: absolute; background-color: #fff; width: 11em; left: -999em; /* using left instead of display to hide menus because display: none is not read by screen readers */}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto;}
#nav li ul li {background-color: #fff; padding: 6px; border-bottom: 1px dotted #ddd;}
#nav li ul li a {color: #666;}