/* css document */

body {
    border-top-width: 0px; padding-right: 0px; min-width: 600px; padding-left: 0px; border-left-width: 0px; font-size: 90%; background: #fff; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; width: 100%; padding-top: 0px; border-right-width: 0px; font-family:arial, helvetica, sans-serif; font-size:12px; 
}
#container{text-align:center;}
#content-container{width:100%; background-image:url(images/content_bg.jpg); background-repeat:repeat-x; background-position:bottom; padding-bottom:15px;}
.subpage{background-image:url(images/bg_subpage.jpg); background-repeat:repeat-x; background-position:top;}
.homepage{background-image:url(images/bg.jpg); background-repeat:repeat-x; background-position:top;}
#fixed {
   margin:0 auto;
   width:980px;   /* you can use px, em or % */
   text-align:left;  
}

a {
    color: #51822d;
}
a:hover {
    color: #51822d; text-decoration: none
}
h1 {
    padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0.8em 0px 0.2em; padding-top: 0px; color:#fff
}
h2 {
    padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0.8em 0px 0.2em; padding-top: 0px
}
h3 {
    padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0.8em 0px 0.2em; padding-top: 0px
}
p {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0.4em 0px 0.8em;
    padding-top: 0px;
}
img {
    margin: 10px 0px 5px
}
li{color:#060}

#header {
    clear: both; float: left; width: 100%; height:104px;
}
#header #logo {float:left; width:300px; padding:0px; margin:0px;}
#header #logo img{padding:0px; margin:0px;}
#header #top-nav {float:left; width:630px; margin-top:25px}
#header h1 {padding: 0px; margin: 0px;clear:both;color:#fff;font-size:20px}

#top-nav ul {
    clear: left; padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 10px 0px 0px; width: 100%; padding-top: 0px; list-style-type: none; font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size:16px; color:#666;
}
#top-nav ul li {
    padding-right: 0px; display: inline; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none
}
#top-nav ul li a {
    width:85px; height:34px; padding-right: 5px; display: block; padding-left: 5px; left: 5px; float: left; padding-bottom: 3px; margin: 0px 0px 0px 1px; color: #666; line-height: 1.3em; padding-top: 4px; position: relative; text-align: center; text-decoration: none
}
#top-nav ul li a:hover {
    color: #51822d; background-image:url(images/nav-over.gif); background-position:top; background-repeat:no-repeat
}
#top-nav ul li a.active {
    background-image:url(images/nav-active.gif); background-position:top; background-repeat:no-repeat; color: #fff
}
#top-nav ul li a.active:hover {
    background-image:url(images/nav-active.gif); background-position:top; background-repeat:no-repeat; color: #fff
}
#top-nav ul li a span {
    display: block
}
#visual{height:261px;clear: both; float: left; width: 100%;margin-bottom:5px}
#page-title {clear: both; height:50px;float: left; width: 100%;margin-bottom:10px; padding-left:20px;}
#page-title h1{margin: 0px;font-size:30px;}

#layoutdims {
    clear: both; padding-right: 15px! important; border-top: #000 4px solid; padding-left: 15px! important; padding-bottom: 6px! important; margin: 0px; padding-top: 6px! important; text-align: right
}

.colmask {
    clear: both; float: left; overflow: hidden; width: 100%; position: relative
}
.colright {
    float: left; width: 100%; position: relative
}
.colmid {
    float: left; width: 100%; position: relative
}
.colleft {
    float: left; width: 100%; position: relative
}
.col1 {
    padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 1em; overflow: hidden; padding-top: 0px; position: relative
}
.col1 img {border:none}
.col1 input {border:1px solid #699f30;border-collapse: collapse;width:200px}
.col1 textarea {border:1px solid #699f30;border-collapse: collapse; width:200px}
.col1 .form-label{font-weight:bold; font-size:14px; color:#699f30; padding-right:10px; padding-left:5px;}

#login{height:100px; margin-top:10px; margin-bottom:10px;background-image:url(images/login_bg.jpg); background-repeat:no-repeat; background-position:0px 0px;padding-left:130px; padding-top:15px;width:100%}
#login .login-form{float:left; width:318px; }
#login form {display:inline; border:1px solid #c90; background-color:#0c9}

#login .banner{float:left; text-align:center; padding-top: 11px; padding-left: 25px;}
#login .banner img{border:none}
.col2 {
    padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 1em; overflow: hidden; padding-top: 0px; position: relative
}

.col2 img {border:none}
.col2 input {border:1px solid #699f30;border-collapse: collapse;width:130px}
.col2 textarea {border:1px solid #699f30;border-collapse: collapse; width:130px}
.col2 .form-label{font-weight:bold; font-size:14px; color:#699f30; padding-right:10px; padding-left:5px;}
.col2 hr {height:1px; color:#699f30;}
.col3 {
    padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 1em; overflow: hidden; padding-top: 0px; position: relative
}
.fullpage {
	
}
.fullpage .col1 {
    left: 2%; width: 96%
}

.fullpage .col1 .module{
    float:left; margin-left: 10px; width: 290px; margin-right:10px;
}

.doublepage {
    /*background: #eee*/
}
.doublepage .colleft {
    right: 50%; /*background: #fff*/
}
.doublepage .col1 {
    left: 52%; width: 46%
}
.doublepage .col2 {
    left: 56%; width: 46%
}

.leftmenu {
    /*background: #fff*/
}
.leftmenu .colleft {
    right: 75%; /*background: #f4f4f4*/
}
.leftmenu .col1 {
    left: 102%; width: 71%
}
.leftmenu .col2 {
    left: 6%; width: 21%
}

.rightmenu {
    /*background: #eee*/
}
.rightmenu .colleft {
    right: 25%;/* background: #fff*/
}
.rightmenu .col1 {
    left: 27%; width: 71%
}
.rightmenu .col2 {
    left: 31%; width: 21%
}

.blogstyle {
    /*background: #eee*/
}
.blogstyle .colmid {
    right: 25%;/* background: #f4f4f4*/
}
.blogstyle .colleft {
    right: 25%; /*background: #fff*/
}
.blogstyle .col1 {
    left: 52%; width: 46%
}
.blogstyle .col2 {
    left: 56%; width: 21%
}
.blogstyle .col3 {
    left: 60%; width: 21%
}

.threecol {
    /*background: #eee*/
}
.threecol .colmid {
    right: 25%; /*background: #fff*/
}
.threecol .colleft {
    right: 50%; /*background: #f4f4f4*/
}
.threecol .col1 {
    left: 102%; width: 46%
}
.threecol .col2 {
    left: 31%; width: 21%
}
.threecol .col3 {
    left: 85%; width: 21%
}

#footer {
    clear: both; /*float: left;*/ width: 100%; background-color:#000;text-align:center;color:#fff; height:100px;
}
#footer a {color:#fff}
#footer p {
    padding-right: 10px; padding-left: 10px; padding-bottom: 10px; margin: 0px; padding-top: 10px
}
#footer-content {
   margin:0 auto;
   width:980px;   /* you can use px, em or % */
   text-align:center;
}