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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption { margin: 0; padding: 0; outline: none;}
body {
min-width: 950px; background: #7399ca url(http://media.communityconferencing.org/images/bg.jpg) left top repeat-x;
font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5empx; color: #666; margin-top: 20px;
}
input, select {
font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666;
}
input[type="submit"], input[type="button"], input[type="radio"], label { cursor: pointer; }
/* * * * * * * * * * * * * * * * * * * * */
/* Custom styling here */
/* don't use many divs/classes/etc. on vw editable areas */
#container {width: 950px; height: auto; margin: 0 auto; background: #FFFFFF url(http://media.communityconferencing.org/images/grayblock.png) 610px top repeat-y;}
#container_empty {width: 950px; height: auto; margin: 0 auto; background: #FFFFFF;}
#head {width: 950px; height: 231px; margin: 0; display: inline; clear: both;}
#head_sub {width: 950px; height: 165px;}
#flash {width: 530px; height: 231px; float: left; margin: 0; display: inline;}
#sub_image {width: 530px; height: 165px; float: left; display: inline; margin: 0;}
#fnav_sub {width: 420px; height: 36px; float: right; display: inline; margin: 0; clear: right;}
#fnav_sub ul {list-style: none; display: inline;}
#fnav_sub li {list-style: none; display: inline;}
#fnav_sub a {background: url(http://media.communityconferencing.org/images/fnav_sub.png) left top; height: 36px; float: left; display: block;}
#help a {width: 170px; background-position: left top;}
#help a:hover, #help.active a {background-position: 0 -36px;}
#help a:active {background-position: 0 -72px;}
#fnav_sub_donate a {width: 70px; background-position: -170px 0;}
#fnav_sub_donate a:hover, #fnav_sub_donate.active a {background-position: -170px -36px;}
#fnav_sub_donate a:active {background-position: -170px -72px;}
#cal a {width: 86px; background-position: -240px 0;}
#cal a:hover, #cal.active a {background-position: -240px -36px;}
#cal a:active {background-position: -240px -72px;}
#contact a {width: 94px; background-position: -325px 0;}
#contact a:hover, #contact.active a {background-position: -325px -36px;}
#contact a:active {background-position: -325px -72px;}
#fnav_sub span {display: none;}
#fnav {width: 420px; height: 36px; float: right; display: inline; margin: 0; clear: right;}
#fnav ul {list-style: none; display: inline;}
#fnav li {list-style: none; display: inline;}
#fnav a {background: url(http://media.communityconferencing.org/images/fnav.png) left top; height: 36px; float: left; display: block;}
#fnav #help a {width: 170px; background-position: left top;}
#fnav #help a:hover {background-position: 0 -36px;}
#fnav #help a:active {background-position: 0 -72px;}
#fnav #donate a {width: 70px; background-position: -170px 0;}
#fnav #donate a:hover {background-position: -170px -36px;}
#fnav #donate a:active {background-position: -170px -72px;}
#fnav #cal a {width: 86px; background-position: -240px 0;}
#fnav #cal a:hover {background-position: -240px -36px;}
#fnav #cal a:active {background-position: -240px -72px;}
#fnav #contact a {width: 94px; background-position: -325px 0;}
#fnav #contact a:hover {background-position: -325px -36px;}
#fnav #contact a:active {background-position: -325px -72px;}
#fnav span {display: none;}
#logo_sub {margin: 0; float: right; clear: right;}
#logo_sub span {display: none;}
#logo_sub a {background: url(http://media.communityconferencing.org/images/logo_sub.png) left top no-repeat; width: 420px; height: 130px; display: block;}
#logo {margin: 0; float: right; clear: right;}
#logo span {display: none;}
#logo a {background: url(http://media.communityconferencing.org/images/logo.png) left top no-repeat; width: 420px; height: 160px; display: block;}
#logo_bottom {background: url(http://media.communityconferencing.org/images/logo_bottom.png) left top no-repeat; width: 420px; height: 35px; display: block; float: right; clear: right;}
#nav_sub {width: 775px; height: 45px; float: left; clear: left;}
#nav_sub ul {list-style: none; display: inline;}
#nav_sub li {list-style: none; display: inline;}
#nav_sub a {background: url(http://media.communityconferencing.org/images/nav_sub.png) left top; height: 45px; float: left; display: block;}
#about a {width: 130px; background-position: 0 -45px;}
#about a:hover, #about.active a {background-position: left top;}
#about a:active {background-position: 0 -90px;}
#progs a {width: 128px; background-position: -130px -45px;}
#progs a:hover, #progs.active a {background-position: -130px 0;}
#progs a:active {background-position: -130px -90px;}
#impact a {width: 129px; background-position: -257px -45px;}
#impact a:hover, #impact.active a {background-position: -257px 0;}
#impact a:active {background-position: -257px -90px;}
#training a {width: 128px; background-position: -386px -45px;}
#training a:hover, #training.active a {background-position: -386px 0;}
#training a:active {background-position: -386px -90px;}
#news a {width: 130px; background-position: -514px -45px;}
#news a:hover, #news.active a {background-position: -514px 0;}
#news a:active {background-position: -514px -90px;}
#support a {width: 130px; background-position: -645px -45px;}
#support a:hover, #support.active a {background-position: -645px 0;}
#support a:active {background-position: -645px -90px;}
#nav_sub span {display: none;}
#nav {width: 775px; height: 45px; float: left;}
#nav ul {list-style: none; display: inline;}
#nav li {list-style: none; display: inline;}
#nav a {background: url(http://media.communityconferencing.org/images/nav.png) left top; height: 45px; float: left; display: block; }
#nav #about a {width: 130px; background-position: left top;}
#nav #about a:hover {background-position: 0 -45px;}
#nav #about a:active {background-position: 0 -90px;}
#nav #progs a {width: 128px; background-position: -130px 0;}
#nav #progs a:hover {background-position: -130px -45px;}
#nav #progs a:active {background-position: -130px -90px;}
#nav #impact a {width: 129px; background-position: -257px 0;}
#nav #impact a:hover {background-position: -257px -45px;}
#nav #impact a:active {background-position: -257px -90px;}
#nav #training a {width: 128px; background-position: -386px 0;}
#nav #training a:hover {background-position: -386px -45px;}
#nav #training a:active {background-position: -386px -90px;}
#nav #news a {width: 130px; background-position: -514px 0;}
#nav #news a:hover {background-position: -514px -45px;}
#nav #news a:active {background-position: -514px -90px;}
#nav #support a {width: 130px; background-position: -645px 0;}
#nav #support a:hover {background-position: -645px -45px;}
#nav #support a:active {background-position: -645px -90px;}
#nav span {display: none;}
#what {margin: 0; float: left;}
#what a {width: 175px; height: 45px; background: url(http://media.communityconferencing.org/images/what.png) left top; float: left; display: block;}
#what a:hover {width: 175px; height: 45px; background-position: 0 -45px;}
#what span {display: none;}
#nav_span {width: 175px; height: 45px; background: url(http://media.communityconferencing.org/images/nav_span.png) left top; margin: 0; float: right; display: block; clear: right;}
#content {width: 950px; height: 250px; margin: 0; background: #ffffff url(http://media.communityconferencing.org/images/content.png) left top no-repeat; display: block; clear: both;}
#resolve_left { width: 240px; margin: 60px 0 0 12px; padding: 0; float: left; display: inline; }
#resolve_left ul,
#resolve_right ul { margin: 0; padding: 0; list-style: circle;}
#resolve_left li,
#resolve_right li { margin: 0 0 25px 15px; padding-left: 0;}
#resolve_left a,
#resolve_right a { font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #455f7f; }
#resolve_left #progs { padding: 0; margin-left: 0; list-style: none; }
#progs a { font-size: 12px; text-transform: capitalize; color: #666; }
#resolve_left a:hover,
#resolve_right a:hover { color: #69c; }
#resolve_right {width: 240px; margin: 60px 90px 0 0; padding: 0; float: left; display: inline;}
#feature {width: 353px; height: 200px; margin-top: 50px; float: left; overflow: auto;}
#feature #post {margin: 15px 20px 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666;}
#feature #post p {margin-left: 10px; line-height: 21px; margin-top: 5px;}
#feature #post .float_left {float: left; padding-right: 8px; }
#feature #post .heading {font-size: 12px; font-weight: bold;}
#feature #post a {color: #669900; text-decoration: none;}
#feature #post a:hover {color: #99cc66; text-decoration: none;}
#sub_content {width: 950px; min-height: 290px; margin: 0; background: #ffffff url(http://media.communityconferencing.org/images/sub_content.png) left top no-repeat; display: block; clear: both;}
#sub_content_fnav {width: 950px; min-height: 290px; margin: 0; background: #ffffff; clear: both;}
#path {width: 950px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; height: 30px; line-height: 30px; margin: 0; display: block; clear: both;}
#path .about {background: transparent url(http://media.communityconferencing.org/images/path_about.png) top left no-repeat; display: block; }
#path .fnav {background: transparent url(http://media.communityconferencing.org/images/path.png) top left no-repeat; display: block; }
#path .programs {background: transparent url(http://media.communityconferencing.org/images/path_programs.png) top left no-repeat; display: block; }
#path .impact {background: transparent url(http://media.communityconferencing.org/images/path_impact.png) top left no-repeat; display: block; }
#path .impact2 {background: transparent url(http://media.communityconferencing.org/images/path_impact2.png) top left no-repeat; display: block; }
#path .training {background: transparent url(http://media.communityconferencing.org/images/path_training.png) top left no-repeat; display: block; }
#path .news {background: transparent url(http://media.communityconferencing.org/images/path_news.png) top left no-repeat; display: block; }
#path .support {background: transparent url(http://media.communityconferencing.org/images/path_support.png) top left no-repeat; display: block; }
#path a {color: #245188; text-decoration: none;}
#path a:hover {color: #fff; text-decoration: none;}
#path p {margin-left: 10px;}
#body {width: 610px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; line-height: 18px; margin-top: 10px; float: left;}
#body p {margin: 15px 25px 15px 25px;}
#body h1 {margin: 15px 15px 15px 25px; font-size: 16px; color: #999999; line-height: 24px; display: block; }
#body h2 {margin: 15px 15px 15px 25px; font-size: 14px; font-weight: bold; color: #666666;}
#body ol {margin: 5px 10px 5px 20px;}
#body ul {margin: 5px 10px 5px 20px; list-style-image: url(http://media.communityconferencing.org/images/bull_progs.gif);}
#body li {margin-left: 25px;}
#contentwrap { margin: 15px 25px 0 25px; }
#contentwrap p { margin: 0 0 15px; }
#body h2, #body h3, #body h4 { margin: 0 0 15px 0; }
#body ol { margin: 5px 0 5px 0; }
#body ul { margin: 5px 0 5px; }
#body a {color: #245188; text-decoration: none;}
#body a:hover {color: #7096c8; text-decoration: none;}
#body.impact a {color: #3fbb86; text-decoration: none;}
#body.impact a:hover {color: #1c9c65; text-decoration: none;}
#body.training a {color: #73b66a; text-decoration: none;}
#body.training a:hover {color: #4a9440; text-decoration: none;}
#body.programs a {color: #455f7f; text-decoration: none;}
#body.programs a:hover {color: #71bcca; text-decoration: none;}
#body.about a {color: #617bae; text-decoration: none;}
#body.about a:hover {color: #324f89; text-decoration: none;}
#body.news a {color: #80aa47; text-decoration: none;}
#body.news a:hover {color: #638d2b; text-decoration: none;}
div.newsletters { display: inline; float: left; width: 325px; margin: 0 0 25px; }
div.newsletters .newsletters a { display: inline; float: left; width: 325px; vertical-align: middle; }
div.newsletters img { display: inline; float: left; width: 120px;}
div.newsletters strong { display: inline; float: left; width: 200px; margin: 60px 0 0 5px; }
#newsieswrap { width: 400px; margin-top: 90px; }
.newsletterlist .newsies { display: inline; float: left; width: 120px; height: 200px; margin: 0 10px 10px 0; text-align: center; }
.newsletterlist .newsies a { display: inline; float: left; width: 120px; }
.newsletterlist .newsies img { display: inline; float: left; width: 120px; margin: 0 0 5px; }
.newsletterlist .newsies span { display: inline; float: left; width: 120px; text-align: center; }
.newsletterlist .newsies strong { display: inline; float: left; width: 120px; text-align: center; }
#body.support a {color: #adc027; text-decoration: none;}
#body.support a:hover {color: #81920d; text-decoration: none;}
#body.impact2 {width: 950px; min-height: 290px;}
#body.impact2 a {color: #3fbb86; text-decoration: none;}
#body.impact2 a:hover {color: #1c9c65; text-decoration: none;}
#body.fnav {width: 950px; min-height: 290px;}
#body.fnav p {margin: 10px 20px 10px 30px;}
.heading {font-size: 12px; font-weight: bold;}
#body.fnav a {color: #245188; text-decoration: none;}
#body.fnav a:hover {color: #7096c8; text-decoration: none;}
#sub_title_full {width: 610px; line-height: 40px; margin: 0; float: left;}
#sub_title {width: 355px; line-height: 40px; margin: 0; float: left;}
#sub_title_impact2 {width: 710px; line-height: 40px; margin: 0; float: left;}
#sub_title_fnav {width: 950px; line-height: 40px; margin: 0; clear: both;}
#sub_nav_about {width: 225px; line-height: 18px; margin: 1px 0 10px 10px; float: right; background: #e1e9f4 url(http://media.communityconferencing.org/images/subnav_about.png) left top repeat-x;}
#sub_nav_about a {color: #617bae; text-decoration: none;}
#sub_nav_about a:hover {color: #324f89; text-decoration: none;}
#sub_nav_about ul {margin: 10px;}
#sub_nav_about li {list-style-image: url(http://media.communityconferencing.org/images/bull_about.gif); margin: 0 0 10px 20px;}
#sub_nav_programs {width: 225px; line-height: 18px; margin: 1px 0 10px 10px; float: right; background: #ddf4ef url(http://media.communityconferencing.org/images/subnav_progs.png) left top repeat-x;}
#sub_nav_programs a {color: #455f7f; text-decoration: none;}
#sub_nav_programs a:hover {color: #71bcca; text-decoration: none;}
#sub_nav_programs ul {margin: 10px;}
#sub_nav_programs li {list-style-image: url(http://media.communityconferencing.org/images/bull_progs.gif); margin: 0 0 10px 20px;}
#sub_nav_progs { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 13px; line-height: 30px;}
#sub_nav_progs a {letter-spacing: normal; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 15px; color: #455f7f; text-decoration: none; font-weight: bold;}
#sub_nav_progs a:hover {color: #71bcca; text-decoration: none;}
#sub_nav_progs ul {margin: 10px;}
#sub_nav_progs li {list-style-image: url(http://media.communityconferencing.org/images/bull_progs.gif); line-height: 21px; margin: 0 0 15px 24px;}
#sub_nav_impact {width: 225px; line-height: 18px; margin: 1px 0 10px 10px; float: right; background: #d0f2e3 url(http://media.communityconferencing.org/images/subnav_impact.png) left top repeat-x;}
#sub_nav_impact a {color: #3fbb86; text-decoration: none;}
#sub_nav_impact a:hover {color: #1c9c65; text-decoration: none;}
#sub_nav_impact ul {margin: 10px;}
#sub_nav_impact li {list-style-image: url(http://media.communityconferencing.org/images/bull_impact.gif); margin: 0 0 10px 20px;}
#sub_nav_training {width: 225px; line-height: 18px; margin: 1px 0 10px 10px; float: right; background: #ccf5c7 url(http://media.communityconferencing.org/images/subnav_training.png) left top repeat-x;}
#sub_nav_training a {color: #73b66a; text-decoration: none;}
#sub_nav_training a:hover {color: #4a9440; text-decoration: none;}
#sub_nav_training ul {margin: 10px;}
#sub_nav_training li {list-style-image: url(http://media.communityconferencing.org/images/bull_training.gif); margin: 0 0 10px 20px;}
#sub_nav_news {width: 225px; line-height: 18px; margin: 1px 0 10px 10px; float: right; background: #d5efb3 url(http://media.communityconferencing.org/images/subnav_news.png) left top repeat-x;}
#sub_nav_news a {color: #80aa47; text-decoration: none;}
#sub_nav_news a:hover {color: #638d2b; text-decoration: none;}
#sub_nav_news ul {margin: 10px;}
#sub_nav_news li {list-style-image: url(http://media.communityconferencing.org/images/bull_news.gif); margin: 0 0 10px 20px;}
#sub_nav_support {width: 225px; line-height: 18px; margin: 1px 0 10px 10px; float: right; background: #e2ed99 url(http://media.communityconferencing.org/images/subnav_support.png) left top repeat-x;}
#sub_nav_support a {color: #adc027; text-decoration: none;}
#sub_nav_support a:hover {color: #81920d; text-decoration: none;}
#sub_nav_support ul {margin: 10px;}
#sub_nav_support li {list-style-image: url(http://media.communityconferencing.org/images/bull_support.gif); margin: 0 0 10px 20px;}
#right {width: 340px; float: right; margin: 0; clear: right; font-size: 12px; }
#right #resolve {height: 160px; margin: 33px 40px 0 50px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; line-height: 18px;}
#right #resolve .float_right {padding-left: 10px; float: right;}
#right #resolve a {color: #245188; text-decoration: none;}
#right #resolve a:hover {color: #7096c8; text-decoration: none;}
#right #read_more {margin: 0 45px 10px 45px; }
#right #read_more a {width: 144px; height: 15px; background: url(http://media.communityconferencing.org/images/read_more_stories.png); display: block;}
#right #read_more a:hover {width: 144px; height: 15px; background: url(http://media.communityconferencing.org/images/read_more_stories_on.png); display: block;}
#right #read_more span {display: none;}
#right #2ndfeature {width: 340px;}
#right #2ndfeature p {margin: 10px;}
#foot {width: 950px; height: 85px; margin: 0px; background: #7399ca url(http://media.communityconferencing.org/images/foot.png) left top no-repeat; display: block; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4d8195;}
#foot p {margin: 0 10px 0 10px; line-height: 19px;}
#foot a {color: #4d8195; text-decoration: underline;}
#foot a:hover {color: #4d8195; text-decoration: none;}
#verve {width: 950px; margin: 0 auto; background: none; clear: both;}
#verve p {margin: 10px 20px 10px 10px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #d0dded;}
#verve a {color: #d0dded; text-decoration: underline;}
#verve a:hover {color: #fff; text-decoration: none;}
#body .partners ul,
#body .partners li { list-style: none; padding: 0; margin-left: 0; }
#body .center { width: 50%; }
/* * * * * * * * * * * * * * * * * * * * */
/* please don't use these on editable areas */
img.right { float: right; margin-left: 10px; margin-bottom: 10px; margin-right: 15px; margin-top: 5px; }
img.left { float: left; margin-right: 10px; margin-bottom: 10px; margin-left: 15px; margin-top: 5px; }
img { border: 0; }
.form { float: left; }
.form p { float: left; clear: left; }
.form label { float: left; width: 150px; }