/* Begin Common */
body {
    background-color: #fefefe;
    color: #333;
    position: relative;   
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    line-height: 18px;
}

#wrapper { 
    margin: 0 auto -55px; 
    height: auto !important; 
    height: 100%; 
    min-height: 100%;
}

.gridwrap { 
    margin-left: auto;
    margin-right: auto;
    width: 960px 
}

.clearer { clear: both; height: 1px; width: 1px; }

.colored { color: #758740; }
.big { font-size: 16px; }
/* End Common */

/* Begin Elements */
a {  
    color: #758740; 
    text-decoration: none; 
}

#content p { line-height: 20px; margin-bottom: 20px; }

ul { margin-bottom: 20px; }

a:hover { text-decoration: underline; }

h1 { margin: 0 0 15px 0; }

h2, h3, h4, h5 { color: #758740; }

h2 {
    font-weight: bold;
    font-size: 1.4em;
    margin: 0 0 15px 0;
}

h3 {
    font-weight: normal;
    font-size: 1.4em;
    margin: 0 0 35px 0;
}

h4 { 
    font-size: 1.5em;
    font-weight: normal;
}


ul { 
    line-height: 30px;
    list-style-image: url(../img/list.png);
    padding: 0 0 0 30px;
    vertical-align: middle;
}

#content label {
    display: block;
    margin: 0 0 10px 0;
    width: 250px;
}

textarea, input[type="text"], input[type="password"] {
    background: #f0f0f0;
    border: 1px solid #ccc;
    font-size: 1.2em;
    height: 35px;
    margin: 0 0 20px 0;
    width: 410px;
}

input[type="text"], input[type="password"] {
    line-height: 35px;
    vertical-align: middle;
}

textarea { height: 115px; }

.submit { 
    background: #f0f0f0;
    border: 1px solid #ccc;
    height: 26px;
}

/* End Elements */

/* Begin Areas */
#header {
    background: repeat-x url(../img/header_bg.png);
    border-bottom: 1px solid #fff;
    height: 150px;
}

#logo {
    height: 84px;
    padding: 26px 0 0 0;
}

#teaser {
    background: repeat-x url(../img/teaser_bg.png);
    border-top: 1px solid #677839;
    border-bottom: 1px solid #fefefe;
    height: 259px; 
}

#teaserSmall {
    background: #758740;
    border-bottom: 1px solid #fff;
    height: 89px;
}

#content {
    background: repeat-x url(../img/content_shadow.png);
    padding: 30px 0 0 0;
}

#footer {
    background: repeat-x url(../img/footer_bg.png);
    height: 332px;
    margin: 60px 0 0 0;
}
/* End Areas */

/* Begin top nav */
#nav {
    height: 40px;
}

#nav ul {
    list-style: none;
    margin: 0 0 0 -40px;
    position: relative;
    z-index: 998;
}

#nav ul li { 
    height: 40px;
    float: left; 
    line-height: 40px;
    position: relative;
    vertical-align: middle;
}

#nav ul li a {
    display: block;
    font-size: 14px;
    margin: 0 20px 0 20px;
}

#nav ul li a:hover, #nav ul li a.activated {
    background: repeat-x url(../img/nav_mark.png);
    background-position: 0 30px;
    text-decoration: none;
}

#nav ul ul{
    background-image: none;
    margin:0px;
    padding:0px;
    list-style:none;
    z-index:999;
    position:relative;
}

#nav ul ul {
    display:none;
    left:0px;
    position:absolute;
    top:40px;
    width:120px;
    z-index:10;
    background-image: none;
    border:solid 1px #e6e7df;
    background-color:#fefefe;
    border-width:0px 1px 1px 1px;
    padding:0px 10px;
}

#nav ul li ul li { 
    background: none; 
    height: 32px;
}

#nav ul li ul a:hover { background-position: 0 25px; }

#nav ul li ul a{
    width:110px;
    height:auto;
    float:left;
    text-align:left;
    padding:0px 0px 0px 10px;
    margin: 0;
    text-transform: none;
    font-size:12px;
    font-weight:normal;
    line-height:28px;
    z-index:10;
    color:#333;
    background: repeat-x url(../img/nav_markdef.png);
    background-position: 0 25px;
}
#nav ul ul ul{top:auto;border-top:none; border:solid 1px #e6e7df; border-width:1px 1px 1px 1px;}
#nav ul li ul ul {left:115px; top:0px;}
#nav ul li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav ul li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav ul li ul a{border-top:none;}
/* End top nav */

/* Begin teaser */
#teaserIn {
    background: no-repeat url(../img/teaser_grid.jpg);
    height: 259px;
}

#teaserIn ul { font-size: 1.2em; }

.tease {
    padding: 15px 0 0 0; 
    width: 960px;
}

