@charset "UTF-8";
/* CSS Document for CIAQC
Designed by Chris Kennedy for ckladesign.com
http://www.ckladesign.com
*/

* {margin: 0; padding: 0;}
body {background: #aeaeae url(../images/sitegrfx/2010_body.jpg) center repeat-y; font-family:Helvetica, Arial, sans-serif; font-size: 80%;}
h1, h2, h3, h4, h5 {font-weight:normal; }
ul {margin: 15px 0 15px 15px; padding-left: 15px; line-height: 1.5; list-style-type: circle;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
hr {border: none; border-bottom: 1px solid #777;}
#wrapper {width: 900px; margin: 0 auto;}
#header {width: 900px; height: 121px; background: url(../images/sitegrfx/2010_header.jpg) top center no-repeat;}
#header h1 {display:none;}
#header h2 {border-bottom: 1px solid #aeaeae; color: #9a3c22;}
#header p {margin-top: 8px;}
#header a {text-decoration: underline; color: #333;}
#header a:hover {text-decoration: none;}
#header_text {width: 450px; float: right; margin: 20px 20px 0 0; }
#header_text p {line-height: 1.4;}
#top_nav {background-color:#9a3c22; color: #fff; margin-top: 0; height: 18px;}
#main {width: 900px; min-height: 830px; background: transparent url(../images/sitegrfx/2010_main.jpg) top left no-repeat; padding-top: 30px;}
#main p, #main h4 {margin: 9px 0; line-height: 1.4;}
#main h3 {margin: 9px 0; line-height:1.2;}
#main h4 {font-size: 1em;}

.section_head, .section_holder {float: left; width: 865px;}
.section_head {height: 35px; padding-top: 12px;background-color: #777; color: #fff; text-align:center; clear: both;}
.section_holder {border: 1px solid white; margin-left: 15px;}

.section_left, .section {float: left; }
.section_left {width: 490px;padding: 25px 15px 15px 15px;}
.section_left h3 {font-size: 1.25em; padding-top: 5px;}
.section {width: 290px;border-left: 1px solid #fff; padding: 25px 0 15px 15px;}
.section a, #news a, .section_left a {color: #147eaa; text-decoration:none;}
.section a:hover, #news a:hover, .s {color: #147eaa; text-decoration:underline;}
/* email form styles */
.section form {margin-bottom: 40px; width: 100%; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 8px 0; width: 268px;}
.section form input.data {width: 260px; height: 20px; padding: 4px; background-color: #fff; color: #999;-moz-border-radius: 4px;border-radius: 4px; border: none;}
.section form input:focus {color: #000; background-color: #fff;}

#main h4 {font-size: 1em;}
img.spacer {margin-bottom: 20px;}




.readmore {border-bottom: 1px solid #777; padding-bottom: 3px;}

#left_col, #news, #right_col {display:table-cell; float: left; clear: right; margin-top: 15px;}
#left_col {width: 100px; margin-left: 15px;}

#caterpillar img, .click {position: absolute;}
#caterpillar a, #rightcol a, #rightcol img, #rightcol img a {border: none;}

#right_col {width: 160px;}
#left_col img, #right_col img, #caterpillar {margin-bottom: 15px;}
#news {width: 510px;}
#news, #right_col {margin-left: 50px;}
#left_col h3, #right_col h3 {height: 12px; margin-bottom: 5px; text-align:left; color: #777; font-size: .8em;}
#news h2 {font-size: 1.6em; background-color: #777; color: #fff; margin: 10px auto; padding: 5px 0; text-align:center;  border: 1px solid #fff; clear: both;}
.articles {padding: 0 10px;}
#news h3 {font-size: 1.4em;}
#news h4 {font-size: 1.2em;}

#footer {width: 900px; height: 158px; clear: both; background: #4b98f2 url(../images/sitegrfx/2010_footer.jpg) top center no-repeat; border-top: 12px solid #9a3c22; padding-top: 12px; color: #d9e8f9; text-align:center; overflow:hidden;}
#footer h2 {color: #fff; margin-bottom: 9px;}
#footer p {margin: 6px 100px; font-size: .9em;}
#footer a {text-decoration:underline; color: #d9e8f9;}
#footer a:hover {text-decoration:none; color: #fff;}

.byline {color: #777;}

#seminar {width: 900px; height: 100px; margin: 0 auto; padding-top: 10px; border-bottom: 1px solid grey;  text-align: center; background:  url(../images/sitegrfx/bluefade.gif) repeat;}
#seminar img {margin: 0 auto;}