/* Ireko Layout CSS. */


/* -------------------------------------*/
/* NOTES:




*/
/* -------------------------------------*/



/* General Classes */
/* -------------------------------------*/

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


html {
 overflow-y: scroll;
 overflow: -moz-scrollbars-vertical;
}

img { border: 0; }

table { 
 font-size: 1em; 
/* This is causing TD borders to merge in subsequent cells */
 /*border-collapse: collapse;*/
}

form { display: inline }

body { 
 background-color: #000;
 color: #FFF;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 80%;
 padding-top: 15px;
 min-width: 950px;
}



div {
 background-color: #000;
 color: #FFF;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 margin-left: auto;
 margin-right: auto;
}

a:focus {
-moz-outline-style: none;
}


p.print {
 display: none;
}

/* Link Behavior, normal and inside table cells */

a.standard, a.standard:visited {
 color: #00F;
}

a.standard:hover {
 color: #c00;
}

a, a:visited, td a, td a:visited {
 color: #bbb;
 text-decoration: none;
}

a:hover, td a:hover {
 color: #D6A529;
 color: #CC0000;
}


a:active {
 outline: none;
}

a:focus {
-moz-outline-style: none;
}




/* HEADER */

#header {
 width: 750px;
}




/* -------------------------------------*/
/*      MAIN NAVIGATION      */
#main_navigation {
 color: #ccc;
 padding-bottom: 5px;
 width: 75%;
 text-align: center;
}

#main_navigation table.MAIN_NAVIGATION {
 margin-top: 10px;
 width: 100%;
 font-size: .8em;
 border-right: 1px solid #333;
}

#main_navigation td {
 width: 14%;
 text-align: center;
 border-left: 1px solid #222;
 padding-left: 10px;
 padding-right: 10px;
 font-family: verdana;
 letter-spacing: .1em;
}

#main_navigation td.SELECTED {
 background: url(images/selected.gif);
 background-repeat: no-repeat;
 background-position: 8px 50%;
}

#main_navigation td.SELECTED a {
 color: #fff;
}

/* -------------------------------------*/







/* -------------------------------------*/
/* CONTENT AREA   */
/* -------------------------------------*/

#content {
 margin-top: 10px;
/* border-collapse: collapse;*/
}



/* Sub-Navigation (left) */
/* =================================================*/

#sub_navigation {
 color: #fff;
 text-align: left;
 vertical-align: top;
 width: 150px;
 padding: 25px 20px 0px 10px;
 font-size: .85em;
 background-color: #000;
}

#sub_navigation table {
 border-collapse: collapse;
 width: 150px;
}

#sub_navigation td {
 padding: 3px 10px 18px 0px;
}

#sub_navigation td.tight {
 padding: 3px 10px 4px 0px;
}

#sub_navigation td.SELECTED {
 background: url(images/selected.gif);
 background-repeat: no-repeat;
 background-position: 0px 7px;
}

#sub_navigation a {
 color: #bbb;
}

#sub_navigation a:hover {
 color: #ee0000;
}

#sub_navigation td.separator {
 border-top: 1px solid #334;
 padding-top: 16px;
}

.MouseOverBox {
 padding-right: 3px;
 padding-top: 3px;
}


/* imagebox (middle) */
/* =================================================*/

#imagebox {
 vertical-align: top;
 color: #fff;
 text-align: left;
/* border: 1px solid #333;*/
}
#imagebox p {
 padding: 20px;
 font-size: .9em;
 line-height: 1.5em;
}

#imagebox img {
 vertical-align: top;
border: 1px solid #333;
}


/* rightpane (middle and right) */
/* =================================================*/

#rightpane {
 color: #eee;
 line-height: 1.4em;
 vertical-align: top;
 border: 1px solid #333;
 width: 542px;
 text-align: left;
 padding: 20px;
 height: 360px; /* padding of 40px has to be subtracted from the goal height of 400px;
also, this is really a minimum height - in IE and FF at least, if the text is longer, the box
expands to fit the text, */
}

#rightpane img {
 padding: 8px;
}


/* descriptivetext (right) */
/* =================================================*/

#descriptivetext {
 text-align: left;
 vertical-align: top;
 background: #000;
 color: #fc3;
 font-weight: normal;
 padding: 10px 10px 10px 10px;
 /*border: 1px solid #333;*/
 font-size: .85em;
 line-height: 1.5em;
 width: 160px;
}





/* -------------------------------------*/
/*      FOOTER      */
/* -------------------------------------*/


#footer {
 clear: both;
 font-family: verdana;
 font-size: .8em;
 padding-top: 3px;
 padding-left: 15px;
 padding-right: 15px;
 padding-bottom: 0px;
 text-align: center;
 /* border-top: 1px solid #222; */
 line-height: 1.7em;
 color: #ccc;
}

#footer ul {
 display: inline;
}

#footer li {
 display: inline;
 padding-right: 30px;
 padding-left: 30px;
 border-right: 1px solid #222;
}

#footer li.last {
 border-right: 0;
}

#footer a, a:visited {
 color: #666;
}

#footer a:hover {
 color: #fc3;
}



span.quote {
 float: right;
 width: 200px;
 margin: 0px 10px 10px 10px;
 padding-top: 2px;
 padding-left: 5px;
 color: #fd6;
 border-left: 1px solid #333;
 border-top: 1px solid #333;
 font-size: .85em;
}

h1 { font-size:20px;	
color: #EEEEEE;
padding-bottom:10px;
font-style: italic;

}

/*footer-links*/
@charset "utf-8";
/* CSS Document */
#footerZW {
    color: #F2C779;
    text-align: left;
	padding:15px;
	width:656px;
}
#footerZW .col {
    float: left;
    margin-left: 12px;
    width: 140px;
}
#footerZW .col:first-child {
    margin-left: 60px;
    padding-top: 0px;
    width: 140px;
}
#footerZW p {
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}
#footerZW .title {
    font-weight: bold;
}
#footerZW .col ul {
    border-left: 1px solid #E6B833;
    margin-top: 3px;
    padding-left: 6px;
}
#footerZW .col ul li {
    font-size: 0.825em;
    line-height: 100%;
    list-style: none outside none;
    padding: 2px 0;
}
.socLinks img {
    border: medium none;
    float: left;
    margin: 12px 6px;
}
#footerWrapper .backlinks {
    font-size: 0.75em;
}
#footerWrapper .backlinks a {
    color: #E6B833;
}
#footerWrapper .backlinks a:hover {
    color: #F2C779;
}
#footerWrapper .backlinks img {
    vertical-align: middle;
}
.clearBoth {
clear: both; 
}

.spacer
{margin: 500px auto 10px auto; width: 550px; color: #FFCC33; text-align:left;}