@charset "iso-8859-1";
/* CSS Document */
html { overflow-x: auto; }

.userinput p {margin:0;padding:0}

ul{margin-left:20px;margin-bottom:1em}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

body {
	margin:0 auto;
	padding:0;
	border:0;
	font-family: Trebuchet MS, tahoma, helvetica, arial, sans-serif;
	font-size: .85em;
	color: #333;
	line-height: 1.6em;
 	position: relative;
	background-color:#B5D1D8 !important;
}

body#popup {
	background-color: #fff !important;
}

#popupBody p {
	margin:0;
	padding:0;
}

.important {
    font-size: 12pt;
    text-align:center;
    color:#0000bb;
    position:fixed;
    width:100%;
    background-color: #FFCC00;
    margin-bottom: 4px;
    padding: 8px;
    border: 2px solid #DDAA00;
    float: left;
}

img {
    border: 0;
    text-decoration: none;
}

#footer_sitemap li {
	list-style: none;	
}

#footer_sitemap a {
	text-decoration: none;
}

.lev1 {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-top: 8px;
}

.lev1 li {
	font-weight: normal;
	font-size: .9em;
	line-height: 1.0em;
}


#couponwrap {
    background: #6bbfe0;
    text-align: center;
}

@media print {
    #couponwrap {
        background: transparent;
    }
}

#hdr_nav_admin A {
    color: white;
    background-color: transparent;
    font-size: 9pt;
    margin-left: 25px;
    text-decoration: none;
    padding: 2px 5px;
}

#hdr_nav_admin A:hover {
    color: #09708A;
    background-color: #CCE76F;
}

#hdr_link_home {
    position: absolute;
    top: 130px;
    left: 0;
    width: 1055px;
    height: 120px;
    background-color: transparent;
}

#navadmin {
    position: relative;
    float: right;
    margin: 0 20px 5px auto;
    height: auto;
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
}

#hdr_nav_navbuttons {
    top: 22px;
    margin: auto;
    height: 90px;
}

#pagetitle {
    clear: both;

    background-color: transparent;
    margin: auto;
    padding: 14px 0 16px 22px;
    height: auto;
    vertical-align: middle;
}

#sidemenu ul {
	list-style: square;
	margin: 20px 0 0 10px;
	padding: 0;
}

#sidemenu ul li {
	margin-bottom:8px;
}

.blocker {
	margin: 10px 0;
}

.content_block {
    position: relative;
    clear: both;
    margin: 20px auto;
    background: transparent;
	width: 90%;
}

#pageheader {
	text-align: center;
	font-weight: bold;
	margin-bottom:20px;
}

#pageheader ul {
	margin: 10px 0;
}

#pageheader ul li {
	display: inline;
	padding: 0 15px;
	border-right: 1px solid #aaa;
}

#pageheader ul li:last-child {
	border: none;
}

.content_header {
	font-size: 16px;
	font-weight: bold;
	margin: 6px 0px;
	color: #333366;
}

.spotlight_events {
    padding: 10px 20px;
}

.spotlight_event {
    margin-bottom: 20px;
}

.popular_event {
    margin: 20px auto;
	text-align:center;		
}

.actiondate {
	color: #99a;
}

.right_content {
    width: 264px;
    float: left;
    background: transparent url(../images/back_side.png) repeat-y;
    margin: 0 auto;
}

.right_content ul {
	margin:0;
	padding:0;
}

.right_content li {
	text-align: left;
	list-style: none;
	margin-bottom: 8px;
	font-size: .85em;
}

.blockAd {
	width:250px !important;
}

.blocktitle {
	width: 250px;
	margin: auto;
}

.sideblock {
	margin-bottom: 10px;
	float: left;
}

.sideblocktop {
	background: transparent url(../images/back_side_top.png) top left no-repeat;
	width: 264px;
	height: 4px;
	float: left;
}

.sideblockbottom {
	background: transparent url(../images/back_side_bot.png) top left no-repeat;
	width: 264px;
	height: 9px;
	float: left;
}

.spotlight_event img, .item-news img, .event img {
	float: right;
	margin: 0 10px 0 20px;
}


/* original CSS follows */

a {

}

h1 {
 text-align: center;
 font-size: 1.6em;
 margin: 10px 0 20px 0;
 padding: 4px 0 0 0;
}

h2 {
 font-size: 1.4em;
 margin: 0;
 margin: 6px 0 15px 0;
 padding: 2px 0 0 0;
}

