@charset "utf-8";

/* CSS Reset
*******************************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }

table { border-collapse: collapse; border-spacing: 0px; }

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul, li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content:''; }

abbr, acronym { border:0; }

image { border: 0px; }
a img { border: none; }



/* Body
*******************************************************************************/

body { background-image: url('images/main_bg.jpg'); background-repeat: repeat-x; background-color: #4695a4; }

#all { width: 960px; margin: 0px auto 0px auto; }




/* Text styles
*******************************************************************************/

a, a:visited { color: #86bfe8; font-size: 12px; font-family: "arial", "verdana", sans-serif; text-decoration: none; }

a:hover { text-decoration: underline; }

a.emaillink, a.emaillink:visited { color: #65aee4; font-size: 18px; font-family: "arial", "verdana", sans-serif; text-decoration: none; padding: 0px 3px 3px 3px; text-decoration: none; }

a.emaillink:hover { color: #fff; background-color: #65aee4; text-decoration: none; padding: 0px 3px 3px 3px; }


.thumb img { border: 3px solid #fff; }

.thumb:hover img { border: 3px solid #b3dfff; }

.thumb:hover { color: #9cbb2e; border-width: 0px; }  /* Dummy definition to overcome IE bug */ 



strong { font-weight: bold; }



p { margin-bottom: 10px; }

p, ul, ol, td, div { color: #3c82a2; font-size: 12px; font-family: "arial", "verdana", sans-serif; line-height: 18px; }

h1 { font-size: 18px; font-weight: bold; line-height: 22px; margin-bottom: 18px; }

h2 { font-size: 18px; font-weight: bold; line-height: 22px; color: #65aee4; margin-top: 23px; }





/* Global
*******************************************************************************/

#header { width: 355px; height: 72px; margin: 35px 0px 0px 35px; }

#top_container { width: 960px; height: 321px; background-image: url('images/top.png'); margin-top: -25px; }

#intro { width: 425px; float: left; margin: 110px 0px 0px 40px; }

#thanks { width: 335px; float: left; margin: 110px 0px 0px 140px; }

#logos_container { 330px; height: 59px; }

.logo { width:100px; float: left; margin: 15px 10px 0px 0px; }

.logo2 { width:100px; float: left; margin: 15px 0px 0px 0px; }

#w3c { width: 88px; height: 31px; margin: 75px 0px 0px 220px; }

#main_container { width: 880px; background-color: #fff; margin-top: 10px; padding: 20px 40px 40px 40px; overflow: hidden; }

.sample1_pic { width: 120px; height: 110px; float: left; padding: 0px 0px 10px 10px; }

.sample1_text { color: #21353e; width: 80px; height: 110px; float: left; padding: 10px 10px 10px 0px; font-size: 11px; line-height: 15px; }

.sample1_text a { font-size: 11px; }

.sample1_text a:hover { color: #fff; font-size: 11px; background-color: #86bfe8; text-decoration: none; }

.rule { clear: both; border-top: 1px #9cbb2e dashed; margin: 20px 0px 15px 0px; }

#footer { background-color: #b3dfff; padding: 10px; text-align: center; font-weight: bold; margin-bottom: 15px; }

#footer a { color: #3c82a2; text-decoration: none; }

#footer a:hover { color: #fff; background-color: #1f89d6; text-decoration: none; }