/* CSS file */

ul.dropdown li {
padding:8px 2px 6px;
}
<!-- ul.dropdown {
margin-bottom:12px;
} -->

#blox-header {
background-color:#FFFFFF;
float:left;
height:100px;
overflow:hidden;
padding:13px 0 0;
position:relative;
width:100%;
}

#weather-bug a {
color:#FFFFFF;
width:125px;
}

#blox-header-search a {
color:#ffffff;
}

#leaderboard-middle {
margin-top:20px;
text-align:center;
}


#blox-header h1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/item2.png) no-repeat scroll 0 0;
bottom:5px;
display:block;
float:left;
height:80px;
position:absolute;
width:243px;
}

#blox-header {
float:left;
height:190px;
overflow:hidden;
padding:13px 0 0;
position:relative;
width:100%;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(../../images/header-bg2b.gif) repeat-x scroll -70px -13px;
color:#E5E7DA;
}



#blox-html-container {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#343434 url(../../images/wrapper-bg2.gif) repeat-x scroll 0 -1px;
}

#user-form fieldset, .form-link-group fieldset {
border:1px solid #CCCCCC;
margin-bottom:5px;
padding:8px;
}


.form-section {
color:#666666;
font-size:14px;
font-weight:bold;
padding:0 4px;
}


.ap-bulleted-headline-1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		color: Black;
		background-color: #F4F4F4;
		line-height: 30px;
		display: block;
		padding-left: 5px;
	}
.ap-bulleted-headline-2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		color: Black;
		line-height: 30px;
		display: block;
		padding-left: 5px;
	}
	
ul#ap_block 
{
list-style-type: none;
padding: 0;
margin: 0;
}


#user-form #blox-logo {background:#fff url(../../images/item.png) no-repeat scroll 0 -3px;
height:90px;
margin:0;
width:100%;
text-indent: 3012px;
}


#user-form #blox-logo h1 {display: none;}

#user-form #blox-logo h3 {display: none;}



/* user-form styles */
/*---------------------------------------------------------
| related to Forms                                        |
---------------------------------------------------------*/
#form-content { 
	padding:5px;  
	background:#fff;
	font-size:11px;
	line-height:16px;
}
#user-form h1.heading { border-top: 2px solid #3d54a3; border-bottom: 1px solid #666; margin-bottom:4px;}
.note { color:#666; font-size:9px;}
#user-form { 
	padding:10px; 
	width:95%;
}
#user-form input, #user-form textarea, #user-form select { font: 11px Verdana, Arial, Helvetica, sans-serif;}
#user-form fieldset, .form-link-group fieldset{ 
	border:1px solid #ccc; 
	padding:8px; 
	margin-bottom:5px;
}
.form-section { 
	font-weight:bold; 
	color:#666;
	font-size: 14px; 
	padding:0px 4px;
}
.form ul {padding:3px 5px;}
.form li { 
	background:none;
	display:inline;
	padding:2px 4px; 
	margin-right:8px;
}
.form .submit { 
	width:170px; 
	margin: 0px auto;
}
.form-photo-row {
	height:65px;
}
.form-photo-options {
	float:left; 
	clear:right; 
	display:block; 
	margin-left:15px; 
	margin-top:-15px;
}
.form-full-width-set{
	clear:both; 
	float:left; 
	width:98%;}
/* field widths for form alignment */
#short-field label { width:93px; display:block; float:left;}
#long-field label { width:180px; display:block; float:left;}

/* alternating form row colors >> each fieldset begins with form-row1 and then alternates to form-row2*/
ul.form-row1,
ul.form-row2{
	height:100%;}
	ul.form-row1, .form-row1 {
		background-color: #e7f1f6;}
	ul.form-row2, .form-row2 { 
		background-color: #fff;}

#blox-body-nav li a {display: none;
}

#tncms-block-35182{
width:100%;
}


.frame #index-section-title {
display:none;
}

/*---------------------------------------------------------
| related to calendar                                     |
---------------------------------------------------------*/
#calendar {}
#event {}
#calendar-details { padding: 5px;}
.calendar-paging { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; margin: 5px 0px;}
.calendar-note { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; }

