/* CSS by Mario Edgar */

/* Eric Myers reset css - http://meyerweb.com/eric/css/ [start]*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* Eric Myers reset css [end]*/

.clear{clear:both;}
.left{float:left;}
.right{float:right;}
p{line-height: 22px;}


body{text-align:center; font-family:arial; color:#333;}
.first_column b,.second_column b,.third_column b{font-size:14px; }
.first_column,.second_column,.third_column{font-size:12px; line-height:16px;}
#wrapper{width:960px; text-align:left;background:#01698e;   border:1px solid #ccc; margin:15px auto 15px auto;}
#container{width:908px; margin:0 auto;  background:#fff;  border:1px solid #ccc; padding-top:20px; margin-bottom:20px; margin-top:20px; }
#header{height:350px;}
#content{background:url('../img/grad.png') repeat-x; border-top:1px solid #ddd;}
#footer{height:450px; background:#525660 url('../img/footer_bg.png') repeat-x;}
#footer h2{height:30px; line-height:30px; color:#fff; font-weight:bold; padding-top:7px; margin-left:60px;}
#footer .first{margin-left:60px;}
.link_col{float:left; display:inline; margin-top:15px; width:280px; line-height:22px;}
.link_col{font-weight:bold; text-decoration:none; color:#fff;}
#header_left{width:300px; float:left;  }
#header_right{width:550px;  float:right;  }
#header_right{width:500px;  float:right;  }
#header_right img{margin-left:25px;}
#logo{width:350px; margin-top:25px;  margin-left:20px; margin-bottom:50px; font-family:georgia; color:#01698e; }
#logo h1{font-size:22px; line-height:50px; }
#header_left img{margin:10px 0 10px 60px; }
#header_left form{margin-left:60px; }
#logo_right{margin-top:15px;}
#content h2{font-size:26px; font-weight:bold; color:#01698e; margin-top:25px; margin-left:60px; }
#content i{margin-top:30px; margin-left:15px; }
#content h3{font-size:18px; font-style:italic; color:#f4612d;}
.first_column{width:260px; margin-left:60px; margin-top:20px; }
.second_column{width:260px; margin-left:20px; margin-top:20px; }
.third_column{width:260px; margin-left:20px; margin-top:20px; }
*html .first_column{margin-left:30px; }
*html .third_column{margin-left:10px; }
*html .second_column{margin-left:10px;  }
.copy{margin:10px 35px 25px 60px; }
#copyright{margin-top:15px; font-size:10px; color:#fff; margin-left:60px; display:inline; }
#social{margin-top:15px; margin-right:40px; display:inline; }
#social img{margin-left:15px; }
#howToHelp{display:none; width:500px; }
#lightbox_container{text-align:left; width:750px; margin:25px auto; }
#lightbox_container h2{font-weight:bold; font-size:20px; margin:0 0 25px 0; }
#lightbox_left{float:left; width:350px; display:inline;}
#lightbox_right{float:right;width:350px;display:inline;}
#logo img{margin:0;}

#slideshow_container{height:230px; }