* {
    margin: 0px;
    padding: 0px;
}

html {
    font-size: 12px;
    font-family: Helvetica, Arial, Sans-Serif;
    min-height: 100%;
    background: url("images/bg-body-bottom.png") repeat-x #9BCC56;
    background-position: bottom center;
    color: #222222;
}

body {
    background: url("images/bg-body-top.png") repeat-x;
    background-position: top center;
}

form td, form th, form tr {
    background: white;
    color: black;
}

p, li, td, input, select, textarea {
    font-size: 12px;
}

.w1400 p, .w1400 li, .w1400 td, .w1400 input, .w1400 select, .w1400 textarea {
    font-size: 16px;
}

.w1000 p, .w1000 li, .w1000 td, .w1000 input, .w1000 select, .w1000 textarea {
    font-size: 14px;
}

ul, ol {
    padding-left: 20px;
}

h1 {
    font-size: 20px;
    color: #33532E;
}

h2 {
    font-size: 18px;
    color: #33532E;
}

h3 {
    font-size: 15px;
    color: #000000;
}

h4 {
    font-size: 13px;
    color: #000000;
}

h1, h2, h3, h4, p, li {
    padding: 5px 0px;
    padding-bottom: 2px;
}

a {
    color: #33532E;
}

a img {
    border: 0px;
}

.Clear {
    clear: left;
}

/**********************************************************/
/* PAGE WRAPPER STYLES                                    */
/**********************************************************/
#Body {
    clear: left;
    width: 914px;
    margin: 0px auto;
    display: block;
}

.w1400 #Body {
    width: 1328px;
}

.w1000 #Body {
    width: 917px;
}

.w800 #Body {
    width: 730px;
}

#Header, #Content {
    clear: left;
    float: left;
    width: 100%;
}

/**********************************************************/
/* HEADER WRAPPER STYLES                                  */
/**********************************************************/
#Header #Logo {
    text-align: center;
    padding-top: 10px;
    margin-left: -57px;
}

.w1400 #Header #Logo {
    margin-left: -60px;
}

.w1000 #Header #Logo {
    margin-left: -57px;
}

.w800 #Header #Logo {
    margin-left: -46px;
}

#Header #Logo h1, #Header #Logo h2 {
    display: inline-block;
    height: 0px;
    float: left;
    text-indent: -9999px;
}

#Header #Menu {
    clear: left;
    margin-top: 0px;
    z-index: 9999;
}

#Header #Menu ul {
    list-style-type: none;
    padding-left: 20px;
    z-index: 9999;
}

#Header #Menu ul li {
    float: left;
    padding: 0px;
    z-index: 9999;
}

#Header #Menu ul li a {
    display: block;
    font-weight: bolder;
    font-size: 125%;
    text-decoration: none;
    color: #fff; /* #33532E; */
    padding: 8px 12px;
    z-index: 9999;
}

#Header #Menu ul li.Active a, #Header #Menu ul li a:hover {
    color: #000000;
    background-color: #FFFFFF;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 9999;
}

.w800 #Header #Menu ul li a {
    font-size: 12px;
    padding: 5px;
    z-index: 9999;
}

.w800 #Header #Menu ul li.Active a, .w800 #Header #Menu ul li a:hover {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    z-index: 9999;
}

#Header #Menu li ul {
    padding-left: 0px;
    margin-left: 0px;
    z-index: 9999;
}

#Header #Menu li ul li {
    font-size: 12px;
    background: #33532E;
    width: 200px;
    border-bottom: solid white 1px;
    position: relative;
    z-index: 9999;
}

#Header #Menu li.Active ul li a {
    background: #33532E;
    color: white;
    z-index: 9999;
}

#Header #Menu li ul li a:hover {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #9BCC56;
    color: black;
    z-index: 9999;
}

/**********************************************************/
/* CONTENT WRAPPER STYLES                                 */
/**********************************************************/
#Content {
    background: white;
    padding: 20px;
    padding-bottom: 100px;
    background: url('images/grass.jpg') center bottom repeat-x white;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#Content #Whole {
    float: left;
    width: 100%;
}

#Content #LeftSide, #Content #RightSide {
    float: left;
    width: 180px;
}

#Content #RightSide {
    float: right;
}

#LeftSide .Wrapper, #RightSide .Wrapper {
    margin-bottom: 1em;
}

.quickform input, .quickform textarea {
    background: #9BCC56;
    color: white;
    font-weight: bold;
    border: none;
    width: 100%;
}

.quickform .row {
    margin-top: 1em;
}

.quickform .reqnote {
    font-size: smaller;
}

.quickform .error span.error {
    color: #980616;
    font-weight: bold;
}

.quickform .error input, .quickform .error textarea {
    background: lightpink;
    color: black;
}

.quickform #submit-0 {
    background: transparent;
    margin: 0 10%;
    width: 80%;
}

#LeftSide .social {
    clear: both;
    margin: 1em 0em;
}

#LeftSide .social a {
    text-decoration: none;
    color: black;
    line-height: 25px;
}

#LeftSide .social a:hover {
    text-decoration: underline;
}

#LeftSide .social a img {
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.w800 #Content #LeftSide, .w800 #Content #RightSide {
    float: left;
    margin-bottom: 2em;
}

.Border {
    border: solid black 1px;
    padding: 5px 15px;
}

.Solid {
    background: #EEF6E3;
}

.NoPad {
    padding: 0px;
}

.Rounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.Shadow {
    -moz-box-shadow: 5px 5px 5px #999;
    -webkit-box-shadow: 5px 5px 5px #999;
    box-shadow: 5px 5px 5px #999;
}

.LeftAlign {
    text-align: left;
}

.RightAlign {
    text-align: right;
}

.CenterAlign {
    text-align: center;
}

#Content #Main {
    float: left;
    width: 50%;
    padding: 0px 2%;
    margin: 0px 2%;
}

.w1400 #Content #Main {
    width: 850px;
}

.w800 #Content #Main {
    float: right;
    width: 480px;
}

#Content #SubMain {
    float: left;
    width: 40%;
    padding: 5px 2%;
    border: solid black 1px;
    margin: 5px 2%;
}

#Content #Whole .Wrapper {
    clear: left;
}

#Content #Side .Wrapper {
    padding-bottom: 20px;
}

#Content #Side h2 {
    color: #33532E;
    border-bottom: 2px solid #BAE6BC;
}

#Content #Main p {
    padding-bottom: 8px;
}

#Content #Main p.Date {
    font-size: 13px;
    padding-top: 0px;
    padding-bottom: 8px;
}

#Content #Main p .Host {
    color: #555;
}

#Content #Main p .More {
    font-size: 11px;
}


/**********************************************************/
/* FOOTER WRAPPER STYLES                                  */
/**********************************************************/
#Footer {
    text-align: center;
    margin: 0px;
}

#Footer .Page {
    padding-top: 10px;
    padding-bottom: 20px;
}

#Footer p {
    font-size: 11px;
    color: #FFF;
}

#Footer a {
    color: #FFF;
}