/* applies to normal [events] */
.event-block { margin-top: 5px; margin-bottom: 15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000000;}
.eventhead { background-color: #FFFFFF; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; border-bottom: 1px solid #474747; color: #474747; border-top-width: 2px;}
.eventhead a:link, .eventhead a:visited { color: #474747; text-decoration: none;}
.eventhead a:hover, .eventhead a:active { color: #999999; text-decoration: underline;}
.eventrow { border-bottom: 1px solid #CCCCCC; padding-top: 3px; padding-bottom: 3px; clear: both; overflow: auto; width: 100%;}
.eventlabel { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; float: left; width: 75px; padding: 5px;}
.eventtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; padding: 5px;}
.eventlink { padding: 8px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; clear: both; border-bottom: 1px solid #474747;}
.eventlink a:link, .eventlink a:visited { color: #474747;}
.eventlink a:hover, .eventlink a:active { color: #999999;}

/* applies to special [events] */
.special-block { margin-top: 5px; margin-bottom: 15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000000;}
.specialhead { background-color: #d3b689; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; border-bottom: 1px solid #474747; color: #FFFFFF; }
.specialhead a:link, .specialhead a:visited { color: #FFFFFF; text-decoration: none;}
.specialhead a:hover, .specialhead a:active { color: #CCCCCC; text-decoration: underline;}
.specialrow { border-bottom: 1px solid #999999; padding-top: 3px; padding-bottom: 3px; clear: both; overflow: auto; width: 100%; background-color: #f2e8db;}
.speciallabel { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; float: left; width: 75px; padding: 5px;}
.specialtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; padding: 5px;}
.speciallink { padding: 8px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #f2e8db; clear: both; border-bottom: 1px solid #474747;}
.speciallink a:link, .speciallink a:visited { color: #474747;}
.speciallink a:hover, .speciallink a:active { color: #999999;}

/* applies to [events] on front page */
#front-events .event-block { margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000000;}
#front-events .eventhead { background-color: #FFFFFF; padding: 3px; border: none; color: #666666; border-top-width: 2px; font: bold 12px Arial, Helvetica, sans-serif; }
#front-events .eventhead a:link, #front-events .eventhead a:visited { color: #666666; text-decoration: none;}
#front-events .eventhead a:hover, #front-events .eventhead a:active { color: #999999; text-decoration: underline;}
#front-events .eventrow { display:none;}
#front-events .eventlabel { display:none;}
#front-events .eventtext { display:none;}
#front-events .eventlink { display:none;}
#front-events .special-block { margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000000;}
#front-events .specialhead { padding: 3px; border: none; color: #990000; font: bold 12px Arial, Helvetica, sans-serif; background: #FFFFFF; }
#front-events .specialhead a:link, #front-events .specialhead a:visited { color: #990000; text-decoration: none;}
#front-events .specialhead a:hover, #front-events .specialhead a:active { color: #999999; text-decoration: underline;}
#front-events .specialrow { display:none;}
#front-events .speciallabel { display:none;}
#front-events .specialtext { display:none;}
#front-events .speciallink { display:none;}



/* applies to [calendar_detail] */
.detail-block { margin: 0px; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
.detailhead { background-color: #666666; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border-bottom: 1px solid #CCCCCC; color: #FFFFFF; border-top: 1px solid #CCCCCC;}
.detailrow { border-bottom: 1px solid #CCCCCC; padding-top: 3px; padding-bottom: 3px; clear: both; overflow: auto; width: 100%;}
.detaillabel { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; float: left; width: 75px; text-align:right; padding: 5px;}
.detailtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; padding: 5px;}
.detailimage { text-align: center; margin:auto}
.detailimage img { width: 375px; margin: 5px auto}

/* applies to [calendar] */
.calendar-block { margin: 0px 0px 10px; background-color:#FFFFFF}
.calendar-block td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; border: 1px solid #CCCCCC;}
.cal-head { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; padding: 3px; background: #474747;}
.cal-dow th{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; background-color: #CCCCCC; border: 1px solid #999999; text-align:center;}
.cal-dow th.sunday { color: #666666; background-color: #FFFFCC; text-align:center;}
.cal-dow th.saturday { color: #666666; background-color: #FFFFCC; text-align:center;}
.cal-row {}
.activecell a { display: block; background-color: #EFF3F6;}
.activecell a:link, .activecell a:visited { color: #999999; text-decoration: none;}
.activecell a:hover, .activecell a:active { color: #999999; background-color: #CCCCCC;}
#today a { display: block; background-color: #B0D0E2;}
#today a:link, #today a:visited { color: #FFFFFF; text-decoration: none;}
#today a:hover, #today a:active { color: #FFFFFF; background-color: #CCCCCC;}

#small-calendar .calendar-block { margin: 0px 0px 10px; background-color:#FFFFFF}
#small-calendar .calendar-block td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; border: 1px solid #CCCCCC;}
#small-calendar .cal-head { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background: #474747; padding: 3px;}
#small-calendar .cal-dow th{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; background-color: #CCCCCC; border: 1px solid #999999; text-align:center;}
#small-calendar .cal-dow th.sunday { color: #666666; background-color: #FFFFCC; text-align:center;}
#small-calendar .cal-dow th.saturday { color: #666666; background-color: #FFFFCC; text-align:center;}
#small-calendar .cal-row {}
#small-calendar .activecell a { display: block; background-color: #EFF3F6;}
#small-calendar .activecell a:link, .activecell a:visited { color: #999999; text-decoration: none;}
#small-calendar .activecell a:hover, .activecell a:active { color: #FFFFFF; background-color: #CCCCCC;}
#small-calendar #today a { display: block; background-color: #B0D0E2;}
#small-calendar #today a:link, #today a:visited { color: #FFFFFF; text-decoration: none;}
#small-calendar #today a:hover, #today a:active { color: #FFFFFF; background-color: #CCCCCC;}

/* applies to [calendar_submit] */
#calendar-submit .required-text { color: #993300;}
.calendarsubmit {padding: 5px; border: solid 1px #CCCCCC;}
.calendarsubmit th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #666666; font-weight: bold; padding: 3px;}
.calendarsubmit th.required { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #993300; padding: 3px;}
.calendarsubmit td { font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#input-event textarea { width: 98%;}

#date-and-time { text-align:right; position:relative; top:0px; width:100%; font-size:16px;}

h6 {
	background-color: #666666;
	text-transform: uppercase;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-stretch: normal;
	font-weight: bold;
	color: #fff;
	border-bottom: 0px solid #666666;
	padding: 8px 5px 5px 5px;
	line-height: 20px;
}

ul.dropdown a {
font-size:10px;
text-transform:uppercase;
}

ul.dropdown ul a:link, ul.dropdown ul a:visited {
display:block;
padding:4px 4px 5px;
}


.tabset{
	}
	.tabset a{
		margin-right:2px;
		border:1px solid #ddd;
		background:#eee;
		color:#333;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;}
		.tabset a span{
			background:#eee;
			-moz-border-radius-topright:5px;}
		.tabset a.active{
			background:#fff;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;}
			.tabset a.active span{
				background:#fff;
				-moz-border-radius-topright:5px;}