/*******************/
/* --- GENERAL --- */
/*******************/
* {
   border:0;
   padding:0;
   margin:0;
}


/******************/
/* --- LAYOUT --- */
/******************/
#bodywrap {
   margin-left: auto;
   margin-right: auto;
   width: 760px;
   text-align: left;
   background: #FFFFFF url('../images/main_bkg.gif') repeat-y;
   min-height:600px;
}

#headerLabel {
   height: 50px;
   background: #6E7341 url('../images/header_top_bkg.gif') repeat-x;
   border:0;
   clear: both;
}

#headerImage {
   background: #FFF url('../images/grondola.jpg') no-repeat;
   height:139px;
}

#headerLowerBar {
   background: #F08114 url('../images/header_lower_bar.gif') repeat-x;
   height:15px;
   border-left:1px solid #42442E;
   border-right:1px solid #42442E;
}

#contentWrap {
   margin:1em;
   margin-bottom:0;
}

#mainSingleCol {
   margin-left:160px;
   margin-right:0px;
   border-left:0px dashed #cccccc;
}

#leftCol {
   float: left;
   width:140px;
}

#footer {
   height: 30px;
   width:760px;
   margin:auto;
   background:#42442E url('../images/footer_bkg.gif') repeat-x;
}

#headerLabel:after, #headerImage:after, #headerLowerBar:after, #leftCol:after, #content:after, #mainSingleCol:after, #rightcol:after, #footer:after {
   clear:both;
   content:'.';
   display:block;
   height:0;
   visibility:hidden;
}


/**********************/
/* --- FORMATTING --- */
/**********************/
body {
   background-color: #CBC59D;
   background-color: #DCD7C5;
   margin-top:15px;
   margin-bottom:10px;
   font-family: verdana, helvetica, geneva, sans-serif;
   font-size:70%;
   line-height:1.125em;
   color:#666;
}

a:link {
   color: #c86000; text-decoration: none
}
a:visited {
   color: #c86000; text-decoration: none
}
a:active {
   color: #c86000; text-decoration: none
}
a:hover {
   color: #c86000; text-decoration: underline
}

#headerLabel h1 {
   padding-top:14px;
   padding-left:15px;
   margin:0px;
   font-size:170%;
   color: #FBD539;
}

#headerLabel h2 {
   padding-left:15px;
   margin:0px;
   margin-top:0.3em;
   font-size:100%;
   color: #F8E777;
}

#mainSingleCol h1 {
   margin-bottom:5px;
   font-size:135%;
   padding:4px;
   color:#56593B;
   border-bottom: 1px solid #56593B;
   background-color: #FFF;
}

#mainSingleCol h2 {
   margin-bottom:5px;
   font-size:125%;
   padding:4px;
   color:#56593B;
   border-bottom: 1px solid #56593B;
   background-color: #FFF;
}

#mainSingleCol h3 {
   margin-bottom:5px;
   font-size:125%;
   padding:4px;
   color:#56593B;
   background-color: #FFF;
}

#mainSingleCol h4 {
   margin-bottom:5px;
   font-size:110%;
   padding:4px;
   color:#56593B;
   background-color: #FFF;
}

#mainSingleCol p {
   margin-bottom:0.7em;
   padding:4px;
}

#mainSingleCol ul {
   margin-left:4em;
}

#mainSingleCol ul li {
   margin-bottom:0.5em;
}

#mainSingleCol blockquote {
   margin-left:3em;
   border-left:3px solid gray;
}

#mainSingleCol input, textarea { font-size:1em; padding:0.2em; border:1px solid #CFD4FF;}

#leftCol h3 {
   margin-bottom:5px;
   font-size: 100%;
   color: #ffffff;
   padding:4px;
   border: 1px solid #42442E;
   background-color: #739240;
}

#leftCol p {
   margin-top:5px;
   margin-bottom:15px;
   padding:4px;
}

#footer p {
   color:#CCC;
   font-size:0.8em;
   text-align:center;
   padding-top:0.9em;
}

#footer a:link { color: #fbd539; text-decoration: none;}
#footer a:visited { color: #fbd539; text-decoration: none;}
#footer a:hover { color: #fbd539; text-decoration: underline;}


/*******************/
/* --- CLASSES --- */
/*******************/

.small{font-size:0.6em;}
.note{font-size: 0.7em; color: #B22222;}
.indent{padding-left: 30px;}
.leftPad { float:left; margin-right: 2em;}
.rightPad { float:right; margin-left: 2em;}
.centre { text-align:center;}
.error { color:red;}
.bold { font-weight: bold;}
.italic { font-style: italic;}

table.thumbs {
   width:90%;
   padding:0.5em;
   border:0;
}

table.thumbs td {
   text-align:center;
   vertical-align:top;
   padding-bottom:1em;
}

table.thumbs td img {
   border:1px solid #373737;
}

div#thumbs {
   text-align:right;
   vertical-align:top;
   padding-bottom:1em;
   padding-left:1em;
   border:0;
   float:right;
}

div#thumbs img {
   border:1px solid #373737;
   margin-left:1em;
}

/****************/
/* --- MENU --- */
/****************/
div#menu {
   border-bottom: 1px solid #E4EACC;
   margin-bottom:2em;
   width: 140px;
}

#menu li {
   list-style: none;
   font-size:0.9em;
   line-height:2.2em;
   border-top: 1px solid #E4EACC;
}

#menu li a { text-decoration: none; }

#menu li a:hover {
   text-decoration:none;
   color:#000;
}