body {
color: #000;
font-family: Verdana, Geneva, helvetica, sans-serif;
padding: 0;
}
h1, h2, h3, dl {
font-family: Verdana, Geneva, helvetica, sans-serif;
font-weight: normal;
lime-height: 1em;
margin-top: 0;
}
h1#page-title {
font-weight: normal;
letter-spacing: .1em;
margin-bottom: .1em;
text-align: right;
}
h2#page-subtitle {
font-weight: normal;
letter-spacing: .1em;
margin-bottom: .1em;
text-align: right
}
#header {
background-color: #ffffff;
border: 2pc solid: #060;
}
#result {
background-color: #ffffff;
border: 2pc solid: #060;
}
#footer {
background-color: #ffffff;
border: 2pc solid: #060;
}
#container {
background-color: white;
}
#sitebars {
position: absolute;
left: 0;
top: 0;
width: 200px;
}
#features {
position: absolute;
right: 0;
top: 0;
width: 200px;
}
#content {
margin: 0 210px;
width: 400px;
}
#result {
margin: 0 210px;
width: 400px;
}
#container {
position:relative;
}
#header, #container, #footer {
   max-width: 1000px;
}
/* hide from Mac IE5 \*/
* html #container {
height: 1%;
}
/* END hide from Mac IE5 */

ul {
list-style: none;
margin: 0;
padding: 0;
}
ul li {
float: left;
margin: 0;
padding: 0;
}
ul li a {
color: #777;
display: block;
padding: 35px 10px 5px;
text-align: center;
text-decoration: none;
width: 75px;
}
ul li#tab1-menu a {
background: #fff url(tab-1.gif) no-repeat top left;
}
ul li#tab2-menu a {
background: #fff url(tab-2.gif) no-repeat top left;
}
ul li#tab3-menu a {
background: #fff url(tab-3.gif) no-repeat top left;
}
ul li#tab4-menu a {
background: #fff url(tab-4.gif) no-repeat top left;
}
ul li#tab1-menu a:hover,
ul li#tab2-menu a:hover,
ul li#tab3-menu a:hover,
ul li#tab4-menu a:hover {
background-color: #f8f2eb;
}
ul li a strong {
color: #000
display: block;
}
ul li a:hover {
color: #000;
}

.box0 {
background-color: #FFa800;
border: 2px solid #FFa800;
padding: 8px;
}
.box0:before {
content: url(box_0_top.gif);
display: block;
line-height: 0.1;
margin: -10px -10px -22px -10px;
}
.box0:after {
clear: both;
content: url(box_0_btm.gif);
display: block;
line-height: 0.1;
margin: -0px -10px -10px -10px;
}
.box0 img {
margin-top: 40px;
}

.box1 {
background-color: #FF0000;
border: 2px solid #FF0000;
padding: 8px;
}
.box1:before {
content: url(box_1_top.gif);
display: block;
line-height: 0.1;
margin: -10px -10px -22px -10px;
}
.box1:after {
clear: both;
content: url(box_1_btm.gif);
display: block;
line-height: 0.1;
margin: -0px -10px -10px -10px;
}

.box2 {
background-color: #4EB344;
border: 2px solid #4EB344;
padding: 8px;
}
.box2:before {
content: url(box_2_top.gif);
display: block;
line-height: 0.1;
margin: -10px -10px -22px -10px;
}
.box2:after {
clear: both;
content: url(box_2_btm.gif);
display: block;
line-height: 0.1;
margin: -0px -10px -10px -10px;
}

.box3 {
background-color: #0000FF;
border: 2px solid #0000FF;
padding: 8px;
}
.box3:before {
content: url(box_3_top.gif);
display: block;
line-height: 0.1;
margin: -10px -10px -22px -10px;
}
.box3:after {
clear: both;
content: url(box_3_btm.gif);
display: block;
line-height: 0.1;
margin: -0px -10px -10px -10px;
}

.box4 {
background-color: #ffe08e;
border: 2px solid #ffe08e;
padding: 8px;
}
.box4:before {
content: url(box_4_top.gif);
display: block;
line-height: 0.1;
margin: -10px -10px -22px -10px;
}
.box4:after {
clear: both;
content: url(box_4_btm.gif);
display: block;
line-height: 0.1;
margin: -0px -10px -10px -10px;
}

table {
background-color: #FFF;
border: 1px solid #ddd;
empty-cells: show;
font-size: 90%;
margin: 0 0 20px 0;
padding: 4px;
text-align: left;
width: 780px;
}
table.login {
width: 200px;
}
table.directlinks {
width: 590px;
}
table.result {
width: 590px;
}
table.google {
width: 590px;
height: 122px;
}
table caption {
color: #777;
margin: 0 0 5px 0;
padding: 0;
text-align: center;
text-transform: uppercase;
}
table thead th {
border: 0;
border-bottom: 1px solid #ddd;
color: #777;
font-size: 90%;
margin: 0 0 5px 0;
padding: 3px 0;
text-align: left;
}
table tbody tr.odd {
background-color: #f7f7f7;
}
table tbody tr.even {
background-color: #fff;
}
table tbody tr:hover {
background-color: #f8f2eb;
}
table.login tbody tr:hover {
background-color: #ffffff;
}
table tbody td {
color: #888;
padding: 2px;
border: 0;
}
table tbody tr:hover td {
color: #444;
}

ul#nav, ul#nav li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
ul#nav {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: .82em;
background-color: #DDD;
}
ul#nav li a {
border-color: #000;
border-width: 1px 1px 1px 0;
border-style: solid;
display: block;
float: left;
padding: 3px;
}
ul#nav li.first a {
border-width: 1px;
}
ul#nav li.active a {
background-color: #FFa800;
}
ul#nav li.first_and_active a {
border-width: 1px;
background-color: #FFa800;
}