﻿/*----------------------------------------------------
#	Spark Stylesheet Version 2.3
-----------------------------------------------------*/
/*some fonts*/

.contentPosition div {
	margin-top: 2px ;
	margin-bottom: 13px ;
	}

/*------------Template and Structure styles------------*/

img {
	border: 0px ;
	}

#Sparkbody {
	text-align: center ;
	margin: 0px 0px 0px 0px !important;
	padding: 0px ;
	background-color: #51904b ;
	background-image: url('/Images/Template/background-GrassGrad.jpg') ;
	background-repeat: repeat-x ;
	background-position: center 275px ;
	}

.ContainerHead {
	width: 100% ;
	height: 275px ;
	margin: 0 auto ;
	background-color: #6cad52 ;
	background-image: url('/Images/Template/header_grass.jpg');
	background-repeat: repeat-x ;
	background-position: top ;
	margin-top: 0px !important;
	margin-bottom: 0px ;
	}
	
.header {
	width: 1024px ;
	height: 275px ;
	margin: 0 auto ;
	position: relative ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	}
.newsChannelTop {
	width: 193px ;
	height: 282px ;
	position: absolute ;
	right: 13px ;
	top: 29px ;
	background-color: #ffffff ;
	opacity: 0.75 ;
	margin-top: 0px ;
	margin-bottom: -36px ;
	z-index:0;
	}
	
.headerLogo {
	position: absolute ;
	right: 39px ;
	top: 85px ;
	z-index:1;
	}
	
.largeFlagImg {
	position: absolute ;
	left: 0px ;
	top: -72px ;
	}
	
.containerBaseSection {
	width: 1024px ;
	background: none ;
	height: auto ;
	position: relative ;
	margin: 0 auto ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	}
	
.tblCenterSection {
	border: 0px ;
	border-collapse: collapse ;
	border-spacing: 0px ;
	position: relative ;
	width: 1011 ;
	float: left ;
	margin-top: 36px ;
	}
	
.tblCenterSection td {
	padding: 0px ;
	}
	
.menuContainer {
	width: 167px ;
	height: auto ;
	background: none ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	}
	
.MenuPositioner {
	margin-top: 17px ;
	padding-bottom: 40px ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	}
	
