@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image:url(../images/bgBlue.jpg);
	background-repeat:repeat;
	background-color:#3e9baa;/*blue*/
}
/*******************font styles start*******************/
p{
	padding:0 25px 20px 25px;
	margin: 0;
	font-size:14px;
	color:#603813;}
#contentFull ul {
	font-size:14px;
	color:#603813;
	padding:0 25px 0px 25px;}
#contentFull ul li {
	margin: 0 0 20px 50px;}
/*brown headline content*/
h1{
	color:#7A4732;
	font-size:22px;
	font-weight:bolder;
	padding:12px 0 0 32px;
	margin:0;
	}
/*headline sidebar*/
h2{color:#7A4732;
	font-size:18px;
	font-weight:bolder;
	padding:18px 0 0 32px;
	margin:0;}
/*link cloud green*/
h3{
	padding:5px 0 0 30px;
	margin:0;
	font-size:12px;
	font-weight:bold;}

a:link, a:visited{color:#029F52;
text-decoration:none;}
a:hover, a:active{color:#029F52;
text-decoration:underline;}

/*footer text*/
h4{
	color:#006D3F;
	font-size:11px;
	font-weight:normal;}
/*schedule table text info*/
h5{
	padding:6px 10px;
	margin: 0;
	font-size:12px;
	color:#603813;
	font-weight:normal;}
/*schedule table title*/
h6{
	padding:6px 10px;
	margin: 0;
	font-size:16px;
	color:#fff;
	font-weight:normal;
	background-color:#58C4D0;
	border-bottom:1px solid #0798A8;}

#container { 
	/*border:1px solid #00F;*//*blue*/
	width: 996px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
/*this contains the main content area which is smaller than the header and footer*/
#contentContainer{
	width:950px;
	margin: 0 auto;
	padding:0;
	position:relative;
	top:0px;
	right:0;
/*	background-image:url(../images/contentBg2.png);
	background-repeat:repeat-y;*/
	/*border:1px solid #C36;*//*pink*/}

#contentContainerBottom{
	width:930px;
	margin: 0 auto;
	padding:0 0 2px 0;
	margin:0px;
	background-image:url(../images/contentBg2.jpg);
	background-repeat:repeat-y;
	/*border-top:1px solid #3e9baa;*/
	/*border:1px solid #9F3;*/
	/*border-top:1px solid #3e9baa;*//*blue*/}


#contentContainerFooter{
	background-image:url(../images/contentBgFoot.png);
	background-repeat:no-repeat;
	margin:0 0 0 25px;
	behavior: url(css/iepngfix.htc);
	/*border:1px solid #639;*//*purple*/}




/*******************header with background image*******************/
#header { 

	padding:0;
	margin:0;
	height:258px;
	background-image:url(../images/header2.png);
	background-repeat:no-repeat;
	behavior: url(css/iepngfix.htc);
	
} 
#headerLf{
	padding:48px 0 0 300px;
	margin:0 250px 0 0;
	
	/*border:1px solid #0F0;*//*green*/}
#headerRt{
	padding: 40px 0 0 0;
	width:218px;
	height:125px;
	float:right;
	background-image:url(../images/cloudLink.png);
	background-repeat:no-repeat;
		behavior: url(css/iepngfix.htc);
	/*border:1px solid #09F;*//*blue*/}
	
	

/*******************navigation starts*******************/
#mainNavContain{
	padding:0;
	margin:0;
	height:74px;
	*height:70px;
	_height:70px;
	background-image:url(../images/navigationInteriorBg.jpg);
	background-repeat:no-repeat;
	/*behavior: url(css/iepngfix.htc);*/
	/*border:1px solid #333*/}

#mainNav{
	padding:0;
	margin:0;
	/*border:1px solid #090;*/ /*dark green*/}
#secondaryNavContain{
	padding:0;
	margin:4px 0 0 23px;
	/*margin:3px 0 0 13px;*/

	/*border:1px solid #0F0;*//*green*/}

/*******************content area starts*******************/
#sidebar1 {
	margin:0;
	padding:0 4px 0 0;
	float: right; /* since this element is floated, a width must be given */
	width: 320px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* the background color will be displayed for the length of the content in the column, but no further */
