*, body{
    margin:0;
    padding:0;
}
html, body {height:100%;}
body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333333;
    font-size:62.5%;
    width:100%;
    height:100%;
    background: #fff url("/images/seperator.png") repeat-x top left;
}
#pagecontainer{
    margin-bottom: -60px;
    position: relative;
    height:100%;
    clear:both;
}
#wrap {
     width:950px;
     margin:0 auto;
     clear:both;
}
#top,#middle {
    width:100%;
    margin:0 auto;
    clear:both;
}
/* top section */
#top{height: 100px; background: transparent; padding-top:20px;}
#top .col1 {
    width:40%;
    float:left;
}
#top .col2 {
    width:60%;
    float:left;
    font-size:110%;    
}

#top .col2 ul{
    list-style:none;
    float:right;
    position:relative;
    top:15px;
    
}
#top .col2 ul li{
    float:left;
    padding:5px;
    font-weight:bold;
    margin-left:10px;
    position:relative;
}
#top .col2 ul li a {
    display:block;
    text-decoration:none;
    color:#525252;
    display:block;
}


body.red #top .col2 ul li.currentpage a, #top .col2 ul li.red:hover a {
    color: #B4282E;
}
body.pink #top .col2 ul li.currentpage a, #top .col2 ul li.pink:hover a {
    color: #E1197B;
}
body.orange #top .col2 ul li.currentpage a, #top .col2 ul li.orange:hover a {
    color: #EB7801;
}
body.green #top .col2 ul li.currentpage a, #top .col2 ul li.green:hover a {
    color: #90C40A;
}
body.blue #top .col2 ul li.currentpage a, #top .col2 ul li.blue:hover a {
    color: #09A7FE;
}
body.darkblue #top .col2 ul li.currentpage a, #top .col2 ul li.darkblue:hover a {
    color: #3300CC;
}

#top .col2 ul li ul{
    display:none;
    border-width: 3px;
    border-style: solid;
    border-color: #09A7FE;
    background:#fff;
}

#top .col2 ul li:hover ul{
    display:block;
    position:absolute;
    top:28px;
    left:0;
    font-size:90%;
    width:auto;
    z-index:101;
}

#top .col2 ul li ul li{
    float:left;
    clear:both;
    text-align:left;
    margin:0;
    padding:5px;
}
#top .col2 ul li ul li{
    display:block;
    width:220px;
    border-bottom:1px solid #CCCCCC; 
}

body.blue #top .col2 ul li ul li.currentpage,#top .col2 ul li.blue ul li:hover {border-bottom:1px solid #CCCCCC; color:#09A7FE;}
#top .col2 ul li ul li.currentpage a, #top .col2 ul li.blue ul li a:hover {border:none; color:#09A7FE;}

/* Mid section */
#middle {margin-top:20px; float:left;}
#middle .col1 {
    width:70%;
    float:left;
}
#middle .col2 {
    width:30%;
    float:left;
}

#middle h1, #middle h2{
    border-bottom:1px solid #F0F0F0;
    margin:10px 0 10px 0;
    color:#525252;
}
#middle a {color:#525252; text-decoration:none;}
body.red #middle h1, body.red #middle h2, body.red #middle a {color:#B4282E; text-decoration:none;}
body.pink #middle h1, body.pink #middle h2, body.pink #middle a {color:#E1197B; text-decoration:none;}
body.orange #middle h1,body.orange #middle h2,body.orange #middle a {color:#EB7801;text-decoration:none;}
body.green #middle h1,body.green #middle h2,body.green #middle a {color:#90C40A;text-decoration:none;}
body.blue #middle h1,body.blue #middle h2,body.blue #middle a {color:#09A7FE;text-decoration:none;}
body.darkblue #middle h1,body.darkblue #middle h2,body.darkblue #middle a {color:#3300CC;text-decoration:none;}

#middle p, ul, label, input {font-size:130%;}
#middle ul {list-style:circle;list-style-position:inside; margin:4px 0 4px 0;}

#footer {
    background-color: #B4282E;
    width:100%;
    clear:both;
    position: relative;
    text-align:center;
    height: 60px;
    color:#fff;
    font-size:105%;
    line-height:22px;
}
#menu {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
    font-size: 110%;
}
#menu ul{
    clear:left;
    float:left; 
    position:relative;
    left:50%;
    text-align:center;
    clear:left;
    font-size:105%;
    list-style:none;
}
#menu li {
    float:left;
    padding: 5px;
    text-align:center;
    position:relative;
    right:50%;
}
#menu li a {
    color:#fff;
    text-decoration:none;
    display:block;
}
#footer a{
    color:#fff;
    text-decoration:none;
}
#footer a:hover {text-decoration:underline;}
.gutterright {padding-right:15px;}
.gutterleft {padding-left:15px;}
/* Contact Form */
.contactform div {margin-bottom:8px;}
.contactform div label {
    clear:left;
    font-weight:bold;
    line-height:28px;
    padding:0 0px;
}
.contactform div input {
    border:1px solid #DDDDDD;
    color:#000000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:5px;
    width:97%;
}
.contactform div textarea {
    border:1px solid #DDDDDD;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333333;
    height:200px;
    padding:5px 5px 0;
    width:97%;
}
.contactform div input.cms_checkbox {width:20px;}
.contactform div.fb_invalid input {border:1px solid red;}
.contactform div.submit input {
    background-color:#90C40A;
    color:#FFFFFF;
    cursor:pointer;
    display:block;
    font-weight:bold;
    height:3em;
    text-align:center;
    width:200px;
}
.clear {clear:both; height:60px;}