/* ground rules */


html,body {	height:100%; }/* needed for container min-height */

body {
margin: 0;
padding: 0;
font: normal 11px Verdana;
color: #585656;
background: url(../imgs/layout/top_bg.gif) repeat-x top #ffffff;
}

#top {background-color: #6a8196; height: 33px;}
#top_slogan {float: left; margin-top: 9px; margin-left: 16px;}
#login {float: right; height: 16px; }
#login {margin-right: 16px;}
#login_label {padding-right: 6px;}
#login #user, #login #password {height: 12px; width: 145px; margin-right: 5px; margin-top: 7px; font-size: 11px; padding-left: 3px;}
img {
border: 0;
}

.clear {
clear: both;
}

.justify {text-align: justify;}

.no-margin {
margin: 0;
padding: 0;
}

.handheld {
display: none;
}


.floatL {
float: left;
}

.floatR {
float: right;
}

a { color: #003d79;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #003d79;
text-decoration: underline;

}

h1
{
font-size: 16px;
}

h2 {
font-size: 14px;
}

h3 {
font-size: 13px;
}

h4 {
font-size: 12px;
}


/*building blocks*/

#container {
margin: 0 auto; /*top, right, bottom, left*/ 
width: 984px; /*total width of the design*/
text-align: left;
background-color: #ffffff;
position:relative; /* needed for footer positioning*/
height:auto!important; /* real browsers */
height:100%; /* IE6: treats it as min-height*/
min-height:100%; /* real browsers */
}

div#content {
	padding-bottom: 5em; /* bottom padding for footer, to avoid overlapping */
}

#header {
height: 72px;
padding-top: 33px;
}

#logo {margin-left: 16px; float: left;}

#navigation {float: right; margin: 0; margin-right: 16px;}


#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	height: 170px;
	background: #6a8196;
	width: 100%;
	color: white;
	
}

#footer_content {
margin: 0 auto; /*top, right, bottom, left*/ 
width: 984px; /*total width of the design*/
text-align: left;
padding-top: 43px;
padding-left: 30px;
}

#copyright {margin-top: 10px;  color: #a1afbd;}

#footer_links { padding-top: 30px;}

#footer a {
color: white; font: normal 11px Verdana!important; padding-right: 16px;
}

#footer a:hover {

}


/*markup ids*/

#main_table { margin-top: 28px; padding-left: 16px; line-height: 16px; word-spacing: 1px; }
#iwant { border-left: 1px solid #c4c4c5; border-bottom: 1px solid #c4c4c5; margin: 0; padding: 0 0 5px 5px; }

#iwant ul { margin: -2px 2px -3px 1px; padding: 10px; list-style-type: none;  }
#iwant li {padding-left: 14px; background: url(../imgs/homepage/orange_arrow.gif) 0 1px no-repeat; margin: 0 0 6px 0;}
#iwant li a {color: #003d79; font: bold 12px Verdana; text-decoration: none;}
#iwant li a:hover {color: #6a8196;}
#homepagenews ul {list-style-type: none; margin: 0; padding: 0;}
#homepagenews li {margin-bottom: 20px;}
#homepagenews a {font-weight: normal;}
#rotate_box {border: 1px solid #c9c9c9; width: 213px; height: 100px; background-color: white;}
/*classes*/

.first {width: 375px; margin-left: 0; }
.second {width: 280px; margin-left: 40px; }
.third {width: 213px; margin-left: 40px; }
.learnmore { margin-left: 35px; }
.small {font-size: 10px; line-height: 12px;}
.headline {margin-bottom: 10px; }
.bottommargin7 {margin-bottom: 7px}
.padding-right10 {padding-right: 10px;}
.topmargin21 {margin-top: 21px;}
.font12 {font-size: 12px!important;}
#outer_container {position:relative; /* needed for footer positioning*/
height:auto!important; /* real browsers */
height:100%; /* IE6: treats it as min-height*/
min-height:100%; /* real browsers */ }

#clearfooter { height: 150px;}
#partners_title {margin-top: 0px;}
#partners {margin-top: -18px; margin-left: 43px; }
.trade {font-size: 7px;}

.new-dates {
    color: #EB6D1C;
    font-weight: bold;
}

#twitter p {
  font-size: 13px;
  text-align: center;
  line-height: 16px;
  font-weight: bold;
}
