body {background:#660000; font-family:arial, verdana, helvetica, sans-serif;} #wrapper {width:704px; background:#EE8600 url('images/wrapperback.jpg'); background-repeat:repeat-y; margin:5px auto; color:#fff; /*min-height:515px;*/} #wrapperyouth {width:704px; background:#EE8600 url('images/wrapperbackyouth.jpg'); background-repeat:repeat-y; margin:5px auto; color:#fff; /*min-height:515px;*/} #header {width:704px; height:86px; background-image: url('images/homeheader_back.jpg'); background-repeat:no-repeat; color:#660000;} #commheader {width:704px; height:86px; background-image: url('images/commheader_back.jpg'); background-repeat:no-repeat; color:#660000;} #cowheader {width:704px; height:86px; background-image: url('images/cowheader_back3.jpg'); background-repeat:no-repeat; color:#660000;} #edheader {width:704px; height:86px; background-image: url('images/edheader_back.jpg'); background-repeat:no-repeat; color:#660000;} #resheader {width:704px; height:86px; background-image: url('images/resheader_back.jpg'); background-repeat:no-repeat; color:#660000;} #secondhandsmokeheader {width:704px; height:86px; background-image: url('images/SHSheader_back.jpg'); background-repeat:no-repeat; color:#660000;} #tryingtoquitheader {width:704px; height:86px; background-image: url('images/TTQheader_back.jpg'); background-repeat:no-repeat; color:#660000;} #parentsheader {width:704px; height:86px; background-image: url('images/parentsheader_back.jpg'); background-repeat:no-repeat; color:#660000;} #youthheader {width:704px; height:86px; background-image: url('images/youthheader_back.jpg'); background-repeat:no-repeat; color:#660000;} h3#top {text-align:right; padding-right:10px; padding-top:18px; font-size:16px;} /*NAVBAR*/ #navbar {float:left; width:139px; font-size:12px; padding-top:8px;} #navbar a {text-decoration:none; font-weight:bold;} #navbar a:link {color:#fff;} #navbar a:visited {color:#fff;} #navbar a:hover {color:#ffc;} #navbar ul {width:139px; list-style-type:none; padding-left:10px; margin-left:0px;} #navbar ul li{list-style-type:none; padding-left:0px; padding-bottom:7px; margin-left:0px;} #navbar ul li.separate {height:8px; width:120px; padding-bottom:2px; border-bottom:1px solid #fff;} #navbar ul li.heading {padding-top:8px; margin-left:-4px;} #navbar ul li.heading2 {padding-top:8px; padding-bottom:10px; margin-left:-4px;} #navbar ul li.regular {margin-left:-4px;} /*MAIN BLOCK*/ #mainblock {margin-left:150px; width:350px; border:0px solid #ccc; color:#fff; padding-top:8px;} #mainblock #maintext {font-weight:normal; font-size:95%;} #mainblock a:link {color:#ff0;} #mainblock a:visited {color:#ffc;} #mainblock a:hover {color:#f00;} #mainblock h3 {color:#900;} #maintext ul.info {padding-left:0px; margin-left:5px; list-style-position:inside; } #maintext ul.info li {list-style-image: url(images/infoicon_orange.gif); padding-bottom:10px; padding-left:0px; margin-left:5px; } #maintext ul.infoX {padding-left:24px; margin-left:5px; } #maintext ul.infoX li {list-style-image: url(images/infoicon_orange.gif); padding-bottom:10px; padding-left:0px; margin-left:5px; } #maintext ul.arrows {padding-left:0px; margin-left:5px; list-style-position:inside; } #maintext ul.arrows li {list-style-image: url(images/arrows_orange.gif);padding-bottom:10px; padding-left:0px; margin-left:5px; } /*POPUP BLOCK*/ #popblock {margin-left:50px; width:450px; border:0px solid #ccc; color:#fff; padding-top:8px;} #popblock #maintext {font-weight:normal; font-size:95%;} #popblock a:link {color:#ff0;} #popblock a:visited {color:#ffc;} #popblock a:hover {color:#f00;} #popblock h3 {color:#900;} /*FULL BLOCK*/ #fullblock {margin-left:150px; width:500px; border:px solid #ccc; color:#fff; padding-top:8px;} #fullblock #maintext {font-weight:normal; font-size:95%;} #fullblock a:link {color:#ffc;} #fullblock a:visited {color:#ffc;} #fullblock a:hover {color:#ff0;} #fullblock h3 {color:#900;} #maintext h4 {font-size:1em; color:#fff; border-bottom:2px dotted #794302; width:auto; padding:4px;} #youthtext {font-family: Courier New, Courier; font-size:1.2em; color:#fff; font-weight:bold;} #yellowbox {width:350px; margin:5px auto; padding:6px; text-align:center; background:#ffff99; color:#000; border:2px dotted #333;} #yellowbox a:link {color:#f00;} #yellowbox a:visited {color:#f00;} #yellowbox a:hover {color:#000;} #whitebox {width:350px; margin:5px auto; padding:6px; text-align:center; background:#fff; color:#000; border:2px dotted #333;} #whitebox a:link {color:#f00;} #whitebox a:visited {color:#f00;} #whitebox a:hover {color:#000;} /*RIGHTBAR MAIN*/ #rightbar {float:right; margin:10px; width:150px; padding:3px; font-size:80%; background:#900; text-align:center;} #rightbar a:link, a:visited {color:#ff0;} #rightbar a:hover {color:#fff;} .left {text-align:left; padding:3px 6px;} #rightbar ul.info {/*list-style-position: outside;*/ list-style-position:inside; padding-left:0px; margin-left:1px; text-align:left;} #rightbar ul.info li {list-style-image: url(images/infoicon_red.gif); padding-bottom:5px; padding-left:0px; margin-left:1px; text-align:left;} #rightbar ul.arrows {/*list-style-position: outside; padding-left:25px;*/ list-style-position:inside; padding-left:0px; margin-left:1px; text-align:left;} #rightbar ul.arrows li {list-style-image: url(images/arrows_red.gif); padding-bottom:5px; padding-left:0px; margin-left:1px; text-align:left;} /*RIGHTBAR YOUTH*/ /*IN THE KNOW*/ #intheknow {margin-right:auto; margin-left:150px; margin-top:5px; margin-bottom:10px; } #intheknow h3 {margin-top:2px; margin-bottom:5px; font-size:1em; text-align:center; color:#fff;} .knowtext {font-size:.85em; font-weight:normal;} .knowtext p {font-weight:normal;} .knowtext a {color:#fff;} #intheknow .attr {text-align:right; margin-top:2px;} /*INTHEKNOW rounded blue*/ .bl {background: url(images/blueround/1bl.gif) 0 100% no-repeat #0041D5; width: 340px} .br {background: url(images/blueround/1br.gif) 100% 100% no-repeat} .tl {background: url(images/blueround/1tl.gif) 0 0 no-repeat} .tr {background: url(images/blueround/1tr.gif) 100% 0 no-repeat; padding:10px} .clear {font-size: 1px; height: 1px} /*INTHEKNOW wide*/ .blw {background: url(images/blueround/1bl.gif) 0 100% no-repeat #0041D5; width: 540px; clear:right;} .br {background: url(images/blueround/1br.gif) 100% 100% no-repeat} .tl {background: url(images/blueround/1tl.gif) 0 0 no-repeat} .tr {background: url(images/blueround/1tr.gif) 100% 0 no-repeat; padding:10px} .clear {font-size: 1px; height: 1px}