@media print  {
#leftcol {
display:none;
}
}

/* * * * * Layout Structure * * * * */
html,body {
background:#F3FFE5;
text-align:center;
font-size:medium;
font-family:verdana, arial, sans-serif;
margin:0;
padding:0;
}

#pagewidth {
min-width:800px;
max-width:2000px;
width:70%;
text-align:left;
background-color:#FFF;
border:1px solid #CCFFCC;
margin:3em auto 1em auto;
padding:0 20px;
}

#header {
position:relative;
height:101px;
width:100%;
background:transparent url(images/bg_header.png) repeat-x bottom left;
padding-top:20px;
}

#tabsE {
float:right;
width:100%;
background:#ffff99;
font-size:93%;
line-height:normal;
border-bottom: 1px solid #F93;
}

#maincol {
float:right;
display:inline;
position:relative;
width:70%;
min-height:500px;
_height:auto !important;
height:500px;
background-color:transparent;
margin:1em 0 0;
min-height:100%;
height:100%;
}

#leftcol {
float:left;
width:26%;
min-height:500px;
_height:auto !important;
height:500px;
background:transparent;
margin:1em 0 0;
min-height:100%;
height:100%;
}

#footer {
background:transparent;
clear:both;
border-top:1px solid #CCFFCC;
height:1%;
}

#showcase {
position:relative;
float:left;
width:20%;
border:1px solid #CCC;
margin:.5em 1em .25em 0;
padding:5px;
}

/* * * * * Navigation style * * * * */

#tabsE ul {
margin:0;
float:right;
padding:10px 10px 0 20px;
list-style:none;
}

#tabsE li {
display:inline;
float:left;
margin:0;
padding:0;
}

#tabsE a {
float:left;
background:url("images/tableftE.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#tabsE a span {
float:left;
display:block;
background:url("images/tabrightE.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span {
color:#FFF;
}

#tabsE a:hover {
background-position:0% -42px;
}

#tabsE a:hover span {
background-position:100% -42px;
}

#tabsE #current a {
background-position:0% -42px;
}

#tabsE #current a span {
background-position:100% -42px;
}

/* * * * * Typeface Styles * * * * */

#pagewidth p {
font-size:100%;
font-weight:400;
color:#333;
margin:0 0 1em;
padding:0;
}

#header h1 {
font-family:georgia, times, serif;
font-size:300%;
font-weight:400;
text-align:left;
text-transform:lowercase;
color:#000;
margin:0;
padding:0 0 0 20px;
}

#header h2 {
font-family:georgia, times, serif;
font-size:125%;
font-weight:400;
text-align:left;
text-transform:uppercase;
color:#006600;
margin-left:5.5em;
padding:0;
}

#maincol h1 {
font-size:110%;
font-weight:700;
color:#F93;
margin:0 0 .15em;
padding:0 0 4px 0;
}

#maincol p {
font-size:95%;
line-height:1.5em;
text-align:justify;
}

#leftcol h1 {
font-size:100%;
font-weight:700;
color:#F93;
margin:.25em 0 .25em;
padding:0 0 4px 0;
}

#leftcol h2,#maincol h2,#showcase h2 {
text-transform:uppercase;
font-size:90%;
font-weight:400;
text-align:left;
color:#006600;
margin:.5em 0;
}

#leftcol p {
font-size:80%;
font-weight:400;
text-align:left;
color:#666;
margin:.5em .5em .5em 0;
}

#footer p {
text-align:center;
font-size:65%;
color:#999;
margin:0;
padding:15px;
}

#showcase p {
background-color:#fff;
text-align:left;
font-size:70%;
color:#666;
}

/* * * * * A couple of styles * * * * */

#maincol ul li {
color:#333;
margin-bottom: .5em;
}

img.feature {
float:right;
background:#FFF;
border:1px solid #DDD;
margin:.5em 0 .5em 1.5em;
padding:4px;
}

span.quote {
font-size:70%;
margin-left: 3.5em;
font-weight:700;
}

#leftcol p.addborder {
padding-bottom:10px;
border-bottom:1px dotted #F93;
}

/* * * * * Hacks and Patches * * * * */

/* Hide from IE5/Mac \*/
#footer {height: 1%;}
/* End hide from IE5/Mac */

/* Hide from IE5/Mac \*/
* html #footer {height: 1%;}
/* End hide from IE5/Mac */

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

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}