/*border:1px solid #6C3;*//*green*/
}
#mainContent { 
/*border:1px solid #C0C;*//*pink*/
padding:5px 0 0 0;
	margin: 0px 320px 0 23px;/* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	/*padding: 0 20px; *//* remember that padding is the space inside the div box and margin is the space outside the div box */
}
/*content in tan area left side*/
#contentTan{
	padding:10px 0 0 0;
	margin:0;
	background-image:url(../images/mainContentBgRepeat.jpg);
	background-repeat:repeat-y;
	behavior: url(css/iepngfix.htc);
	/*border:1px solid #F3C;*//*pink*/}
#contentTanRound{
	padding:0;
	margin:0;
	background-image:url(../images/mainContentBgFoot.jpg);
	background-repeat:no-repeat;
	behavior: url(css/iepngfix.htc);
	height:17px;}
#fullContain{
	padding: 5px 0 0 23px;
	margin:0;}
#contentFull{
	padding:10px 0 0 0;
	margin:0;
	width:895px;
	background-image:url(../images/contentFullRepeat.jpg);
	background-repeat:repeat-y;}
#contentFullBottom{
	padding:0;
	margin:0;
	width:895px;
	height:27px;
	background-image:url(../images/contentFullFoot.jpg);
	background-repeat:no-repeat;}

#tvSpotBig{
	margin: 0 22px 5px 23px;
	padding: 0;
	padding: 10px 0px 10px 10px;
	background-color:#FFF;
	border:1px solid #DFD2BC;
}
/*sidebar background*/
#sidebarBg{
	padding:0;
	margin:0;
		width:312px;
	background-image:url(../images/sidebarBgRepeat.jpg);
	background-repeat:repeat-y;
	behavior: url(css/iepngfix.htc);}
#sidebarContent{
	padding: 0 0 0 12px;
	margin:0;
	/*border:1px solid #C06;*//*pink*/
	}
#sidebarFootBg{
		padding:0;
	margin:0;
	background-image:url(../images/sidebarBgFoot.png);
	background-repeat:no-repeat;

	height:17px;}
/* \*/
* html #sidebarFootBg {
	padding:0;
	margin:0;
	background: none;
	width:319px;
	/*border:1px solid #30F;*//*blue*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sidebarBgFoot.png', sizingMethod='crop');
}
/* */
/*******************tab styles for headlines starts*******************/
/*large left headline*/
.largeHeadContain{
	padding:0;
	margin:0;
	height:55px;
	background-image:url(../images/mainContentBgHead.jpg);
		background-repeat:no-repeat;
		behavior: url(css/iepngfix.htc);
	/*border:1px solid #963;*//*tan*/}
/*full width headline*/
.fullHeadContain{
		padding:0;
	margin:0;
	height:56px;
	width:895px;
	background-image:url(../images/contentFullHead.jpg);
	background-repeat:no-repeat;}
/*small sidebar headline*/
.smHeadContain{
	padding:0;
	margin:0;
	height:64px;
	background-image:url(../images/sidebarBgHead.png);
		background-repeat:no-repeat;
		behavior: url(css/iepngfix.htc);
	/*border:1px solid #963;*//*tan*/}



#footer { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background-image:url(../images/footerRepeat.jpg);
	background-repeat:repeat-x;
	height:265px;
*/	/*border:1px solid #C0C;*//*pink*/
} 
#footerBg{
	margin:0;
	padding:0;
	height:470px;
	background-image:url(../images/footer2.jpg);

	/*border:1px solid #F90;*//*orange*/
	}
#footerNav {
	padding: 180px 0 0 0;
	margin:0px 0 0 0;
	text-align:center;
}
#footerNav ul {
	padding: 0;
	margin:0;
}
#footerNav ul li {
	display: inline;
}
#footerNav ul {
	margin: 0;
	padding: 0;
	color:#006D3F;
}
#footerNav ul li a {
	color:#006D3F;
	text-decoration: none;
	border-right: 1px solid #006D3F;
	font-size:14px;
	margin:0px 0 0 0;
	padding: 0 15px 0 5px;
}
#footerNav ul li a:hover {
	text-decoration:underline;
	color:#006D3F;
}
#footerNav ul li a.last {
	border-right: none;
	font-size:14px;
	margin:0px 0 0 0;
	padding: 0 15px 0 5px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}