/* 
ccCream: ede7d0
ccBrown: 9b4d1b
c3oGreen: 074928
*/

/* All */
*
{
    padding: 0;
    margin: 0;
}
body
{
    background: #303030 url('../img/bg_body.jpg') repeat-x fixed top center;
    font-size: 12px;
    font-family: "Trebuchet MS", Arial, Sans-Serif;
}
a
{
    color: #9b4d1b;
    text-decoration: none;
}
a:hover
{
    color: #074928;
}
a:visited
{
}
a img 
{
    border: none;
}
li
{
    margin-left: 1em;
}
p:first-letter
{
    margin-left: 1em;
}
.fl 
{
    float: left;
}
.fr 
{
    float: right;
}
.c
{
    clear: both;
}
.ctr
{
    margin: 0 auto;
}
.note
{
    color: #808080;
    font-size: .8em;
    font-style: italic;
}
.prettyPull
{
    margin: 0 1em 1em 1em;
    color: #074928;
    font-size: 1.5em;
    font-style: italic;
    font-family: Georgia, Serif;
}
    .prettyPull:first-letter
    {
        margin-left: 0;
    }

/* Layout */
#mainWrap
{
    padding: 20px;
}
#main
{
    margin: 0 auto;
    width: 750px;
    border: solid 5px #ffffff;
    background: #ffffff;
}
#header
{
}
#nav
{
    position: relative;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    background: #074928 url('../img/bg_nav.jpg') top left;
}
    #bcNav
    {
        position: absolute;
        bottom: 8px;
        left: 38em;
        font-size: 10px;
        
    }
    #nav ul
    {
        position: absolute;
        bottom: 0;
        list-style: none;
    }
    #nav ul li
    {
        height: 32px;
        float: left;
        background: url('../img/images/bg_navLi.jpg') no-repeat right top;
        margin-left: 0;
        
    }
    #nav li a
    {
        display: block;
        padding: 7px 10px 7px 17px;
        text-decoration: none;
        color: #ffffff;
        background: url("../img/images/bg_navA.jpg") no-repeat left top;
    }
    #nav li:hover, #nav li.currentLi
    {
        background: url('../img/images/bg_navLi_over.jpg') right top no-repeat;
    }
    #nav li a:hover, #nav li a.currentA
    {
        background: url('../img/images/bg_navA_over.jpg') left top no-repeat;
        color: #000000;
    }
    * html #nav li a:hover
    {
        /* ie6 can't see 'li a:hover', so we're hacking it here */
        background: url('../img/images/bg_navA.jpg') left top no-repeat;
    }
        #extraHead
        {
            margin: 0 5px 5px 5px;
            background: #9b4d1b;
        }
        
#bottomWrap
{
    margin-top: 16px;
    background:  #ffffff /*url('../img/bg_bottomWrap.jpg') left repeat-y*/;
}

/* #left, #right, .bFull and elements within */
div.bFull
{
    padding: 5px;
}
div.bColumn 
{
    padding: 5px;
    width: 365px;
}
div.bColumn div
{
    padding: 0 5px;
    margin: 0 0 3em 0;
    clear: both;
    /*border-bottom: solid 1px #d0d0d0;*/
}
div.bColumn h2, div.bFull h2
{
    border-bottom: solid 1px #a0a0a0;
    clear: both;
}
div.bFull img
{
    padding: 5px;
}
div.bFull h2
{
    margin-top: .5em;
}
div.bColumn img
{
    max-width: 345px;
    padding: 5px;
}
div.bColumn h3, div.bFull h3
{
    margin-top: .5em;
    font-style: italic;
}
#left
{
    float: left;
}
#right
{
    float: right;
}
div.news 
{
    position: relative;
    background: #f0f0f0;
    border: solid 1px #e0e0e0;
}
    div.news ul
    {
        list-style: none;
    }
    div.news li 
    {
        line-height: 1.2em;
        margin: 0 0 .5em 0;
    }
    #newsRSS
    {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 44px;
        height: 17px;
    }
    * html #newsRSS
    {
        right: 5px;
    }
    
/* links */
#links
{
    list-style-type: none;
}
#links li
{
    margin-bottom: 2em;
}
#links p:first-letter
{
    margin: 0;
}

/* footer */
#footer
{
    height: 125px;
    background: url('../img/bg_footer.jpg') bottom left repeat-x;
    font: Arial 10px/1;
    margin-top: 3em;
    padding: 5px 5px 0 5px;
    color: #606060;
    line-height: 1.3em;
}
#footer a 
{
    color: #000000;
}
#footer img
{
    margin-right: 5px;
    float: left;
}

p.projectFirst{
	margin-top: 5px;
}