/* ground rules */


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

body {
margin: 0;
padding: 0;
font: normal 12px 'Verdana';
color: #585656;
background: #ffffff;
}

#top {background-color: #54AEE4; 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;
}

#login .login {
  color: #FFF;
  margin-right: 5px;
}

#login input[type=image] {
  vertical-align: middle;
  margin-top: -2px;
}

.placeholder {
  color: #666;
}


.clear {
clear: both;
}

.justify {text-align: justify;}

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

.handheld {
display: none;
}


.floatL {
float: left;
}

.floatR {
float: right;
}

a { color: #1170CF;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #1170CF;
text-decoration: underline;

}

h1
{
font-size: 16px;
}

h1.about {
  color: #444;
  margin: 0;
  padding: 5px;
  font-size: 20px;
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial;
}

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: 10px; width: 150px; float: left;}

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


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

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

#copyright {margin-top: 10px;  font-size: 11px; color: #DDD;}

#footer_links { padding-top: 30px;}

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

#footer a:hover {

}


/*markup ids*/

#main_table { padding-left: 10px; 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;}
#homepagenews table.news td {
  vertical-align: top;
  padding: 5px 5px 5px 0px;
}
#homepagenews table.news td.date {
  width: 135px;
  text-align: right;
}
#rotate_box {border: 1px solid #c9c9c9; width:250px; padding: 10px; text-align: center; background-color: white;}
#rotate_box img {
  vertical-align: middle;
}
/*classes*/

.first {width: 600px; 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: 80px;}
#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;
}

h1.column-header {
  font-size: 24px;
  color: #444;
  font-family: 'Raleway', 'Helvetica Neue', 'Helvetica', 'Arial';
}

#slideshow {
  float: right;
}
#slideshow img{
  width: 500px;
}


.home-content {
  padding: 0px 10px 30px 10px;
  border-bottom: 1px solid #ddd;
}

.home-content .get-started {
  width: 400px;
  margin-top: 30px;
  margin-left: 10px;
  font-family: 'Raleway', 'Helvetica Neue', 'Helvetica', 'Arial';
  float: left;
}

.home-content h1 {
  font-size: 92px;
  color: #C8C8C8;
  margin-top: 0px;
  font-family: 'Raleway', 'Helvetica Neue', 'Helvetica', 'Arial';
  margin-bottom: 20px;
}

.home-content h1 img{
  margin-top: 25px;
  vertical-align: middle;
  width: 300px;
}

.home-content h2 {
  font-size: 36px;
  color: #444;
  margin-top: 0px;
  margin-bottom: 10px;
  line-height: 40px;
}

.home-content h2 a {
  color: #f37425;
}
.home-content h2 a:hover {
  text-decoration: none;
  color: #f37425;
}

.home-content .get-started span {
  font-size: 18px;
  padding-left: 50px;
}

.home-content h1 a {
  color: #f37425;
}
.home-content h1 a:hover {
  text-decoration: none;
  color: #f37425;
}