/* CIAQC CSS Document April 2007 by Chris Kennedy (ckladesign.com) */

/*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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left;  }

a img, :link img, :visited img { border: 0; }

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

ol, ul { list-style: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* html elements */
blockquote {margin-left: 16px; padding-left: 12px; border-left: 5px solid #abcee0;}
body {background: #aeaeae url(../images/sitegrfx/vline.gif) center repeat-y; margin: 0; padding: 0; color:#333; font-family:Helvetica, Arial, Verdana, sans-serif;}
h1, h2, h3, h4 {font-weight: normal;}
h1 {font-size: 22pt;}
h2 {font-size: 18pt;}
h3 {font-size: 14pt; margin-top: 12px;}
h4 {font-size: 11pt;}
p, ul, li {margin: 12px 0; font-size: 10pt; line-height: 120%;}
ol {list-style:decimal; margin-left: 12px; padding-left: 12px;}
hr {margin: 30px 0 10px 0;}
strong {font-weight:bold;}
table {color:#333; font-family:Helvetica, Arial, Verdana, sans-serif;font-size: 10pt; line-height: 150%;}
table hr {margin: 0; padding: 0;}
a:link, a:visited {text-decoration: underline;}
a:hover, a:active {text-decoration: none;}

/* classes */

.box {background-color:#f0fcf3; border: 1px solid #e1e1e1;}
.box p {padding-left: 10px;}

.byline {color: #666; margin: 0; padding: 0;}


.aligncenter {text-align:center;}

.subhead {color: #555; margin: 0 0 12px 0; padding: 0; font-size: 13pt;}

.indent {margin-left: 24px;}

.left {float: left; clear: right; margin-right: 20px; margin-bottom: 4px;}

.line {border-left: 1px dotted #777;}

.toplinks, .toplinks a {color: #333; font-size: 11.5pt;}

.sublinks {color: #666; font-size: 10pt;}

.up {font-size: 8.5pt; }

.box {padding: 6px; border: 1px solid grey;}

.signup {margin-left: 22px;}

.short {margin-bottom: 0; padding-bottom: 0;}

.video {list-style-type:none; list-style-image: url(../images/sitegrfx/tv_icon.gif); line-height: 1;}
.video, .inset, .video li a, .inset li a {margin: 0; padding: 0;}

.highlight {border: 1px solid #39F; background-color: #cde3f6; margin: 20px 30px; padding: 10px;}

#survey_row {text-align: center; margin: 0 20px 20px 20px; padding: 12px 70px 0 70px; border: 1px solid #ccc; background:url(../images/sitegrfx/ltfade.gif)}
#survey_row p {font-size: 10pt;}
#survey_row h2 {font-size: 12pt; text-align: center; margin: 0; padding: 0;}
#survey_row a {color:#336699;}

/* div elements */

#home {position:absolute;}

#footer {display: table-cell; width: 900px; background-color: #fafbfb; text-align:center; margin-top: 20px; font-size: 10pt; text-align: center; }
#footer a {color: #666;}
#footer a:link, #footer a:visited {text-decoration: underline;}
#footer a:hover, #footer a:active {text-decoration: none;}
.footerp {color: #666; font-size: 8.5pt; text-align: center; margin: 20px 0; line-height:150%;}
#footer img {margin: 10px 10px 20px 10px;}
#footer h2 {background:url(../images/sitegrfx/footer.jpg) bottom right no-repeat; width: 900px; height: 170px; margin: 0; padding: 0;}
#footer h2 span {display: none;}

#footerup {margin-top: -150px; color:#fafafb; text-align: center; font-size: 8.5pt;}
#footerup a {color: #fafafb;}
#footerup a:link, #footerup a:visited {text-decoration: underline;}
#footerup a:hover, #footerup a:active {text-decoration: none;}
#footerup p {margin: 0 auto; text-align:center;}

#footnav {display: table; width: 900px; background-color: #9b3c20; margin: 0; padding: 0; font-size: 14pt;}
#footnav a:link, #footnav a:visited {font-size: 14pt; color: #fafafb; text-decoration: none;}
#footnav a:hover, #footnav a:active {font-size: 14pt; color: #fafafb; text-decoration: underline;}
#footnav li {display: inline; margin: 0 20px; padding: 0;}
#footnav a {color: #fafafb; font-size: 14pt; margin: 0; padding: 0;}
#footnav ul {text-align: center; margin: 0; padding: 10px 0;}

#header {width: 900px; height: 123px; background:url(../images/sitegrfx/header.jpg) top center no-repeat;}
#header h1 span {display: none;}

#links {position: absolute; width: 890px; left: 0px; top: 23px; color: #222;}
#links ul {float: right; clear: both; margin: 0;}
#links li {display: inline; padding: 0 6px;}
#links a:link, #links a:visited {text-decoration: none;}
#links a:hover, #links a:active {text-decoration: underline;}

/* #links {display: none;} */

#main {margin-top: 0; padding: 0; }
/*reset to 20px if #survey_row not used */

#main ul {margin-left: 12px; list-style:disc;}

#wrapper {position: relative; width: 900px; left: 50%; margin: 0 0 0 -450px; background: #f6fafa url(../images/sitegrfx/bodyfade.gif)top repeat-x;}

#top_nav {background-color:#9a3c22; color: #fff; margin-top: 0; height: 20px;}

/* home page */

/* height of home page elements */
.blue, .blue2 {height: 395px; }
#welcome {height: 303px;}
#cbcc {height: 733px;}

.blue, .blue2 {border: 1px solid #78b7c9; overflow:hidden;}

/* .blue p, .blue ul, .blue li {font-size: .10pt;} */
.blue a, .blue2 a {color: #006699;}
/*.blue h2 {background-color:#78b7c9; padding: 8px 20px; font-size: 90%;} */
.blue h3, .blue h4, .blue p, .blue ul, .blue li, .blue2 h3, .blue2 h4, .blue2 p, .blue2 ul, .blue2 li {padding: 0 20px;}
.bluehead  {background-color:#78b7c9; padding: 0 20px; margin-top: 0; font-size: 14pt; color: #f6f6f6; line-height: 200%;}
.blue form {margin-left: 20px;}


.greenhead  {background-color:#40988b; padding: 0 20px; margin-top: 0; font-size: 14pt; color: #f6f6f6; line-height: 200%;}

#cbcc {margin: 0; padding: 0; border: 1px solid #bd7516; overflow:hidden;}
#cbcc a {color: #bd7516;}
#cbcc h2 {width: 280px; height: 97px; background: url(../images/sitegrfx/cbcc_brown.gif) top center no-repeat;}
#cbcc h2 span {display: none;}
#cbcc h3 {width: 280px;  height: 37px; background: #cc8710 url(../images/sitegrfx/cbcc_brown_2.gif) repeat; margin-top: 0; }
#cbcc h3 {font-size:21px; color: #fff; padding: 15px 20px 0 20px;}
#cbcc h4, #cbcc p, #cbcc ul, #cbcc li {color: #3a3a3a; padding: 0 20px;}
#cbcc ul {margin: 0; padding: 0 0 0 40px;}
#cbcc li {margin: 0; padding: 6px;}
#cbcc p.callout {font-size: 16px; color: #bd7516;}
#cbcc p {line-height: 1.35;}

#innerlink {position: relative; float: left; width: 200px; margin: 0 20px 20px 0px; padding: 10px 10px 10px 18px; background-color: #d7f4fc; border-left: 12px solid #4998f1;}
#innerlink a:link, #innerlink a:visited {text-decoration: none; border: none;}
#innerlink a:hover, #innerlink a:active {text-decoration: underline; border: none;}
#innerlink ul {list-style:none; margin: 0; padding: 0;}
#innerlink li a {color: #333; }
#innerlink li ul li {margin-left: 14px; list-style: url(../images/sitegrfx/bullet.gif);}
#innerlink li ul li a {color: #2072ce;}

#innertext {margin: 40px 110px 80px 110px; padding: 20px 20px 43px 20px; background:url(../images/sitegrfx/ltfade.gif) top repeat-x; border: 1px solid white;}
#innertext a {color: #2072ce;}
#innertext h1, #innertext h2, #innertext h3, {color: #333; margin-bottom: 6px;}
#innertext h4 {color: #666; margin-bottom: 6px;}
.printer {display: inline; height: 50px; float: left; clear: right; margin: 0px; padding-left: 44px; text-align: left; font-size: 10pt; background: url(../images/sitegrfx/printer.gif) top left no-repeat;}
.top {display: inline; height: 50px; float: right; font-size: 10pt; margin-top: 0px;}
#innertext ul, #innertext li {margin-left: 20px; }

#innertext h1 {background: url(../images/sitegrfx/logos/cbcc.gif) no-repeat; width: 400px; height: 60px; margin-top: 20px;}
#innertext h1 span {display: none;}

#news {float: left; clear: right; width: 100%; border: 1px solid #777; overflow:hidden; padding-bottom:20px;}
/* #news p, #news ul, #news li {font-size: 10pt;} */
#news h2 {background-color:#bfc3c4; padding: 10px 20px}
#news p, #news ul, #news li {padding: 0 20px;}
#news h3, #news h4 {padding: 10px 20px;}

#lnews {width: 550px; float: left; clear:right; margin: 0 20px 0 0;}
#lnews a, #rnews a {color: #0066CC;}
#rnews {float: left; width: 274px; margin: 0; padding: 0 0 0 12px;}
/*#rnews p, #rnews ul, #rnews li {font-size:10pt;}*/
#rnews ul {margin: 0; padding: 0 0 0 40px; font-size: 8pt;}
#rnews a {font-size: 9pt;}
#rnews li {margin: 0; padding: 6px;}

#thankyou {position: relative; float: left; width: 400px; margin: 0 20px 20px 0px; padding: 10px 10px 10px 18px; background-color: #d7f4fc; border-left: 12px solid #4998f1;}

/*WELCOME GREY */
#welcome {background: #545454 url(../images/sitegrfx/greyfade.gif) top repeat-x; border: 1px solid #222; overflow:hidden;}

/* WELCOME RED
#welcome {height: 300px; background: #a20b0b url(../images/sitegrfx/redfade.gif) top repeat-x; border: 1px solid #222; overflow:hidden;} */

#welcome h2, #welcome p {padding: 0 20px; color: #f6f6f6;}
#welcome h2 {font-size:18pt; padding-top: 20px; font-weight:normal;}
#welcome p, #welcome table, #welcome li {color: #fff; font-size: 10pt; margin: 6px 0;}
#welcome table {margin-top: 0;}
#welcome li {margin-left: 20px;}
/* Normal welcome p font-size value is 13pt, no margin or padding declaration */
#welcome a:link, #welcome a:visited {color: #ffffcc; text-decoration: underline;}
#welcome a:hover, #welcome a:active {color: #fff; text-decoration: none;}
#welcome img {margin: 15px 0 15px 172px;}

/* hacks for IE */

#wrapper {_background: #f6fafa url(../images/sitegrfx/iefade.gif) repeat-x;}
#innerlink {_position: relative; _float: left; _margin-top: 20px; _background: none;}
/* #innertext {_margin-top: 0; _background:none; _border: none;} */
#footnav {_height: 40px; padding-bottom: 6px;}
#footer {_margin-top: -8px;}