h3 {
 font-size: 1.2em;
 margin: 0;
 padding: 8px 0;
}

.right_content h3 {
	text-align: center;
}


h4 {
	font-size: 1.1em;
	margin: 0 0 0 0;
	padding: 4px 0;
}

h5 {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}

.big {
    color: #000000;
    font-size: 2.6em;
    font-weight: bold;
    line-height: 1.2em;
}

#errordiv {
    font-size: 1.4em;
    line-height: 1.2em;
}

.small {
    font-size: .9em;
    line-height: 1.2em;
}

.smaller {
    font-size: .85em;
    line-height: 1.2em;
}

.indent {
	margin-left: 15px;
}

a:link, a:visited {
	color: #0087D2;
}
a:active, a:hover {
	color: #F6871D;
}

.keylink {
	font-weight: bold;
	font-size: 14px;
}

.subheader_bar {
	position: relative;
	text-align:center;
	font-weight: bold;
	padding-top: 6px;
	margin: 15px 0px;
	color: #333333;
	font-size: 1.4em;
}

.corner_topleft, .corner_topright, .corner_botright, .corner_botleft {
	position: absolute;
	width: 6px;
	height: 6px;
}

.corner_topleft {
	top: 0;
	left: 0;
	background: url(/images/corners_topleft.png) top left no-repeat;
}

.corner_topright {
	top: 0;
	right: 0;
	background: url(/images/corners_topright.png) top right no-repeat;
}

.corner_botright {
	bottom: 0;
	right: 0;
	background: url(/images/corners_bottomright.png) bottom right no-repeat;
}

.corner_botleft {
	bottom: 0;
	left: 0;
	background: url(/images/corners_bottomleft.png) bottom left no-repeat;
}

.picture_box {
	margin:20px 10px;
	display:block;
	text-align:center;
	font-size:9pt;
	line-height:12px;
}

label {
	float: left;
	font-weight: bold;
}

.addthis_default_style {
	text-align:left;
}


/* OLD STYLESHEET */

h1,h2,h3,h4,h5 {
	color: #336699;
}

img {
	border: 0px;
}

.thumbnail {
	float: right;
	clear: right;
	margin: 4px 10px;
}

.thumbbits {
	position: relative;
	right: 0;
	width: 324px;
}

.thumbbit {
	float: left;
	margin: 1px;
	padding: 1px;
	width: 50px;
	height: 50px;
}

.page, .subsite {
	padding: 0px;
	float: left;
}

blockquote {
	line-height: 1.5em;
}

/* page section divider styles */

.divider1 {
	clear: both;
	width: 400px;
	height: 20px;
	margin: auto;
}

.divider2 {
	clear: both;
	width: 400px;
	height: 20px;
	margin: auto;
}

.divider3 {
	clear: both;
	width: 400px;
	height: 20px;
	margin: auto;
}

/* Page Heading and section Styles */

.pagetitle {
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight: bold;
	clear: both;
	color: #444477;
	text-align: left;
}

.title {
	color: #335588;
}

.subtitle {
	color: #fdc347;
	font-weight: bold;
	margin: 4px 0px;
}

.category, .category a {
	color: #003366;
	margin: 0px 0px 6px 0px;
	font-weight: bold;
}

.subcategory {
	color: #d96c00;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
}

.nopad {
	margin: 0 !important;
	padding: 0 !important;
}

.authorline {
	padding: 6px 0px;
	font-size: .9em;
	margin: 10px 30px 10px 0px;
}

/* Event Block Styles */

.item-news, .event {
	clear: both;
	border-bottom: 1px dotted #aaa;
	padding: 10px 0;
	width: 100%;
}

.item-news:last-child, .event:last-child {
	border-bottom: none !important;
}

.event .preview {
	float: right;
	margin: 0px 10px;
}