.contentContainer {
	width: 651px ;
	min-height: 630px ;
	height: auto ;
	background-color: #ffffff ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	}
	
.contentPosition {
	margin: 19px 32px ;
	width: 586px ;
	height: auto ;
	float: left ;
	position: relative ;
	}
	
.sponsorRow {
	height: auto ;
	background-color: #ffffff ;
	float: left ;
	/*margin: 19px 32px ;*/
	margin: 19px 0px 19px 32px ;
	}
	
.templateFooterChannels {
	width: 190px ;
	height: 221px ;
	text-align: left ;
	float: left ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	}
	
.fChanCentr {
	border-left: 1px solid #51904b ;
	border-right: 1px solid #51904b ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	}
	
.SponsorSquare {
	width: 180px ;
	height: 173px ;
	border: 2px  solid #51904b ;
	text-align: left ;
	position: relative ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	}

.SponsorSquare img {
	width: 140px ;
	height: 110px ;
	text-align:center;
	position: absolute ;
	margin: 0px ;
	top: 20px ;
	left: 20px ;
	}
.newsPosition {
	margin-left:16px ;
	height: auto ;
	float: left ;
	width: 157px ;
	}
	
.newsChannel {
	width: 193px ;
	background-color: rgba(225, 225, 225, 0.75) ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	}
	
.newsBackground {
	display: none ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	}
	
.footer {
	width: 992px ;
	background: none ;
	height: 40px ;
	float: left ;
	margin-left: 11px ;
	margin-top: 10px ;
	}
	
.healthLogos {
	float: left ;
	margin-top: -40px ;
	margin-bottom: 0px ;
	height: 73px ;
	width: 115px ;
	}
	
.leftFloat {
	float: left ;
	}
	
.rightFloat {
	float: right ;
	}
	
.alignRight {
	text-align:right;
	}

/*------------Text and Font Formatting------------*/
p, body, h1, h2, h3, h4, h5, h6, table, th, td, span, dd, dt, li, blockquote, fieldset, a {
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
 	font-size: 11px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	}
	
p {
	margin-top: 2px ;
	margin-bottom: 13px ;
	}
h1, .greenEmpha {
	font-size: 17px;
	color: #51904b;
	margin-bottom: 3px ;
	font-style: normal ;
	font-weight: bold ;
	margin-bottom: 2px ;
	}

h2 {
	font-size: 13px;
	color: #51904b;
	font-weight: bold ;
	margin: 7px 0px 2px 0px ;
	}

h3 {
	font-size: 15px;
	color: #51904b;
	margin-bottom: 2px ;
	}

h4 {
	font-size: 14px;
	color: #51904b;
	margin-bottom: 2px ;
	}

h5 {
	font-size: 13px;
	color: #51904b;
	margin-bottom: 2px ;
	}

h6 {
	font-size: 15px;
	margin: 0px 0px 3px 0px ;
	line-height: 19px ;
	color: #51904b;
	font-family: 'ITC Avant Garde Std Bk', 'century gothic', verdana, tahoma, sans-serif ;
	}

.LatestNewsHeader {
	font-size: 15px;
	margin: 13px 0px 8px 0px ;
	line-height: 19px ;
	color: #51904b;
	font-family: 'ITC Avant Garde Std Bk', 'century gothic', verdana, tahoma, sans-serif ;
	}

.newsRule {
	color: #51904b;
	border: 0px ;
	border-bottom: 1px solid #51904b;
	background: none ;
	}
	
.footerPara {
	font-size: 11px;
	color: #ffffff ;
	margin: 0px ;
	line-height: 12px ;
	display: block ;
	margin-left: 19px; 
	}

.NewsSummary {
	margin-top: 3px ;
	margin-bottom: 7px ;
	}

/*------------Hyperlink styles------------*/

a:link, a:visited, a:active {
	color: #000000 ;
 	text-decoration: underline ;
	}

a:hover {
	color: #999999 ;
 	text-decoration: underline ;
	}

.LatestNewsTitle, .LatestNewsTitle a {
	color: #51904b ;
	text-decoration: none ;
	margin: 0px ;
	font-size: 11px ;
	line-height: 12px ;
	}

.LatestNewsTitle a:hover {
	text-decoration:underline;
	}

/*------------Special styles (will overwrite above)------------*/
.clear {
	clear:both
}
		
#Sponsors {
	
	height:110px;
			
}
#Sponsors a {
	position:absolute;
}
		
#Sponsors a img {
	border:none;
}
		
#Sponsors a.show {
	z-index:500
}
.hide {
display:none;
}
	 
#Sponsors .caption {
	z-index:600; 
	background-color:#000; 
	color:#ffffff; 
	height:0px; 
	width:100%; 
	position:absolute;
	bottom:0;
}
	 
#Sponsors .caption .content {
	margin:5px
}
		
#Sponsors .caption .content h3 {
	margin:0;
	padding:0;
	color:#1DCCEF;
}
	/** **/	 
#HeaderRotate {
			
	float: left;
	position:absolute;
	text-align:left;
	top:0;
	left:0;
}
#HeaderRotate a {
	top:0;
	left:0;
	position:absolute;
}
			
#HeaderRotate a img {
	border:none;
}
			
#HeaderRotate a.show {
	z-index:0
}
		 
#HeaderRotate .caption {
	z-index:0; 
	background-color:#000; 
	color:#ffffff; 
	height:0px; 
	width:100%; 
	position:absolute;
	bottom:0;
}
		 
#HeaderRotate .caption .content {
	margin:5px
}
		
#HeaderRotate .caption .content h3 {
	margin:0;
	padding:0;
	color:#1DCCEF;
}
.normalcursor {
    cursor:default;
}
    /** **/	 
.channel_img_gal {
	margin-left: 10px ;
	width: 170px ;
	height: auto ;
	}

/*------------ Required Spark Styles------------*/
.ImageTitle { font-size: 11px; color: #000000; }
.FormTable { width: 80%; }	
.FormQuestion { background-color: #0099cc; color: #ffffff; font-weight: bold; width: 150px; padding: 3px; vertical-align: top; }	
.popupControl { background-color: #AAD4FF; position: absolute; visibility: hidden; border-style: solid; border-color: black; border-width: 2px; }
.modalBackground { background-color: gray;  filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { background-color: #ffffff; border-width: 3px; border-style: solid; border-color: gray; padding: 3px; width: 250px; }
@media only screen and (max-device-width: 480px) {
    body, #SparkBody, #SparkAdminBody {
	background-image:none !important; 
    } 
}
