@charset "UTF-8";
/* CSS Document for CICWQ */

/* Eric Meyer CSS Reset 
==================================*/
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, b, u, i, center, 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-size: 100%;  vertical-align: baseline;  background: transparent; } 
body {  line-height: 1.25; } 
ol, ul {  list-style: none; } 
blockquote, q {  quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none; }
:focus {  outline: 0; }
ins {  text-decoration: none; } del {  text-decoration: line-through; }
table {  border-collapse: collapse;  border-spacing: 0; } 
* {margin: 0; padding: 0;}

/* html elements 
==================================*/
body {font-family: Helvetica, Arial, sans-serif; background-color: #dedede; color: #333; line-height: 1.25; font-size: .8em}
a:link, a:visited {color: #1e88b5; text-decoration:none}
a:hover, a:active {color: #1e88b5; text-decoration:underline;}
blockquote {margin-left: 14px;}
h1, h2, h3, h4 {font-weight:normal;}
h1, h2 {margin: 14px 0 14px 0;}
h3, h4 {margin: 9px 0 9px 0;}
h1 {font-size: 1.75em;}
h2 {font-size: 1.5em;}
h3, h4 {font-size: 1.3em; margin-top: 27px;}
p, table, ol, ul, form {margin: 6px 0 18px 0;}
input, label {margin-left: 10px;}
li {margin-top: 6px;}
ol {list-style-type:decimal;}

img a {border: none;}

/* classes
==================================*/
.archive {margin: 70px 40px 10px 40px; background-color: #ccc; color: #666; padding: 20px;}
.byline {color: #777;}

.underline {border-bottom: 1px solid #c3c3c3;}
.tallh3 {height: 80px;}
.ann, .topann {font-size: 22px;}
.ann {margin-top: 34px;}
.leftalign {float: left; clear: right; margin-right: 10px;}
.centeralign {text-align:center;}
.tabletall {line-height: 2;}


/* div elements
==================================*/
#wrapper {width: 864px; margin: 0 auto; padding: 0; background-color:#fff;}

#header {width: 864px; height:179px; padding: 0; background-color: #dedede;}
#header h1 {width: 864px; height: 179px; background: url(../site_grfx/masthead.jpg) top center no-repeat; margin: 0; padding: 0; }
#header span {display: none;}

#hnav, #subnav {width: 862px; overflow:hidden; height: 44px; text-align:center; border: 1px solid #000; margin: 0; padding: 0; font-size: 1.1em;}

#subnav {background:#fdfdef url(../site_grfx/training_fade.gif) top left repeat-x;}

#hnav {background: url(../site_grfx/hnav.jpg) center no-repeat;}
#subnav {height: 88px;}
#hnav li, #subnav li{display: inline; margin: 0 14px 0 0; padding: 0 0 0 12px; font-size: 1em; border-left: 1px solid #333;}
#hnav li.noline, #subnav li.noline {border: none;}
#hnav ul {margin: 0; padding: 16px 0 0 0;}
#hnav a:link, #hnav a:visited {color: #333;}
#hnav a:hover, #hnav a:active {color: #4bc1f3;}

#content {width: 742px; padding: 30px 60px 30px 60px; margin: 0; min-height: 670px; display: table-cell;}
#content ul, #content ol {margin-left: 34px;}
#content ul {list-style-type: disc;}

#content.contenttall {min-height: 1300px;}

#leftcol, #rightcol {}
#leftcol {width: 450px; float: left; clear: right; padding-bottom: 24px; }
#leftcol.leftcolbig {width: 550px;}
#rightcol {width: 250px; float: right; padding: 0; margin: 25px 0 0 0; background: #f2f4f6; border: 1px solid #b7b7b7;}
#fullcol {width: 650px; float: left; clear: right; padding-bottom: 24px;}


#headlines h3, #pdf h3, #reg h3 {margin: 0; height: 33px; padding-top: 12px; text-align: center;}
#headlines h3 {background: #e6e6e6 url(../site_grfx/headlines.jpg) top left no-repeat;}
#headlines p, #headlines h4 {padding: 6px 9px 0 9px;}
#pdf h3 {background: #e6e6e6 url(../site_grfx/pdf.jpg) top left no-repeat;}
#reg h3 {background: #e6e6e6 url(../site_grfx/reg.jpg) top left no-repeat;}
#headlines ul, #pdf ul, #reg ul  {list-style:none; margin: 0; padding: 0 0 10px 0;}
#headlines li, #pdf li, #reg li {list-style: none; padding: 4px 10px 0 10px; margin: 12px 0 0 0; border-top: 1px solid #fff;}
#headlines img, #headlines img a, #pdf img, #pdf img a, #reg img, #reg img a {border: none;}

#footer {clear: both; width: 862px; height: 340px; background: #a7cfff url(../site_grfx/footer.jpg) top center repeat; margin: 0 0 0 0 ; padding: 0 0 20px 0; color: #333; text-align:center}
#footer p.first {padding: 90px 0 0 0; font-size: 1.4em;}

#footer ul {margin: 0; padding: 5px 20px;}
#footer li {display: inline; margin: 0 16px; font-size: .9em; }
#footer a:link, #footer a:visited {color: #555; text-decoration:none}
#footer a:hover, #footer a:active {color: #4bc1f3; text-decoration:none;}

#supporting_org img {display: inline; margin: 30px 0 0 30px;}

/*div borders */
#content, #footer {border-left: 1px solid #000; border-right: 1px solid #000;}
#footer {border-bottom: 1px solid #000;}

.highlight {background-color: #D7EEFD; padding: 4px 0;}
.highlight ul {margin: 0; padding: 0;}
.tableborder {border: 1px solid grey; padding: 4px;}
.nopad {margin-top: 6px; padding-top: 0;}
.testimonial { margin-left: -5px; margin-bottom: 35px; padding: 35px 30px 1px 33px; background: url('../site_grfx/testimonial-bg.jpg') top left no-repeat; border: 1px solid #fff;}
.testimonial p {background: none;}

#seminar {width: 100%; height: 100px; margin: 0 auto; padding-top: 10px; text-align: center; background-color: #dedede; border: none;}
#seminar img {margin: 0 auto;}

.callout {border: 1px 0 solid #c3c3c3; background-color: #eaeaea; padding: 12px 16px 6px 16px; margin-bottom: 14px;}
.attention {border: 1px solid #c3c3c3; padding: 12px; margin: 30px 0 14px 0; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.attention h3 {padding-top: 0; margin-top: 0;}
#rightcol.nobg {background-color: #fff; border: none;}
#rightcol.nobg h3 {margin-top: 0; padding-top: 0;}