/* ================= Elements Textzoom Sample Layout =================== */
/* ================= Copyright Grishan 2005 www.dotflare.com =========== */

/* This design is not a template. You may not reproduce it elsewhere
without the designer's written permission. However, feel free to study
the CSS and use techniques you learn from it elsewhere. */

* {
margin: 0;
padding:0;
border: 0;
}

html {
height: 100.1%;
}

body {
height: 100%;
margin: 0;
padding:0;
background: #0080AB;
text-align: center;
font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
font-size: 75%;
color: #303030;
line-height: 1.50em;
}

a:link, a:visited {
color: #005F82;
background: #ffffff;
text-decoration: none;
}

a:hover {
color: #cc0000;
background: #ffffff;
text-decoration: none;
}

h1, h2, h3 {
font-weight: normal;
}

h4, h5, h6 {
font-weight: bold;
}

p {
padding: 8px 0 8px 0;
}

p, div, li {
font-size: 100%;
}

ul {
list-style: none;
}

ul li {
line-height: 1.8em;
padding-left: 15px;
padding-top: 0;
background: url(images/list_bullet.gif) 0 0.55em no-repeat;
}

.navimodule {
padding: 0 0 16px 2px;
}

.navimodule h3 {
font-size: 12px;
font-weight: bold;
font-family: Tahoma, Helvetica, sans-serif;
color: #707070;
background: #F3F3F3;
text-align: left;
line-height: 20px;
margin: 2px 0 6px 0;
padding: 0;
}

.highlight {
border: 1px solid #cccccc;
color: #303030;
background-color: #AFEEEE;
padding: 2px;
}

.readon {
background: url(images/readon.gif) left no-repeat !important;
padding: 0 0 0 15px;
}

.textzoom {
padding: 0;
}

.textzoom h3 {
font-size: 12px !important;
font-weight: bold;
font-family: Tahoma, Helvetica, sans-serif;
line-height: 20px !important;
margin: 2px 0 2px 0 !important;
}

/* Start Textzoom Div Marker - not needed in real life situations ! */
div[class="textzoom"] {
border: 1px dotted #00E102 !important;
padding: 0;
line-height: 0px;
}

div[class="textzoom"]:before {
font: 11px 'courier new', courier, sans-serif;
content: "div."attr(class)"";
color: #000;
background: #ffc;
line-height: 16px;
border: 1px dotted #00E102;
padding: 1px 2px 2px 2px;
margin: 0 0 0 -1px !important;
}
/* End Textzoom marker */


/* ================= ID's Textzoom Sample Layout ================= */

#maincontainer {
position: relative;
min-height: 100%;
height: auto !important;
width: 736px;
padding: 0;
margin: 0 auto;
text-align: left;
background: #ffffff url(images/content_bg.gif) repeat-y;
color: #303030;
}

#header {
background: url(images/textzoom_header.gif) top left no-repeat;
width: 736px;
height: 136px;
text-indent: 8px;
}

#content {
width: 501px;
padding: 10px 17px 0 23px;
float: left;
}

#rightcolumn {
padding: 10px;
width: 166px;
float: left;
}

#footer {
position: absolute;
width:736px;
height: 2.4em;
bottom: 0px;
margin: 0;
padding: 0;
border: 0;
line-height: 2.4em;
background: #0076A3;
color: #eeeeee;
font-size: 12px;
text-align: center;
}

#footer a, #footer a:link, #footer a:visited, #footer acronym {
cursor: pointer;
font-weight: normal;
color: #eeeeee;
background: #0076A3;
}

#footer a:hover {
border-bottom: 2px solid #dddddd;
}

/* ================= Individual Classes & ID's ================= */

.clr {
clear: both;
}

.nospace, p.nospace {
padding: 2px 0 2px 0;
margin: 0;
}

.margsmall {
margin-right: 8px;
}

.linkext {
background: url(images/linkext.gif) left center no-repeat !important;
padding: 0 0 0 14px;
}

.decolight {
background-color: #ffc;
border: 1px solid #000;
font: bold 11px 'courier new', courier, monospace;
color: #606060;
padding: 0 3px 1px 3px;
margin: 0 4px 0 4px;
}

.listnobg, ul.listnobg li{
padding: 0;
background: none;
}

.red {
background: #ffffff;
color: #B44040;
}

/* ============ Internet Explorer Corrections + Hacks ========== */

* html #maincontainer {
height: 100% !important;
background: url(images/content_bg.gif) repeat-y;
}

* html #footer {
bottom: -1px;
}

* html #content {
width: 541px;
}

* html #rightcolumn {
padding: 12px 10px 10px 10px;
width: 186px;
}

* html .nospace {
padding: 3px 0 2px 0;
margin: 0;
}

* html ul li {
background-position: 0 0.6em;
}