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

/******************/
/* --- LAYOUT --- */
/******************/
div#wrapper {
   margin: auto;
   margin-top: 20px;
   width: 820px;
   background-color: #000;
   border:1px solid #000;
   }

div#header {
   width: 800px;
   height: 150px;
   margin: 10px auto;
   background: #000;
}

div#imageTransitions {
	background: transparent;
	width: 580px;
	height: 150px;
	float: left;
}


div#main {
   width: 800px;
   min-height:400px;
   margin: 10px auto;
   background: url('../images/main-bkg.png') top left repeat-y;
}

div#mainOneCol {
   display:inline;
   width: 535px;
   /*margin:5px;*/
   color: black;
   background:transparent;
   padding-left: 30px;
   padding-right: 20px;
   float: left;
}

div#mainTwoCol {
   display:inline /*Fix IE floating margin bug*/;
   width: 245px;
   margin:20px 0px 10px 20px;
   background:transparent;
   float:left;
}

div#mainThreeCol {
   display:inline /*Fix IE floating margin bug*/;
   width: 155px;
   margin:20px 0px 10px 20px;
   background:transparent;
   float:left;
}

div#sidebar {
   width:212px;
   background:transparent;
   float:right;
   min-height:400px;
}

div#footer {
   margin:auto;
   margin-top:20px;
   width:800px;
   padding:0.5em 0em;
   background-color:#000;
   color:#dcdcdc;
   clear:both;
}

#header:after, #main:after, #mainOneCol:after, #mainTwoCol:after, #mainThreeCol:after, #sidebar:after, #footer:after {
   clear:both;
   content:'.';
   display:block;
   height:0;
   visibility:hidden;
}


/**********************/
/* --- FORMATTING --- */
/**********************/
body {
   color: #fff;
   background: #798121;
   font-family: arial, helvetica, geneva, sans-serif;
   font-size: 75%;
   line-height: 1.125em;
}

h1 {font-size: 1.8em; font-weight: bold; line-height: 200%;}
h2 {font-size: 1.5em; font-weight: bold; line-height: 200%;}
h3 {font-size: 1.2em; font-weight: bold; line-height: 200%;}

p {
   font-size:1em;
   margin-bottom:1.2em;
   line-height: 150%;
   clear:both;
}

div#mainOneCol p.intro:first-letter {
	/*text-indent: 2.00em;	*/
	font-size: 1.5em;
	font-weight: bold;
}

table.stdTable {
	width: 500px;
}

table.stdTable td {
	padding:5px 0px;
}


td, form, li {font-size:1em;}

input, textarea, select{
   font: 0.8em verdana, helvetica, geneva, sans-serif;
   padding:0.2em;
   border:1px solid #CFD4FF;
}

a:link {text-decoration: none; color: #00F}
a:visited {text-decoration: none; color: #00F}
a:hover {text-decoration: underline; color: #F00}

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

img {line-height: 0;}
img.logo {
   float: right;
   /*margin-top: 10px;*/
}

div#header h1 {
   font-size:2em;
   font-weight:500;
   letter-spacing: 5px;
   padding:35px 0px 3px 20px;
}

div#footer p {
   text-align: center;
   font-size:0.85em;
   margin-bottom:0;
}

/*******************/
/* --- CLASSES --- */
/*******************/
.small{font-size:0.7em;}
.big{font-size:1.125em;}
.bigger{font-size:1.3em;}
.note{font-size: 0.75em; color: #B22222;}
.indent{padding-left: 3em;}
.rightPad {float:right; margin-left:20px;}
.leftPad {float:left; margin-right:20px;}
.imgBorder {border:1px solid #A344A8;}
.bold {font-weight:bold}
.italic {font-style:italic}
.underline {text-decoration:underline;}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify {text-align:justify}
.strange{
   text-align: left;
}




/****************/
/* --- MENU --- */
/****************/

#menu {
   width: 212px;
   padding: 0;
   /* bottom padding makes bg color of div visible below menu */
   margin-bottom: 1em;
   font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
   color: #000;
}

/* since all list items are links, remove all styles
from <ul> ans <li> and transfer it to <a>  */

#menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
   }

#menu li {
   border-bottom: 1px solid #555; /* creates separator */
   /*background: url(../images/menu_sep.jpg) no-repeat bottom left;*/
   margin: 0;
}

#menu li a {
   display: block;
   padding: 10px 15px;
   text-decoration: none;
   width: 193px;
   text-align: right;
   color:#1c5223;
   text-transform: capitalize;
}

#menu li a.active {
   color:#8c0d10;
}

html>body #menu li a {
   width: auto;
   }

#menu li a:hover {
   border-right: 3px solid black;
   color: #8c0d10;
}