/* CSS Document */

body {
		background-image:url(../gfx/background-body-front.jpg);
}

#Content{
	background-image:url(../gfx/background-content-front.gif);
}

#CMSContent.wide {
	width:700px;
	margin:0px 0px 0px 0px;}
	

/* -------------------------------------------------------------------- */

#TickerClock {
	clear:both;
	height:40px;
	padding:0px;
	width:980px;
	position:relative;
	text-align:left;
	margin:0 auto;
}

#Ticker {
		float:left;
		width:700px;
		border-bottom:1px solid #000;
		height:38px;
		margin-bottom:2px; }


.NewsTicker{
	float:left;
	list-style:none;
	width:570px;
	padding:10px 0px 0px 10px;
	margin:0px;
}
	
.NewsTicker a{
	text-decoration:none;
}

.ticker-controls{
	float:right;
	list-style:none;
	width:70px;
	padding:10px;
	margin:0px;
	}
	
.ticker-controls .stop, 
.ticker-controls .play,
.ticker-controls .resume,
.ticker-controls .previous,
.ticker-controls .next{
	width:8px;
	height:8px;	
  	text-indent: -9999px;
	margin:5px;
	background-repeat:none;
}

.ticker-controls .stop{background: url("../gfx/pause.gif");}
.ticker-controls .play{background: url("../gfx/play.gif");}
.ticker-controls .resume{background: url("../gfx/play.gif");}
.ticker-controls .previous{background: url("../gfx/previous.gif");}
.ticker-controls .next{background: url("../gfx/next.gif");}

.ticker-controls li{
	padding:0px;
	margin:0px;
	float:left;}

/* ------- */

#Clock {
		float:left;
		width:276px;
		text-align:right;	
		margin-left:4px;
}

#ClockText{
	float:left;
	width:120px;
	background-color:#8A816D;
	color:#EAE6D9;
	height:39px;
	}
	
#ClockText p{
	padding:10px 10px 0px 10px;
	margin:0px;
	line-height:90%;
	font-size:11px;
}


/* -------------------------------------------------------------------- */

#RotatingBannerPlusAdjacent{
	width:980px;
	position:relative;
	margin:0 auto;
}

#RotatingBannerHolder{
	float:left;
	height:300px;
	padding:0px;
	width:700px;
	border-bottom:4px solid #333333; 
	}
	
.rBannerItem{
	height:300px;
	width:700px;
}
	
.rBannerItem_01{	
	background-image:url(../gfx/rotatingbanner/700x300%20comp%203.jpg);
}

.rBannernItem_02{	
	background-image:url(../gfx/rotatingbanner/700x300 comp 7.jpg);
}

.rBannerText{
	background-color:#FEC53A;
	width:314px;
	max-height:250px;
	margin-top:20px;
	margin-left:20px;	
	position: absolute;
	line-height:normal;
}

.rBannerText p{
	text-decoration:none;
	font-size:20px;
	color:#ffffff;
	padding:20px;
	line-height:normal;
	margin:0px;
	text-align:left;
}

/* ----------------- */

#RotatingBannerSide{
	float:left;
	width:276px;
	height:300px;
	margin-left:4px;
	background:#cccccc;
	border-bottom:4px solid #333333; 
}

#RotatingBannerSide ul{
	margin:0px;
	padding:0px;}
	
#RotatingBannerSide li{
	margin:0px;

	font-size:14px;
	background-color:#000000;
	color:#fff;
	border-bottom:2px solid #ffffff;
	background-image:url(../gfx/banner-selector.gif);
	background-position:right;
	background-repeat:no-repeat;}
	
#RotatingBannerSide ul li:hover{
	background-color:#C9BD9F;
}
	
#RotatingBannerSide ul li a{
	text-decoration:none;
	color:#ffffff;
	padding:12px 0px 0px 20px;
	height:32px;
	display:block;}

#RotatingBannerSide ul.dates li{
	margin:0px;
	width:272px;
	background-color:#FEC53A;
	color:#666666;
	border-left:4px solid #8A816D;
	border-bottom:2px solid #ffffff;
	background-image:url(../gfx/banner-selector-calendar.gif);
	background-position:right;
	background-repeat:no-repeat;}

#RotatingBannerSide ul.dates li p{
	padding:0px;
	margin:0px;
}

#RotatingBannerSide ul.dates li a{
	text-decoration:none;
	padding:9px 0px 0px 20px;
	height:48px;
	display:block;
	color:#666666;}


#RotatingBannerSide ul.dates li a:hover{

	display:block;
	background-color:#C9BD9F;
	background-image:url(../gfx/banner-selector-calendar.gif);
	background-position:right;
	background-repeat:no-repeat;}

/*--*/

#WelcomeText{
	width:630px;
	padding-bottom:10px;
	/*border-bottom:1px dotted #666;
	margin-bottom:20px;*/
}



/*  ---   FRONT -- */




/* --- */

.FrontSmallBox{
	width:145px;
	float:left;
	margin-right:10px;
	min-height:300px;
}

.FrontSmallBox h2{
	width:136px;
	height:14px;
	background-color:#666666;
	color:#ffffff;
	border-bottom:1px solid #fff;
	font-size:13px;
	padding:7px 2px 10px 7px;
	margin:0px;
}

.FrontSmallBox img{
	width:145px;
}

.FrontSmallBox img + p{
margin:10px 5px 0px 5px;
min-height:90px;
}
/* ----------------------------------- */

.FrontSecondaryBox{
	width:200px;
	float:left;
	background-color:#eeeeee;
	margin-right:10px;
	min-height:180px;
}

.FrontSecondaryBox h2{
	width:182px;
	height:13px;
	background-color:#666666;
	color:#ffffff;
	border-bottom:1px solid #fff;
	font-size:13px;
	padding:7px 2px 10px 7px;
	margin:5px;
}

.FrontSecondaryBox p{
	padding:10px 10px 0px 10px;
	margin:0px;
}


.FrontSecondaryBox input{
	margin:8px;
}

.FrontSecondaryBox input[type="text"]{
	padding:3px;
	border:1px solid #ccc;
	width: 174px;
}
	
/* --- */

#FrontContentSide{
/*	background-color:#FBC634;*/
	background-color:#FDD771;
	width:276px;	
	float:right;
	padding-top:20px;
}

/* --- */


@media all and (max-width: 900px) {
	
body{		background-image:none;
}

hr {
	display:none;
}

#Content{
	background-image:none;
}

#TickerClock, #Ticker, .NewsTicker, #Clock  {
width:auto;
float:none;
}
 #ClockText {width:auto;
}

#RotatingBannerPlusAdjacent{
	width:100%;
}
#RotatingBannerHolder{
	float:left;
	width:auto;
	display:none;
}

#RotatingBannerSide{
	float:left;
	width:100%;
	height:300px;
	margin-left:4px;
	background:#cccccc;
	border-bottom:4px solid #333333; 
}
#RotatingBannerSide img{
	height:auto;
	width:100%;
}

#RotatingBannerSide ul.dates li{
	width:100%;
	height:auto;
	border:0px;}
	
#WelcomeText{
	width:100%;}
	
.FrontSmallBox{
	width:40%;}
	
.FrontSecondaryBox{
	width:45%;}
	
#FrontContentSide{
	width:100%;}