/* Main Body */
body {
text-align:center;
background-color:#EDEDED;
font-family:Georgia, Palatino, serif
}

#container {
text-align:left;
width:960px;
margin:0 auto
}

/* Head */
#head {
height:210px;
background-image:url('images/logo.gif');
background-position:top;
background-repeat:no-repeat;
}

/* Search */
#search {
float:right;
position:relative;
top:48px;
right:30px;
}

#inputWrapper {
background-image:url('images/search.png');
background-repeat:no-repeat;
background-position:top;
width:265px
}

input.search {
border:none;
width:212px;
height:40px;
font-size:24px;
background-color:transparent;
margin:0 0 0 8px;
padding:6px 0 0
}

#suggestions {
background-image:url('images/suggestions.png');
background-repeat:no-repeat;
background-position:bottom;
width:255px;
height:0;
visibility:hidden;
position:relative;
left:5px;
margin:0;
padding:0
}

#suggestions a {
color:#164871;
text-decoration:none
}

#suggestions p.sodd {
font-size:16px;
height:25px;
margin:0 5px;
padding:3px 0 0 5px
}

#suggestions p.seven {
color:#164871;
font-size:16px;
height:25px;
background-color:#DCDCDC;
margin:0 5px;
padding:3px 0 0 5px
}

#suggestions a:hover {
color:#2A2625;
text-decoration:underline
}

/* Nav */
#nav {
height:40px;
background-image:url('images/nav.png');
background-position:top;
background-repeat:no-repeat;
padding:4px 0 0 12px
}

#nav a {
text-decoration:none;
color:#164871;
margin:0 8px 0 0;
padding:0
}

#nav a:hover {
color:#2A2625;
text-decoration:underline
}


/* Left */
#left {
width:635px;
min-height:472px;
position:relative;
float:left;
background-color:#FFF;
left:5px;
border-color:silver;
border-style:solid;
border-width:thin;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}

#left img {
float: left;
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
}

#left img.line {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

#left p {
margin: 10px 15px 0px 10px;
padding:0
}

#bottomAd {
position: relative;
float: left;
clear: both;
margin: 5px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

/* Related */

DIV.relatedItem {
margin: 5px 0px 0px 15px;
padding: 0px 0px 0px 0px;
}

DIV.relatedItem a {
color:#164871;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/* Right */
#right {
width:300px;
position:relative;
float:left;
right:-15px;
margin:0 0 10px;
padding:0
}

#right_content {
background-color:#FFF;
left:5px;
border-color:silver;
border-style:solid;
border-width:thin;
margin: 10px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}

#new_add {
    margin: 0px 0px 10px 10px;
    padding: 0px 0px 0px 0px;
}

/* Foot */
#foot {
position:relative;
clear:both;
text-align:center;
height:40px;
background-color:#EDEDED;
background-image:url('images/nav.png');
background-position:top;
background-repeat:no-repeat;
margin:0 0 5px;
padding:4px 0 0 12px
}

#foot a {
text-decoration:none;
color:#000
}

#foot a:hover {
text-decoration:underline
}

#foot p {
margin:0;
padding:0
}

/* Formula */
#iodiv {
width:300px;
background-color:#EDEDED;
position:relative;
float: left;
border-color:silver;
border-style:solid;
border-width:thin;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

#iodiv input.input {
margin:0 0 0 5px;
padding:0
}

#iovid p{
margin:0;
padding:0
}

DIV.iosection {
margin:0 0 10px;
padding:0
}

table.unitIO td {
color:#000;
width:33%
}

input.unitInput {
width:150px
}

select.unitConversion {
width:180px
}

table.unitIO {
background-color:#FFF;
border-collapse:collapse;
position:relative;
clear:both;
font-family:arial;
margin:20px 0 10px;
padding:0
}

/* What's New */
table.new {
border-collapse:collapse;
position:relative;
clear:both;
font-family:arial;
margin: 0px 0px 5px 5px;
padding: 0px 0px 0px 0px;
}

table.new thead tr {
    margin-bottom: 5px;
}

table.new thead td {
    background-image: url('images/new-header-background.png');
    background-position:top;
    background-repeat:no-repeat;
    color: #2A2625;
    padding: 5px 0px 5px 5px;
}

table.new thead td.corner {
    background-image: none;
}

table.new tbody td {
    font-size:12px;
}

table.new tbody a {
    text-decoration:none;
    color:#164871;
}

table.new tbody td.right {
    text-align: right;
    font-size:12px;
    padding-right: 5px;
}

table.new tbody td.left {
    text-align: left;
    font-size:14px;
    padding-left: 5px;
}

table.new tfoot td {
    background-image: none;
}

table.new tfoot td.corner {
    background-image: none;
}

/* Other */
h1 {
clear: both;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

h2 {
font-size:16px;
margin:10px 0 0 10px;
padding:0
}

h3 {
font-size: 24px;
clear: both;
margin: 10px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

/* Generic Table */
table.generic {
border-collapse:collapse;
position:relative;
clear:both;
font-family:arial;
margin: 5px 0px 5px 10px;
padding: 0px 0px 0px 0px;
}

table.generic tr.title td {
font-size: 24px;
margin: 3px 0px 3px 5px;
padding: 3px 0px 3px 5px;
}

table.generic tr.header td {
font-size: 16px;
margin: 3px 0px 3px 5px;
padding: 3px 0px 3px 5px;
}

table.generic tbody td {
font-size: 16px;
margin: 3px 0px 3px 5px;
padding: 3px 0px 3px 5px;
}

table.generic tbody tr.odd td {
background-color: #DCDCDC;
}

table.generic tbody tr.even td {
background-color: #F8F8FF;
}

/* Related Table */
table.related {
background-color:#EDEDED;
position:relative;
float: left;
border-color:silver;
border-style:solid;
border-width:thin;
margin: 10px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

table.related tr.title td {
font-size: 24px;
margin: 3px 0px 3px 5px;
padding: 3px 0px 3px 5px;
}

table.related tr.header td {
font-size: 16px;
margin: 3px 0px 3px 5px;
padding: 3px 0px 3px 5px;
}

table.related tbody td {
font-size: 16px;
margin: 3px 0px 3px 5px;
padding: 3px 0px 3px 5px;
}

table.related tbody tr.odd td {

}

table.related tbody tr.even td {

}

/* Most Popular Table */
table.mostpopular {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
}

a.mostpopular {
font-family:arial;
color:#164871;
text-decoration: none;
}

a.mostpopular:hover {
text-decoration: underline;
}

/* Content Suggestion Table */

table.contentsuggest {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

/* Graphic Reference Table */
table.graphic {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

/* Reference Data Table */
table.data {
border-collapse:collapse;
position:relative;
clear:both;
font-family:arial;
margin: 5px 0px 5px 10px;
padding: 0px 0px 0px 0px;
}

table.data tr.title td {
font-size: 24px;
margin: 3px 0px 3px 5px;
padding: 3px 0px 3px 5px;
}

table.data tr.header td {
font-size: 16px;
margin: 3px 0px 3px 5px;
padding: 3px 0px 3px 5px;
}

table.data tbody td {
font-size: 16px;
margin: 3px 0px 3px 5px;
padding: 3px 0px 3px 5px;
}

table.data tbody tr.odd td {
background-color: #DCDCDC;
}

table.data tbody tr.even td {
background-color: #F8F8FF;
}