.timeofevent {
	color: #335;
	float: right;
	position: relative;
	top:0;
	right: 0;
	font-size:1.1em;
	text-align:right;
	padding:5px;
	margin-bottom:10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.eventimages {
	width: 324px;
	float: right;
}

.event_date {
	font-weight: bold;
}

.event_title {
	font-weight: bold;
}

.event_venueinfo {
	margin: 10px 0;
}

.venue {
	font-weight: strong;
}

/* Page global elements */

.menubar {
	clear: both;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
}

.menubar li {
	float: left;
	margin: 0px 20px;
	list-style: none;
}

div.intro {
	padding: 15px;
	color: #000;
	line-height: 1.6em;
}

.description {
	line-height: 1.6em;
	margin: 6px 0px 20px 0px;
}

.details {
	font-size: 10px;
	margin: 4px 10px 4px 0px;
}

.list-items {
	font-size: .9em;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
}

.replies {
	width: 95%;
	margin: auto;
	float:left;
	padding: 15px 0px;
	border-bottom: 1px dotted #AAAACC;
}

.postdate {
	text-align: right;
	padding: 10px 0px;
}

.item-photo {
	float: left;
	width: 100%;
	margin: 0px;
	border-bottom: 1px dotted #AAAAAA;
	padding: 8px 0px;
	clear: both;
}

.photothumb {
	width: 144px;
	height: 144px;
	float: left !important;
	text-align: center;
}

.albumbit {
	float: left;
	width: 200px;
	margin: 0 10px;
	padding:10px;
	text-align: center;
}

.image {
	padding: 10px 0px;
	text-align: center;
}

.info {
	margin: 0px 15px;
}

.keylink {
	font-weight: bold;
	font-size: 13px;
	margin: 6px 0px;

}

.highlight_block {
	min-height: 140px;
	padding: 15px 0;
	margin: 15px;
}

ul {
	margin: 5px 0px;
	padding: 0px 20px;
}

ul>li {
	margin: 6px 0px;
}

a:link, a:visited {
	color: #0087D2;
}

a:hover {
	color: #F6871D;
}

.active {
	font-weight: bold;
	font-size: 12px;
}

.more {
	color: #F6871D;
	font-weight: bold;
}

.navlinks {
	width: 97%;
	color: #AAAACC;
	clear: both;
	margin: 5px;
	padding: 5px;
	text-align: center;
	font-size: 10px;
	background-color: #CDF2F6;
}

.prev_link {
	width: 50%;
	float: left;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
}

.next_link {
	width: 50%;
	float: right;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}

#menuStatus {
	width: 12px;
	height: 12px;
	display: inline;
}

.arrowLeft {
	background: url(/images/btn_arrowleft.png) top left no-repeat;
}

.arrowDown {
	background: url(/images/btn_arrowdown.png) top left no-repeat;
}

.image-main {
	margin: 5px;
}

.image-side {
	margin: auto;
	width: 150px;
}

.teal {
	background-color: #68ccd9;
	color: #1a31d9;
}

.darkblue {
	background-color: #5ccedc;
	color: #fff;
}

.darkblue a {
	color: #fff;
}

.borderblue {
	border: 4px solid #5ccedc;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.blue {
	background-color: #b0e7ee;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #1a70d9;
}

.yellow {
	background-color:#f2e074;
	color: #9b4d00;
}

.darkorange {
	background-color: #f2a000;
}

.orange {
	background-color: #f2d000;
	color: #9b4d00;
}

.orange a {
	color: #9b4d00;
}

.burnt {
	background-color:#a5283a;
	color: #f2e074;
}

.burnt a {
	color: #f2e074;
}

.borderorange {
	border: 4px solid #f2e074;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.purple {
	background-color:#7468d9;
	color:#f2e074;
}

.purple a {
	color:#f2e074;	
}

.borderpurple {
	border: 4px solid #7468d9;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.darkgreen {
	background-color: #b8d064;
}

.bordergreen {
	border: 4px solid #b8d064;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.green {
	background-color: #cce76f;
}

.lime a, .green a {
	color: #086b2f;
}

.lime {
	background-color: #77ff77;	
	color: #086b2f;
}

.pink {
	background-color: #f0cdde;
}

.fuscia a, .pink a {
	color: #9b1e5b;
}

.fuscia {
	background-color: #de6ab6;
	color: #555;
}

.grey {
	background-color: #ddd;
}

#mainFeature {
	width:73%; 
	margin: auto; 
	height: 310px; 
	overflow:hidden;
	display: inline;
	float:left;
	position: relative;
}

.spotlight {
	height: 310px;
	width: 100%;
	float: left;
	overflow:hidden;
	font-size:.95em;
	line-height: 1.5em;
	color: #333;
}


.spotlight>div {
	margin:10px;
}

.spotlight img {
	float: right;
	margin: 0 5px 0 10px;
}

