/* Global & Placeholder elements */

body{
background: #dfe0e0;
margin: 0px;
}

div#wrapper{
width: 800px;
margin: 0px auto 0px auto;
background:#eaf2f8;
height: 100%;
overflow:hidden;

}

/* Top Bar */
div#top-bar{
font: 0.8em Arial; color: #676767;
background: #ffffff;
height: 24px;
font-weight: bold;
font-style:italic;
padding: 6px 0 0 20px;
}

#top-bar a{
color: #0ca6dc;
text-decoration: none;
font-weight: normal;
font-style: normal;
}

#top-bar a:hover{
color: #676767;
}

/*Header Elements*/

div#search-bar{
height: 38px;
width: 290px;
float:right;
text-align: right;
padding-right: 55px;
}



#logo_search_field{
border: 1px solid #e7e7e7;
font: italic 0.8em Arial; color: #b6b1b1;
}

#logo_search_submit{
font: italic 0.8 em Arial; color: #0b8ebb;
border: 0;
background: url('../images/go.png');
height: 22px;
width: 36px;
}

div#header{
height: 170px;
background: url('../images/logo-bg.png');
overflow: hidden;
}

/* Content & Navigation */
#content, #nav{
float:left;
}

#content{
width: 621px;
background: #ffffff;
margin: 12px 0 12px 0;
padding: 10px 0px 2px 0px;
}

#content h1{
font: bold italic 1.9em Verdana; color: #0da6db; margin: 0; padding: 3px 40px 2px 40px;
}

#content h2{
font: italic 1.5em Verdana; color: #676767; margin: 0; padding: 3px 40px 2px 40px;
}

#content h3{
font: italic 1.2em Verdana; color: #0da6db; margin: 0; padding: 15px 40px 2px 70px;
}

#content p{
font: 0.8em Verdana; color: #333333; padding: 3px 40px 2px 40px;
}

#content p a{
font: italic 1.0em Arial; color: #0da6db; text-decoration: none;
}

#content p a:hover{
color: #676767;

}

#content ul{
font: 0.8em Verdana; color: #333333; padding: 3px 40px 2px 40px;

}


#nav{
padding-left: 3px;
}

#nav h2{
font: italic 1.2em Arial; color: #676767; margin: 0;
}

#nav ul{
font: 0.8em arial;
list-style: none;
padding: 0;
}

#nav li a{
color: #676767; text-decoration: none;}

#nav li a:hover{
color: #0ca6dc;
}

/*Featured Boxes*/
.f-box{
width: 281px;
height: 188px;
background: url('../images/featured-box.png');
float: left;
margin-left: 17px;
padding: 2px;
}

.f-box p{
padding: 0 !important;
color: #333333 !important;
}

.f-box h3{
font: italic 0.9em Arial !important; color: #0da6db !important; margin: 0 !important; padding: 4px 0 0 4px !important;
}

.f-box a{
font: italic 0.8em Arial; color: #0da6db; text-decoration: none;
}

.f-box a:hover{
color: #676767;
}

/*footer*/
#copy{
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: right;
}

#copy a{
color: #0a7094;
text-decoration: none;
font: italic 0.8em Arial;
}

/*Form Things*/
#content input, #content textarea{
display: block;
}

#content textarea{
height: 100px;
width: 300px;
}

#content form{
margin: 3px 40px 2px 40px;

}

#content label{
font: 0.8em Verdana; color: #333333; 
}

#content table{
font: 0.8em Verdana; color: #333333; padding: 3px 40px 2px 40px;
}

#content table a{
font: italic 1.0em Arial; color: #0da6db; text-decoration: none;
}

#content table a:hover{
color: #676767;
}

#content table p{
font: 0.8em Verdana; color: #333333; padding: 3px 20px 2px 20px;
}

#company_list{
width: 100px;
}

#content table, th,  td{
border-bottom: 1px solid #dddddd;
border-collapse: collapse;
}

#content table td{
vertical-align: top;
padding: 3px 4px 2px 4px
}

#content table{

width: 500px;
margin: 0 auto;

}

#content table th{
color: #0da6db;
}