/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

html, body {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    text-align: center;
    background: #666666 url('../images/page-bg.jpg') no-repeat fixed top center ;
    margin-top: 50px;
    margin-bottom: 50px;
    color: #333333;
}

#footer {
    background-color: #595A38;
    color: #FFF;
    text-align: center;
    height: 50px;
    padding-top: 10px;
}

#footer a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

#footer a:hover {
    color: #DDD;
    text-decoration: underline;
}

#wrapper {
    border: 2px solid #FFF;
}

#header {
    /*background: url('../images/temp-banner2.jpg');*/
}

#menu {
    position: relative;
    z-index: 100;
    height: 30px;
    background-color: #595A38; /*: url('../images/menu-bg.png') repeat-x;*/
    text-align: left;
}

#mainmenu {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#mainmenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#mainmenu li {
    position: relative;
    top: 1px;
    float: left;
    margin: 0px;
    padding: 4px 0px 4px 0px;
    border-right: 1px solid #EADFA1;
    text-align: center;
    width: 130px;
}

#mainmenu li:hover {
    background-color: #8D8C56;/*#595A38;*/
    cursor: pointer;
}

#mainmenu li ul {
    display: none;
    list-style: none;
    position: absolute;
    top: 25px;
    left: -1px;
    text-align: left;
    border-right: 1px solid #8D8C56;
    border-bottom: 1px solid #8D8C56;
    border-left: 1px solid #8D8C56;
    background-color: #595A38;
}

#mainmenu li:hover > ul,
#mainmenu li a:hover ul {
    display: block;
}

#mainmenu li ul li {
    border-collapse: 0;
    border-style: none;
    border-top: 1px solid #EADFA1;
    text-align: left;
    padding: 4px 0px 4px 0px;
}

#mainmenu li ul li:hover {
    background-color: #8D8C56;
}

#mainmenu li ul li a {
    margin: 0px 6px 0px 6px;
}

#mainmenu a {
    color: #EADFA1;
    font-weight: bold;
    text-decoration: none;
}

#mainmenu li a:hover {
    text-decoration: underline;
}

#content {
    background-color: #EADFA1;
    text-align: left;
    padding-bottom: 12px;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

.content {
    padding: 6px 18px 6px 10px
}

.content a {
    color: #686868;
    text-decoration: none;
}

.content a:hover {
    text-decoration: underline;
}

.callout {
    border: 2px dotted #595A38;
    background-color: #F1C969;
    text-align: left;
    padding: 6px;
}

.callouttitle {
    border: 1px solid #000;
    background-color: #595A38;
    padding: 6px;
    font-weight: bold;
    color: #FFF;
    font-size: 1.1em;
}

.callout ul {
    text-align: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.callout ul li {
    border-bottom: 1px solid #000;
    padding: 6px;
    margin: 0px;
    line-height: 1.1em;
}

.callout a {
    color: #686868;
    text-decoration: none;
}

.callout a:hover {
    text-decoration: underline;
}

.callout div.readmore, .callout div.download {
    position: relative;
    text-align: right;
}

.callout div.readmore a {
    padding-right: 20px;
    background: url('../images/arrow_right.png') no-repeat scroll center right;
}

.callout div.download a {
    padding-right: 20px;
    background: url('../images/disk.png') no-repeat scroll center right;
}

.callouttable td {
    padding: 4px;
}

.callouttable tr.bottom {
    border-bottom: 1px solid #999;
}

.nocontent {
    font-weight: bold;
    font-style: italic;
    margin-top: 12px;
    margin-left: 6px;
}

h1, h2, h3, h4, h5, h6 {
    color: #A0410D;
    margin-bottom: 6px;
}

h1.inner, h2.inner, h3.inner, h4.inner, h5.inner, h6.inner {
    margin-bottom: 0px;
    display: inline;
}

div.headerOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height:145px;
}

div.headerPhoto {
    height:145px;
}

div.contentbox {
    float:left;
    width:200px;
    margin-bottom: 6px;
}

.smaller {
    font-size: 0.9em;
}