#featureContainer {
	font-size: .95em;
	line-height:1.2em;
}

#featureNav {
	display: inline;
	position: relative;
}

.featureNav {
	margin-bottom:2px;
	overflow:hidden;
}

.featureNav:hover {
	background-color:#ae68d9;
	cursor: pointer;
}

.featureNav td {
	height: 56px;
	font-size: .9em;
}

.featureNav a {
	text-decoration: none;
}

.sideFeature {
	float: right;
	width: 250px;
	margin: 10px;
}

.sideFeature img {
	margin: auto;
}

.feature .title {
	font-size: 1.2em;
}

.feature .postdate {
	font-size: 9pxd;
	text-align: right;
	clear: both;
	border-bottom: 1px dotted #AAAAAA;
	padding: 5px 0px;
	margin-top: 15px;
}

.featured-top {
	background-image: url(http://www.downtowncampbell.com/images/featuremain-top.gif);
	width: 380px;
	height: 24px;
}

.featured-main {
	background-image: url(http://www.downtowncampbell.com/images/featuremain-body.gif);
	background-repeat: repeat-y;
	width: 380px;
}

.featured-bottom {
	background-image: url(http://www.downtowncampbell.com/images/featuremain-bottom.gif);
	width: 380px;
	height: 24px;
}

.featured-content {
	clear: both;
	width:350px;
	padding: 15px 0px;
	margin: 0px 15px;
}

.featured-side {
	border-left: 1px dotted #AAAAAA;
	float: right;
	width: 200px;
}

.side .title {
	font-size: 1.0em;
}

.side-top {
	width: 200px;
	height: 12px;
}

.side-bottom {
	width: 200px;
	height: 13px;
}

.side-content {
	text-align: center;
	width:180px;
	margin: 10px 0px;
}

.side-main {
	background-repeat: repeat-y;
	width: 200px;
}

.text-side {
	text-align: left;
	font-size: 10px;
	line-height: 14px;
	margin: 8px;
}

.side {
	text-align:center;
	margin: 20px 0px 20px 15px;
	width: 180px;
}

.threecol {
	width:33%;
	float: left;
}

#categoryMenu {
	padding: 10px 0;
	margin: 20px auto;
	float: left;
	width: 100%;
}

#categoryMenu ul li {
	margin-bottom: 14px;
	list-style: none;
}

.feature {
	color: #663300;
	overflow: hidden;
	margin: 10px;
	width: 380px;
}

.index {
	width: 760px;
	margin: auto;
}

.index .side {
	float: left;
	margin: 0px 10px;
}

.index .feature {
	width: 590px;
	margin: auto;
}

.index .featured-top {
	background-image: url(http://www.downtowncampbell.com/images/featuremain_lg-top.gif);
	width: 580px;
	margin: 0px 10px;
	height: 20px;
}

.index .featured-main {
	background-image: url(http://www.downtowncampbell.com/images/featuremain_lg-body.gif);
	width: 580px;
	margin: 0px 10px;
	background-repeat: repeat-y;
}

.index .featured-content {
	width: 550px;
	padding: 15px 0px;
	margin: 0px 15px;
}

.index .featured-bottom {
	background-image: url(http://www.downtowncampbell.com/images/featuremain_lg-bottom.gif);
	width: 580px;
	margin: 0px 10px;
	height: 20px;
}

.sidebar {
	width: 264px;
	margin: 10px 0px;
	min-height: 300px;
}

.sidebar_block {
	width: 240px;
	margin: 15px auto;
	clear: both;
	text-align: center;
}

.squareAd, .eventHighlight {
	width: 250px !important;
	margin: 0 5px;
}

.sidebar_header {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 6px 0px;
	color: #333333;
	border-bottom: 2px dotted #777799;
}

/* WGBPA Custom Styles */

.featured-block {
	width: 180px;
	min-height: 600px;
	float: left;
	margin: 0 7px 0 0;
	position: relative;
}

.featured-block .featuretitle {
	width: 180px;
	padding-top: 4px;
	height: 30px;
	margin: auto;
}

.featured-block div {
	text-align:center;
	width: 170px;
	margin: auto;
}

.featuredThumb {
	min-height: 60px;
}


.featured-block a {
	color: #663333;
}

.featured-block .title {
	font-size: 0.85em;
	line-height: 1.2em;
	margin: 6px 0px;
}

.featured-block .details {
	line-height: 1.0em;
	margin: 4px 0px !important;
}

.featuredEventItem {
	margin: 10px 0; 
	min-height: 180px; 
	float:left;
}

.featuredEvents {
	overflow: hidden;
	position: relative;
	width: 100%;
	clear: both;
	float: left;
	background: url(../images/background_featuredevents.gif) top left repeat-y;
}

.featuredEvents3col {
	width: 570px;
	min-height: 600px;
	clear: both;
	float: left;
	background: #FFFFFF url(http://www.downtownwillowglen.org/images/featured_events_body.gif) repeat-y top left;
}

.featuredEvents2col {
	width: 380px;
	min-height: 600px;
	clear: both;
	float: left;
	background: #FFFFFF url(http://www.downtownwillowglen.org/images/featured_events_body.gif) repeat-y top left;
}

.featuredEvents1col-long {
	width: 190px;
	min-height: 900px;
	clear: both;
	float: left;
	background: #FFFFFF url(http://www.downtownwillowglen.org/images/featured_events_body.gif) repeat-y top left;
}


.featuredEvents4col-long {
	width: 760px;
	min-height: 950px;
	clear: both;
	float: left;
	background: #FFFFFF url(http://www.downtownwillowglen.org/images/featured_events_body.gif) repeat-y top left;
}

.featuredEvents3col-long {
	width: 570px;
	min-height: 950px;
	clear: both;
	float: left;
	background: #FFFFFF url(http://www.downtownwillowglen.org/images/featured_events_body.gif) repeat-y top left;
}

.featuredEvents2col-long {
	width: 380px;
	min-height: 950px;
	clear: both;
	float: left;
	background: #FFFFFF url(http://www.downtownwillowglen.org/images/featured_events_body.gif) repeat-y top left;
}

.featuredEvents1col-long {
	width: 190px;
	min-height: 950px;
	clear: both;
	float: left;
	background: #FFFFFF url(http://www.downtownwillowglen.org/images/featured_events_body.gif) repeat-y top left;
}

.postbox, .postbox a {
	font-size: .95em;
	text-align:right;
	padding:8px;
}


label {
	float: left;
	font-weight: bold;
	text-align: right;
	width: 70px;
	margin-right: 5px;
}

.footermore {
	text-align:center;
	font-size: .9em;
}

#coupons .sidebar {
	display: none;
}

.offer_top {
	background: url(/images/dotted_coupon_rounded_top.gif) top left no-repeat;
	width:300px;
	height: 17px;
	margin: 0;
	padding: 0;
}

.offer {
	width: 300px;
	background: url(/images/dotted_coupon_rounded_body.gif) top left repeat-y;
	margin: 20px 0;
	padding: 0;
}

.offer_body {
	margin: 0 10px;
}

.offer_bottom {
	background: url(/images/dotted_coupon_rounded_bottom.gif) bottom left no-repeat;
	width:300px;
	height: 17px;
	margin: 0;
	padding: 0;
}

#thumbslider_wrap {
	width: 740px;
	margin: auto;
	position: relative;
}

.slidebuttons {
	position: absolute;
	top: 0;
	height: 80px;
	width: 15px;
	line-height: 80px;
	text-align:center;
	cursor: pointer;
}

#thumbslider {
	width: 700px;
	margin: auto;
	overflow: hidden;
}

#thumbslider_inner {
	width: 50000px;
}

.sliderthumb {
	text-align:center;
	display: inline;
	float: left;
	width: 90px;
	padding: 0 5px;
}

#tagOptions {
	float: left;
	clear: left;
}

#tagOptions div {
	margin: 4px;	
}

.filterOptionCol {
	width: 160px;
	float:left;
	text-align: left;
}

.clear {
	clear: both;	
}

.center {
	text-align: center;
}

.inline {
	display: inline;
}

.rss_source {
	position: relative;
	margin-bottom:20px;
	padding: 10px;
	font-size: .9em;
}

.rss_source ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rounded {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	z-index: 999;
	background-color: #000;
}

.messageWin {
	width: 40%;
	min-height: 200px;
	margin: auto;
	top: 35%;
	left: 30%;
	padding: 15px;
	background-color: #fff;
	z-index: 1000;
	color: #333;
	position: fixed;
	text-align: left;
	line-height: 1.5em;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
}

.inset {
	padding: 0 10px 0 20px;
}

.borderlow {
	border-bottom: 1px solid #aaa;
}