/* By Len and Wolfram */

body { background-color: #f2e9dd; margin: 10px; padding: 0; font: normal 13px/1.5em verdana, arial, sans-serif;

color:#666; word-spacing: 0.1em; }

p { margin:4px 0 6px 0; }

strong { font-weight:bold; }

em { font-style:italic; }

h1, h2, h3, h4 { font-weight:bold; margin:10px 0 0 0; }

h1 { font-size:18px; }

#header h1 { font-size:36px; line-height: 1em; margin: 120px 0 0 20px; text-transform: uppercase; }

#header p { margin: 0 0 0 20px; }

h2 { font-size:16px; }

h3 { font-size:14px; }

h4 { font-size:12px; }

a:link, a:visited { color:#0000ff; text-decoration:underline; }

a:hover, a:active { color:#ff0000; text-decoration:none; }

ul { margin:5px 0 5px 20px; padding:0; list-style-type:square; }

ol { margin:5px 0 5px 30px; padding:0; list-style-type:decimal; }

blockquote { background: url(images/quote.png) no-repeat 0% 0%; font-size: 17px; line-height: 1.5em; padding: 2px 0 0 14px; font-style: italic; margin: 0 20px 0 20px; }

/* << ----------------// Rounded box //---------------->> */

.top { background: url(images/topCurve.gif) top no-repeat; padding: 5px 8px 0 8px; margin-top: 15px; width: 164px; }

.bottom { background: url(images/btmCurve.gif) bottom no-repeat; padding: 5px 8px; margin-bottom: 15px; width: 164px; }

/* << ----------------// Outer container that holds all the columns //---------------->> */

#mainContainer { margin:0 auto; padding:0; width:900px; border:1px solid #000000; background-color: #f2ebe9; }

/* << ----------------// Header //---------------->> */

#header { margin:0; padding:5px; background: #fff url('images/header.jpg') right no-repeat; width:890px; height:184px; }

/* << ----------------// Horizontal navigation //---------------->> */

#navHorizontal { margin:0; padding:0; width:900px; height:30px; line-height:30px; background: #000 url(images/bg_navbar.png) no-repeat top right; }

#navHorizontal ul { margin:0 0 0 5px; padding:0; list-style:none; }

#navHorizontal ul li { margin:0 0 0 -5px; padding:5px 0 5px 0; list-style:none; display:inline; }

#navHorizontal a, #navHorizontal a:link, #navHorizontal a:visited { padding:5px 8px 5px 8px; color:#eeeeee; text-decoration:none; text-transform: uppercase; font-weight: bold; border-right: 1px solid #999; }

#navHorizontal ul li a:hover, #navHorizontal ul li a:active { color:#454545; text-decoration:none; background-color:#FFF9EF; }

.clear {clear:both;}

.shadow { background: #fff url(images/shadow.png) no-repeat right bottom; margin: 5px 10px 10px 0; padding: 5px 10px 10px 5px; } 

.imgLeft { float: left; margin: 5px 10px 0 0; }

.imgRight { float: right; margin: 5px 0 0 10px; }

img { border: 0; }


/* << ----------------// Middle column //---------------->> */

#columnTwo { float:center; margin:0; padding: 0 0px 0px 0px; width:880px; background-color :#f2ebe9; }


/* << ----------------// Footer //---------------->> */

#footer { margin:0; width:900px; height:125px; font-size:12px; color:#ccc; background-color:#000; clear:both; padding: 0 0 5px 0; }

#footer a:link, #footer a:visited { color: #FFF9EF; text-decoration:none; }

#footer a:hover, #footer a:active { text-decoration:underline; }





/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/* html .clearfix {height: 1%;}.clearfix {display: block;} /* End hide from IE-mac */