/* CSS
--------------------------------------------------*/
body {
        color: #000000;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 10pt;
        margin: 0;
        padding: 0;
        background: url(../resources/graf_bg_shade2.gif) #64A545 repeat-y top left;
}

body,h1,h2,h3,h4,h5,h6,p,form,fieldset {
        margin: 0;
        padding: 0;
}

/* Links
--------------------------------------------------*/
a {
        text-decoration: underline;
        color: #000000;
}

a:hover {
        text-decoration: none;
        color: #000000;
}

a img {
        border: none;
}

/* IDs
--------------------------------------------------*/
#wrapper {
        padding: 0;
        margin: 0;
        width: 760px;
}

#content {
        width: 740px;
        padding: 10px;
        text-align: center;
        background: transparent;
}

#logohead {
        background: #64A545;
        padding-bottom: 5px;
}

#logofooter {
        background: #64A545;
        padding-bottom: 5px;
}

#pagehead {
        background: #FFFFFF;
        color: #FFFFFF;
        padding: 5px;
        margin-bottom: 10px;
        font-family: "Comic Sans MS", Helvetica, sans-serif;
        font-size: 16pt;
        border: 1px solid #F1F6F6;
        border-left: 8px solid #F1F6F6;
}

#pagehead p {
        line-height: 25pt;
}

#pagehead a {
        color: #FFFFFF;
}

#subhead {
        margin: 0 0 10px 0;
        color: #;
        font-family: "Verdana", Helvetica, sans-serif;
}

#pageband {
        background: url(../resources/graf_head_shade.png)  repeat-x top center;
        color: #000000;
        padding: 5px;
        font-size: 8pt;
        font-weight: bold;
}

#pagefoot {
        background: #F1F6F6;
        color: #FFFFFF;
        padding: 5px;
        font-family: "Verdana", Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        margin: 10px 0 10px 0;
        border-top: 2px solid #000000;
        border-bottom: 2px solid #000000;
}

#pagefoot a {
        color: #FFFFFF;
}

#mainimage {
        margin: 0 0 10px 0;
        width: 740px;
        text-align: center;
        overflow: auto;
}

#title {
        color: #FFFFFF;
}

/* Classes
--------------------------------------------------*/
.low {
        display: none;
}

.smalltext {
        color: #000000;
        font-size: 8pt;
        font-family: "Verdana", Helvetica, sans-serif;
}

.clearer {
        clear: both;
        line-height: 0;
}

.left {
        float: left;
        clear: right;
}

.right {
        float: right;
}

.center {
        text-align: center;
}

.fluidleft {
        float: left;
        width: 250px;
        clear: right;
}

.fluidcenter {
        float:left;
        width: 230px;
        text-align: center;
}

.fluidright {
        float: left;
        width: 250px;
        text-align: right;
}

.metatitle {
        margin-bottom: 10px;
}

.metatitle1 {
        font-size: 11pt;
        font-weight: bold;
        margin: 0;
        padding: 0;
        font-family: Arial, Helvetica, sans-serif;
        float: left;
}

.metatitle1 a {
        text-decoration: none;
}

.metatitle1 a:hover {
        color: #7ba9c4;
}

.metatitle2 {
        font-size: 70%;
        font-style: italic;
        margin-left: 10px;
        margin-top: 0.5em;
        float: left;
}

.metatitle3 {
        float: right;
}

.metabox {
        color: #000000;
        padding: 5px;
        font-family: "Verdana", Helvetica, sans-serif;
        font-size: 10pt;
        background: #FFFFFF;
        padding: 5px;
        border: 1px solid #999999;
}

.metaitem {
        margin-bottom: 4px;
}

.thumbcontainer {
        padding: 5px;
        background: #F1F6F6;
        height: auto;
        display: table-cell;
}

.thumbmeta {
        color: #000000;
        padding: 5px;
        font-family: "Verdana", Helvetica, sans-serif;
        font-size: 7pt;
        margin-top: 5px;
        text-align: left;
        line-height: 12pt;
}

.paginate {
        color: #FFFFFF;
        font-family: "Verdana", Helvetica, sans-serif;
        font-size: 10pt;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0px;
        text-align: center;
}

.paginate a {
        color: #FFFFFF;
        padding: 2px 6px;
        border: solid 1px #DDDDDD;
        background: #64A545;
        text-decoration: none;
}

.paginate .this-page {
        padding: 2px 6px;
        border-color: #999999;
        font-weight: bold;
        font-size: 10pt;
        vertical-align: top;
        background: #64A545;
}

.paginate a:hover {
        color: #FFFFFF;
        background: #7BA9C4;
        border-color: #003366;
        text-decoration: none;
}

.imagenav {
        color: #FFFFFF;
        font-family: "Comic Sans MS", Helvetica, sans-serif;
        padding: 5px;
        margin: 10px 0 10px 0;
        font-size: 12pt;
}

.imagenav a {
        color: #FFFFFF;
}

/* Headings
--------------------------------------------------*/
h1 {
        font-size: 18pt;
        font-weight: bolder;
        margin: 10px 0 10px 0;
        padding: 0;
        font-family: "Comic Sans MS", Helvetica, sans-serif;
}

#subhead h1 {
        margin: 10px 0 0 0;
        font-size: 18pt;
        color: #000000;
        font-weight: bolder;
        font-family: "Arial", Helvetica, sans-serif;
}

/* Images
--------------------------------------------------*/
/* Tables
--------------------------------------------------*/
caption {
        display: none;
}