/* CSS Document */

body {
	font-size: 90% !important;	/* IE ignores this*/
	font-size: 76%;
	/* mnj orig was 76% -- font sizing in ems. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. darn.*/
	
	/*mnj new background-image: url(../images/spacer.gif);/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
	/*mnj new background-repeat: no-repeat;*/
	/*mnj new background-position: top left;	*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
	/*border-collapse:collapse;*/
}

td
{
	vertical-align : top;
}


hr
{
	background: #cccccc;
	color: #DADDE4; /* used by IE */
	height: 0.25em;
}

.shadow-top
{
	background-image: url(../images/shadow-top.jpg);
	background-repeat: repeat-x;
}

.shadow-right-lt
{
	background-image: url(../images/shadow-right-lt.jpg);
	width: 14px;
	background-repeat: repeat-y;
}

.shadow-right-dk
{
	background-image: url(../images/shadow-right-dk.jpg);
	width: 14px;
	background-repeat: repeat-y;
}

.template-bkgd-lt
{
	background-color: #e7e4dd;
}

.template-bkgd-dk
{
	background-color: #bcb9b4;
}

.bkgd-lt
{
	background-color: #F3F4F6;
}

.bkgd-dk
{
	background-color: #D9DCE3;
}

	
#col1 {
	width: 185px;
	background-image: url(../images/gradiant-vert-wide.jpg);
	background-repeat: no-repeat;
}	

#content {
	width: 663px;
}	

#content-left {
	width: 100%;
	padding: 15px 0 0 15px;
}

#content-right {
	padding: 15px 25px 0 25px;
	margin-right: 25px;
}	
#content #content-right .smallemphasis {
	font-size: 0.8em;
	font-weight: bold;
}

#content #content-right H2 {
	margin-right: 15px;
}

#content #content-right P {
}

	
	
	
	
.mainmenu {
	margin: 0;
	padding-left: 10px;
	padding-top: 10px;
	color: #808080;
}

.mainmenu h2 {
	font-size: 1em;
	padding: 0;
	margin: 0 0 3px 0;
}

.mainmenu h2 a {
	color: #808080;
	text-decoration: none;	
}

.mainmenu h2 a:hover {
	color: #000;
}

.mainmenu ul {
	list-style-type: none;
	margin-left: 10px;
	font-size: 0.9em;
	margin-top: 0px;
	padding-top: 0px;
}

.mainmenu li a {
	color: #808080;
	margin-bottom: 10px;
	text-decoration: none;
}

.mainmenu li a:hover {
	color: #000;
}	
	
#calendar .time {
	color: #333333;
	padding: 3px;
	width: 150px;
}

#calendar .title {
	color: #333333;
	padding: 3px 3px 3px 0;
}

/* PROGRAM SCHEDULE START*/
.label-dk {color: #333333; 
            font-size: 0.9em;
            font-weight: bold;
            text-align: center;}
.show {font-size: 0.9em;
            text-align: center;}
.time1 {background-color: #F2F3F5;
            font-size: 0.9em;
            font-weight: bold;
            text-align: center;}
	
/* PROGRAM SCHEDULE END*/
	 
.subtitle {
	color: 888888;
	font-weight: bold;
	font-size: 0.95em;
}
blockquote {
	padding-left: 25px;
	padding-right: 25px;
}
.label-dk-lt {
	color: #ffffff; 
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
}


#content p {
}
#content .table P {
	padding: 0 0 10px 5px;
}
#content  .table  H2 {
	padding: 5px 0 0 5px;
}
#content  TH {
	color: #333333;
	background-color: #D9DCE3;
	padding: 10px;
}

#content #content-right H2 {
	color: #A8A8A8;
	width: 200px;
	padding: 0 0 0 0;
}
#content #content-left .photocaptiontable {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0 15px 10px 0;
}
#content #content-left H2 {
	color: #9D9E99;
	margin: 0;
	padding: 0;
}
#content #content-left DT {
	font-weight: bold;
	padding-bottom: 10px;
}
STRONG {
	color: #333333;
}
#content #content-left LI {
	padding-bottom: 3px;
}
.adminmenu {
	font-size: 0.8em;
	color: #FFFFFF;
	padding: 5px 0 0 15px;
}
.adminmenu A {
	text-decoration: none;
	color: #F2F1ED;
	font-weight: bold;
}

.adminmenu A:hover {
	color: #333333;
}
#content #content-left H1 {
	font-size: 1.2em;
	color: #7B87A4;
	padding-bottom: 15px;
}
#content #content-left H2 {
	color: #7B87A4;
	padding: 15px 0 5px 0;
}
#content #content-left P {
	margin: 0;
	padding: 0 0 10px 0;
}
#content  A {
	color: #7B87A4;
}
#content #content-right P {
	margin: 0px;
	padding: 0 0 15px 0;
}
#content #content-right H2 {
	padding: 0 0 5px 0;
	margin: 0;
	color: #7B87A4;
}
#content #content-right UL {
	margin: 0 0 3px 20px;
}
#content #content-right LI {
	padding-bottom: 3px;
}
#content #content-left UL {
	padding: 0 0 15px 25px;
	margin: 0 0 0 20px;
}
.locallyProduced {
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
}

.floatlist {
	display: inline-table;
	float: left;

	/*width=225px;*/
	width: 250px;
	margin-left: 0px;
	margin-bottom: 50px;
}




#content #content-right img, .floatlist img {
	border: 2px solid #E1E4EB;
	padding: 3px;
	margin: 0 5px 0 0;
}

#content #content-right img.noborder, .floatlist img.noborder {
	border: 0;
	padding: 0;
	margin: 0;
}

#content #content-left H3 {
	color: #7B87A4;
	text-transform: uppercase;
	font-weight: normal;
	margin: 3px 0;
}
#content #content-left STRONG {
	color: #666666;
}
#content #content-left .floatlist .photo-name {
	margin: 0 10px 0 30px;
	padding: 0 10px 0 30px;
	font-weight: bold;
	color: #666666;
	font-size: 1em;
}

#content #content-left .floatlist .photo-jobtitle {
	padding: 0 10px;
	font-size: 0.9em;
}
#content #content-left .errormsg {
	color: #CC3333;
	margin: 10px 0 0 0;
}
#content #content-right #calendar .announcer {
	font-weight: bold;
	color: #7B87A4;
}
#content #content-left LI {
	padding-bottom: 15px;
}

.clr {
	clear: both;
}
#content #content-left .table td {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content #content-left #alltypes TABLE {
}
#content #content-left #alltypes TABLE {
}


.websitehelper {
font-size: 0.8em;
color: #666666;
}