.teaserpicbg {
    background: transparent no-repeat url(../img/teaserbg.jpg);
    display: inline;
    height: 213px;
    float: left;
    margin: 0 0 0 -8px;
    padding: 12px 0 10px 11px;
    width: 584px;
}

.teasertext {
    color: #fff;
    display: inline;
    float: left;
    font-size: 14px;
    height: 220px;
    padding: 5px 0 0 32px; 
    width: 315px;
}

.teasertext h2 {
    color: #fff;
    font-size: 2.0em;
    font-weight: normal;
    margin: 0 0 30px 0;
}

.teasertext h2 span { color: #f7ae16; }

a.readMore {
    background: no-repeat url(../img/readMore.png);
    bottom: 14px;
    clear: both;
    color: #65410f;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    position: absolute;
    text-align: center;
    width: 92px;
    vertical-align: center;
}

a.readMore:hover { 
    background: no-repeat url(../img/readMoreSel.png);
    text-decoration: none; 
}

#teaseNav {
    bottom: 20px;
    position: absolute;
    right: 0px;
    z-index: 99;
}

#teaseNav a {
    background: no-repeat url(../img/teasenav.png);
    display: block;
    float: left;
    height; 10px;
    margin: 0 0 0 10px;
    text-indent: -9999px;
    width: 10px;
}

#teaseNav a.activeSlide { background: no-repeat url(../img/teasenavsel.png); }

#teaseNav a:focus { outline: none; }
/* End teaser */

/* Begin teaser small */
#teaserSmallInner {
    background: no-repeat url(../img/teasersmall_bg.jpg);
    height:89px;
    position: relative;
}

#teaserSmallInner h2 { 
    bottom: 15px;
    color: #fff; 
    font-size: 2.0em;
    font-weight: normal;
    position: absolute;
}

.portbox {
    display: inline;
    float: left;
    height: 210px;
    position: relative;
    width: 290px;
}

.portmid { margin: 0 45px 0 45px; }

.portspace { height: 30px; }

.portbox span {
    background: #ebeadb;
    border: 1px solid #dbdac9;
    font-size: 1.2em;
    font-weight: bold;
    height: 148px;
    left: 0;
    line-height: 24px;
    padding: 5px;
    position: absolute;
    top: 0px;
    width: 278px;
}

.portbox h4 {
    bottom: 0;
    position: absolute;
}

#content .portbox img { 
    margin: 0 0 20px 0; 
    position: relative;
    z-index: 99;
}
/* End teaser small */

/* Begin content */
.box4 {
    display: inline; 
    float: left;
    width: 300px;
}

.boxMid { margin: 0 25px 0 25px; }

#content img {
    background: #ebeadb;
    border: 1px solid #dbdac9;
    padding: 5px;
    margin: 0 0 30px 0;
}

#content img:hover { background: #cdccbf; }

#content img.noborder {
    background: none;
    border: none;
    padding: 1px;
    margin: 0;
}

#content img.noborder:hover { background: none; }

.box12 {
    display: inline;
    float: left;
    width: 470px;
}

.box8 {
    display: inline;
    float: left;
    margin: 0 30px 0 0;
    padding: 0 5px 0 0;
    width: 595px;
}

.box5 {
    display: inline;
    float: left;
    padding: 0 15px 0 0;
    width: 315px;
}

.boxRight {
    border-left: 3px solid #ccc;
    padding: 0 0 0 17px;
    margin: 0 0 20px 0;
}

#content .boxRight img { margin: 0; }

#content ul { 
    line-height: 25px;
    list-style: none;
    padding: 0 0 0 10px;
    vertical-align: middle;
}

#content ul li {
    background: no-repeat left center url(../img/listsmall.png); 
    padding: 0 0 0 15px;
}
/* End content */

/* Begin footer */
#footer { padding: 2px 0 0 0; } 

#footer_overlay {
    background: transparent no-repeat url(../img/footer_overlay.png);
    background-position: top center;
    height: 300px;
    padding: 30px 0 0 0;
}

#footcontent { height: 266px; }

#footcopy {
    border-top: 1px solid #ccc;
    height: 35px;
}

#footcopyin { 
    border-top: 1px solid #fff; 
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
}

#footcopyin a { color: #f7ae16; }

.foot1 {
    display: inline;
    float: left;
    margin: 0 20px 0 0;
    width: 140px;
}    

.foot2 { 
    display: inline;
    float: left;
    margin: 0 20px 0 0;
    width: 300px;
}

.foot2 img { 
    float: left;
    margin: 0 20px 15px 0; 
}

#footer ul { 
    line-height: inherit;
    list-style: none; 
    padding: 0;
}

#footer ul li {
    border-bottom: 1px solid #ccc;
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
}

#footer ul li a {
    background: center left no-repeat url(../img/marker.gif);
    color: #333;
    padding: 0 0 0 10px;
}
/* End footer */