/************************ SCREEN STYLES **********************************/

/*________________________GROUND RULES__________________________________*/

html   { height:100%; 
         font-size: 100.01%; /* prevent extreme font resizing in IE */
         }

body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: arial,sans-serif;
    font-size: 12px;
    color: #333333;
    background: #fff url(../images/bg.jpg) repeat-x;
    height: 101%; /*The 101% vs. 100% causes a virtical scrollbar in all cases and thus prevents page shift - Remove this line if you don't want a scrollbar*/
    }
		
body, p, ul, li, h1, h2, h3, h4, form, html, input, img, div, a { /*Starts you off with no padding or margin which you can add later on a more specialized basis.*/
    margin:0; 
    padding:0; 
    } 

table, td { margin:0; padding:0; border-spacing: 0px; border-collapse:collapse; } /*This equates too: <table cellspacing="0" cellpadding="0" border="0"> thus, in your HTML your table tags can look like this <table>... </table>. Warning: if you're accommodating IE MAC use: <table cellspacing="0">... </table> */

img, a img, a:link img, a:visited img {border:none; background:none;} /* remove border from images and linked images */    

div a:link img {border:none; background:none;}

/* Default links */
a:link { color: #006699; text-decoration: underline; border-bottom: none;}
a:hover { color: #006699; text-decoration: none; border-bottom: none;}
a:visited { color: #663399; text-decoration: underline; border-bottom: none;}
a:visited:hover { color: #663399; text-decoration:none; border-bottom: none;}

/*________________________PAGE STYLES__________________________________*/

#contribute_form td {
	padding: 4px 16px 4px 4px;
}

#contribute_form td.form_head {
	text-align: right:
	font-weight: bold;
}

#logo {
    position:absolute; 
    top:111px;
    }

#blurb {
    z-index: 10;
    position: absolute;
    top: 500px;
    left: 140px;
    visibility: hidden;
    padding:20px 30px 0 30px;
    width:370px;
    height:76px;
    background: transparent url(../images/hm_bg_blurb.gif) no-repeat;
    lin-height:1.4em;
    color:#3C2523; 
}

#centerCol {
    width: 908px;
    height: 101%;
    margin-left: auto;
    margin-right: auto;
    background:#E8E7DB;
    }

#col_holder {
    background:#E8E7DB url(../images/tmp_bg_maincol.gif);
    }

#nav {
    height: 27px;
    background: #fff url(../images/tmp_bg_nav.gif) no-repeat;
    padding-top:7px;
    }

#nav ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-size:14px;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-weight:bold;
	color:red;
	list-style: none;
	} 

#nav ul li.first {
	margin-left:188px;
	} 

#nav ul li.second {
	margin-left: 385px;
	}

#nav ul li {
	margin-left: 40px;
	display:inline;
	}

#nav ul li a:link {color:#006699; text-decoration: none; padding-bottom:1px;}
#nav ul li a:visited {color:#006699; text-decoration: none; padding-bottom:1px;}
#nav ul li a:hover {color: #006699; text-decoration: none; padding-bottom:1px; border-bottom:solid #D2E88E 3px;}
#nav ul li a:visited:hover {color: #006699; text-decoration: none; padding-bottom:1px; border-bottom:solid #D2E88E 3px;}
#nav ul li a:active {color: #006699; text-decoration: none; padding-bottom:1px; border-bottom:solid #D2E88E 3px;}
#nav ul li a.current {color: #666666; text-decoration: none; padding-bottom:1px; border-bottom:solid #cccccc 3px;}
#nav ul li a.current:hover {color: #666666; text-decoration: none; padding-bottom:1px; border-bottom:solid #cccccc 3px;}

h3 {
    font-size:12px;
    text-transform: uppercase;
    font-weight:bold;
    margin:0;
    }

h4 {
    font-size:12px;
    font-weight: bold;
    margin-bottom:6px;
    }
    
    
/* ---------- COL Holder ---------- */
#col_holder p, #col_holder h3, #col_holder h4 {
	padding: 0 0 12px 0;
}

/* ---------- COL1 ----------- */
#lcol {
    width:156px;
    float:left;
    padding:80px 5px 60px 6px;
    background: #ffffff url(../images/tmp_bg_lcol.jpg) bottom repeat-x;
    border-right:solid #D8D5CA 5px;
    }

ul {
    list-style: square;
    margin-left: 1.4em;
    }

li {
    padding-bottom:.5em;
    }

#lcol a:link { color: #006699; text-decoration: underline; border-bottom: none;}
#lcol a:hover { color: #006699; text-decoration: none; border-bottom: none;}
#lcol a:visited { color: #663399; text-decoration: underline; border-bottom: none;}
#lcol a:visited:hover { color: #663399; text-decoration:none; border-bottom: none;}

/* ------- COL2 ------------ */

#feature_col {
    width:366px;
    float:left;
    }
#feature_col p {
	margin:5px 0 5px 0; 
    padding:0; 
	}


.f_header {
    border-bottom:solid #fff 5px;
    padding:9px 0 11px 12px;
    }

.f_header, .b_header1 h3 {
    color:#3C2523;                /*Header text color: brown*/
    }

.feature_txt {
    padding:9px 12px 11px 12px;    
    }

.feature_txt p {
    padding-bottom:9px;
    line-height:1.4em;
    color: #333;
    }
    
.devider {
    background:#D8D5CA;
    height:3px;
    margin-bottom:9px;
    }
    
/* ------- COL3 ------------ */

#search_col {
    width:366px;
    float:right;
    padding-bottom:30px;
    }    

