body {
    padding: 0;
    margin: 0;
    font-family: arial;
    background: #000 url(/images/bkg.jpg); top:50px;
    background-size: cover;
    background-attachment:fixed;
    font-size: 14px;
}

img { border: 0; }

#container {
    width: 980px;
    background-color: #DBBD8B;
    margin: 10px auto;
    padding: 10px 0;
}

#containerinner {
    width: 960px;
    margin: 0 auto;
}

#topnav {
    height: 60px;
    background: #451418 url(/images/topnav-bkg.jpg) repeat-x;
    z-index: 200;
}

#topnav ul {
    padding:0;
    list-style:none;
    margin:0 0 0 34px;
}

#topnav ul li {
    float:left;
    position:relative;
}

#topnav ul li a {
    font: bold 18px arial;
    color:#D1B283;
    display:block;
    float:left;
    padding:16px 23px 14px 23px;
    text-decoration: none;
}

#topnav ul li a:hover {
    color:#FFEE21;
    text-decoration: none;
}

#topnav ul li ul {
    display:none;
}

#topnav ul li > ul {
    left:auto;
    top:auto;
}
						
#topnav ul li.over ul, #topnav ul li:hover ul {
    background:#333333;
    border:1px solid #333333;
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-width:0 1px 1px;
    clear:left;
    display:block;
    list-style:none;
    margin:0;
    padding:5px;
    position:absolute;
    text-indent:0;
    top:48px;
    width:200px;
    z-index: 200;
}

#topnav ul li ul li {
    display:block;
    text-transform:none;
}
								
#topnav ul li ul li a {
    display:block;
    padding:5px 5px 5px 10px;
    width:185px;
    font-size: 14px;
}

#topnav ul li ul li a:hover {
    background-color:#5C5C5C;
    text-decoration: none;
}

#fp-rotation {
    width: 625px;
    height: 390px;
    float: left;
    position: relative;
    z-index: 2;
}
   
#fp-contact-panel {
    width: 315px; 
    height: 390px;
    float: right;
    background-color: #B3742E;
}    

#fp-contact-panel div {
    width: 295px;
    margin: 10px auto;
    font: normal 12px arial;
    color: #fff;
   
}    

#fp-contact-panel div input {
    width: 295px;
    height: 20px;
    padding: 0;
}


#contribute-panel {
    width: 315px;
    height: 200px;
    background-color: #CDC0AB;
    float: right;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #451418;
}

#contribute-panel div {

    width: 295px;
    margin: 10px auto;



}

#fp-panel {
    width: 635px;
    float: left;
    margin-top: 10px;
    font: normal 14px arial;

}

#content {
    padding: 10px 0 20px 0;
}

#content p { 
    padding: 0; 
    margin: 0;
}

#content h1 { 
    margin: 0 0 10px 0;
    padding: 0;
    font: bold 24px georgia;
    color: #451418;
}

#content h2 { 
    margin: 15px 0 10px 0;
    padding: 0;
    font: bold 16px georgia;
    color: #451418;
}

#content a {
    color: #451418;
}

#contact a:hover {
    text-decoration: none;
}


#footer {
    background-color: #1C1C1C;
    height: 80px;
    color: #fff;
    font: bold  12px arial;
    text-align: center;
}

#footer div {
    font-size: 10px;
    margin-top: 10px;
}

#subfooter {
    width: 1000px;
    margin: 10px auto;
    text-align: center;
    font: normal 11px arial;
    color: #fff;
}

#subfooter a {
    color: #fff;
}

/*** ADMIN STYLES ***/

td.inverse { background: #451418; font: bold 11px Arial; color: #fff; margin-top: 0; }
td.inverse a { font: bold 11px Arial; color: #fff; text-decoration: none; }
td.inverse a:hover { text-decoration: underline;}
td.inversesmall { background: #451418; font: bold 11px Arial; color: #fff; margin-top: 0; }
td.inversesmall a { color: #fff; }
td.inversesmall a:hover { color: #fff;text-decoration: none; }
td.small { font: normal 11px Arial; color: #2357A0; margin-top: 0;}
td.small a { color: #2357A0;}
td.small a:hover { text-decoration: none;}
td.small2 { font: normal 10px Arial;color: #005E9C; margin-top: 0; }
td.small2 a { color: #005E9C; }
td.small2 a:hover { text-decoration: none; }

#board-container .board-member { width: 23%; float: left; margin-right: 2%; margin-bottom: 20px; }
#board-container > div:nth-child(4n) { margin-right: 0; }
#board-container > div:nth-child(4n+1) { clear: both; }

