@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-left: 15px; padding-left: 15px;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

#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_320px.jpg) top left no-repeat; padding-top: 30px;}
#main p, #main h4 {margin: 9px 0; line-height: 1.2;}
#main h3 {margin: 9px 0; line-height:1;}
#main h4 {font-size: 1em;}
.section_head {background-color: #777; color: #fff; width: 858px; padding: 5px; margin: 0 auto; text-align:center;  border: 1px solid #fff; clear: both;}
.section {width: 248px; height: 320px; float: left; clear: right; border-right: 1px solid #fff;  border-bottom: 1px solid #fff;padding: 20px; overflow:hidden;}
.section a, #news a {color: #147eaa; text-decoration:none;}
.section a:hover, #news a:hover {color: #147eaa; text-decoration:underline;}
.section_left {width: 249px; margin-left: 15px; border-left: 1px solid #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;}