.s_header1, .simple_search {
    border-bottom:solid #fff 5px;
    border-right:solid #fff 5px;
    padding:9px 0 11px 12px;
    width:168px;
    background:#E5F2BE;           /*light green*/
    float:left;
    }

.simple_search, .contribute { 
    height:50px;                 /* both green box's height */
    }

.search {
    width:110px;
    font-family: arial, verdana;
    }

.s_header2, .contribute {
    border-bottom:solid #fff 5px;
    padding:9px 0 11px 12px;
    background:#D2E88E;          /*bright green*/
    width:169px;
    float:right;
    }

.contribute {                    /*contribute's text styles*/
    font-size: 11px;
    line-height:1.4em;
    }

#swap { clear:both; }

/* ---------- Home page search tab 1 - BROWSE BY CATEGORY ------------ */
#browse {
    background: #EFE2D0 url(../images/adv_top1.jpg) no-repeat;
    padding:9px 0 11px 12px;
    }

.b_header1 {
    float:left;
    width:185px;
    border:none;
    }

.b_header2 {
    float:left;
    padding-bottom:2px;
    border:none 1px;
    }

.b_header2 h3 {
    display:inline;
    color:#666;
    }

.b_header2 h3 a:link { color: #666; text-decoration: none; border-bottom: 1px solid #fff;}
.b_header2 h3 a:hover { color: #006699; text-decoration: none; border-bottom: 1px solid #006699;}
.b_header2 h3 a:visited { color: #666; text-decoration: none; border-bottom: 1px solid #fff;}
.b_header2 h3 a:visited:hover { color: #006699; text-decoration: none; border-bottom: 1px solid #006699;}

.select {
    clear:both;
    margin-top:18px;
    font-size:13px;
    font-weight:normal;
    letter-spacing:1px;
    text-transform:lowercase;
    }

option {
    letter-spacing:0;
    text-transform:capitalize;
    }

.select span {
    color:#999;
    }

.select div {
    margin-top:5px;
}

.select select {
    width:321px;
    }

/* ---------- Home page search tab 2 - ADVANCED SEARCH ------------ */

#advanced {
    background: #E3CCAD url(../images/adv_top2.jpg) no-repeat;
    padding:9px 0 11px 12px;
    }

.a_header1 {
    float:left;
    width:185px;
    padding-bottom:2px;
    border:none;
    }

.a_header1 h3 {
    display:inline;
    color:#666;
    }

.a_header2 {
    float:left;
    border:none;
    }

.a_header2 h3 {
    display:inline;
    }

.a_header1 h3 a:link { color: #666; text-decoration: none; border-bottom: 1px solid #fff;}
.a_header1 h3 a:hover { color: #006699; text-decoration: none; border-bottom: 1px solid #006699;}
.a_header1 h3 a:visited { color: #666; text-decoration: none; border-bottom: 1px solid #fff;}
.a_header1 h3 a:visited:hover { color: #006699; text-decoration: none; border-bottom: 1px solid #006699;}

.multi {
    clear:both;
    margin-top:11px;
    font-size:13px;
    font-weight:normal;
    letter-spacing:1px;
    text-transform:lowercase;
    }

.multi span {
    color:#999;
    }

.multi div {
    margin-top:5px;
}

.multi select {
    width:321px;
    }

.nouns, .verbs {
    width: 109px;
    float:left;
    padding-top:11px;
    font-size:13px;
    font-weight:normal;
    letter-spacing:1px;
    text-transform:lowercase;
    }

.nouns span, .verbs span {
    color:#999;
    }

.nouns div, .verbs div {
    margin-top:5px;
}

.nouns input, .verbs input {
    width:140px;
}

#foot {
    height: 20px; 
    clear:both; 
    background:#D8D5CA;
    }

#copyright {
    position: relative;
    height:25px;
    padding: 14px 26px 0 26px;
    font-size: 9px;
    color: #888888;
    background:#101010;
    }

#copyright a:link { color:#ccc; text-decoration: none; border:none;}
#copyright a:visited { color:#ccc; text-decoration: none; border:none;}
#copyright a:hover  { color:#999; text-decoration: underline; border:none;}
#copyright a:active { color:#999; text-decoration: underline; border:none;}
#copyright a:visited:hover { color:#999; text-decoration: underline; border:none;} 

/*________________________TABLE STYLES__________________________________*/

table.list, table.reg {
    background:#fff;
    float:left;
    width:735px;
}

.list th {
    background:#E2E0D2;
    padding:9px 0 11px 12px;
}

.list th.green {
    background:#E5F2BE;
    padding:9px 0 11px 12px;
    border-right:solid #fff 5px;
    border-left:solid #fff 5px;
}

.list tr.gray, .reg tr.gray {
    background:#F4F3EE;    
}

.list tr td, .reg tr td {
    padding: 4px 0 4px 12px;
    }
    
.list tr td.center {
    border-right:solid #fff 5px;
    border-left:solid #fff 5px;
}

.list tr td.center a:link { color: #006699; text-decoration: none; border-bottom: none;}
.list tr td.center a:hover { color: #006699; text-decoration: underline; border-bottom: none;}
.list tr td.center a:visited { color: #663399; text-decoration: none; border-bottom: none;}
.list tr td.center a:visited:hover { color: #663399; text-decoration:underline; border-bottom: none;}

.reg th.green {
   background:#E5F2BE;
   padding:9px 12px 11px 12px;
   }

.reg th.first {
    width:87px;
    border-right:solid #fff 5px;
    text-align:right;
    }    

.reg tr td {
    padding-right: 10px;
    }

.reg td.title {
    font-weight:bold;
    text-align:right;
    vertical-align:top;
    border-right:solid #fff 5px;
    padding-right:12px;
}