html{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	min-height:100%;
}

body {
	background:url(../img/grass-bg.jpg);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	min-height:100%;
	font-size:0.9em;
	
}
#header{
	width:100%;
	height:400px;
	background:url(../img/summer-bg.jpg) center top;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}

#site-title{
	background:url(../img/site-title.jpg) no-repeat;
	width:540px;
	height:160px;
	position:relative;
	top:0px;
	left:160px;
	z-index:7;
}

#site-container{
	width:1000px;
	margin:auto;
	z-index:10;
	position:relative;
	min-height:750px;
	
	
}

#site-top{
	height:200px;
}

.top-links{
	position:absolute;
	top:0px;
	z-index:30;
	right:0px;
}

.top-links img{
	border:0px;
}

.offers-cloud{
	float:right;
	width:157px;
	height:116px;
	z-index:30;
}

.schools-cloud{
	float:right;
	width:157px;
	height:116px;
	z-index:30;
}

.twitter{
	float:right;
	width:157px;
	height:116px;
	z-index:30;
}

#left-side{
	width:280px;
	float:left;
	position:relative;
	z-index:11;
}

#right-side{
	width:720px;
	float:right;
	position:relative;
	z-index:11;
}

#left-side .navigation{
	margin-top:40px;
	margin-left:5px;
	position:relative;
}

#left-side .navigation ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#left-side .navigation li{
	margin-bottom:5px;
}

#left-side .navigation a{
	
	margin-bottom:5px;
	font-size:2em;
	background-color:#ffff00;
	color:#104D95;
	text-decoration:none;
	font-weight:bold;
	padding:4px;
	line-height:1.5em;
}

#left-side .navigation a:hover{
	color:#ffff00;
	background-color:#104D95;
}

.home-images{
	width:700px;
	height:260px;
	background:url(../img/home-polaroids.jpg);
	margin-top:-60px;
	position:relative;
	right:0px;
	margin-left:20px;
	
}

.right-content{
	width:250px;
	float:right;
}

.left-content{
	width:450px;
	float:left;
	margin-top:-20px;
	overflow:hidden;
}

.news-title{
	background-color:#104D95;
	color:#ffffff;
	display:inline;
	font-weight:bold;
	margin-top:30px;
	font-size:1.1em;
	padding:4px;
	position:relative;
}

.news-body{
	margin-top:10px;
	
	
}

.news-body a{
	color:#E2714A;
	font-weight:bold;
	text-decoration:none;
}

.news-body a:hover{
	text-decoration:underline;
}

.news-body div{
	padding:4px;
	color:#104D95;
}

#site-footer{
	width:100%;
	height:80px;
	background:url(../img/site-footer.jpg) #114d95 repeat-x;
	position:relative;
	z-index:21;
	bottom:0px;
}

.page-content{
	margin-top:30px;
	width:710px;
	position:relative;
}

.page-news{
	margin-top:10px;
	background-color:#104D95;
	color:#ffffff;
	font-weight:bold;
	padding:4px;
	margin-bottom:2px;
	position:relative;
}

.page-news-body{
	border:1px solid #104D95;
	background-color:#ffffff;
	color:#104D95;
	position:relative;
	font-size:0.7em;
	
}

.page-news-body a{
	color:#E2714A;
	font-weight:bold;
	text-decoration:none;
}

.page-news-body a:hover{
	text-decoration:underline;
}

.page-news-body div{
	padding:3px;
}



.page-news-container{

	margin-bottom:5px;
}



.page-content .right-content{
	margin-left:10px;
	width:248px;
	margin-top:-2px;
}

.entry{
	width:224px;
	background-color:#ffffff;
	padding:1px;
	margin-right:10px;
	margin-top:10px;
	float:left;
	
}


.entry .name{
	color:#ffff00;
	background-color:#104D95;
	padding:2px;
}

.entry .text{
	padding:3px;
	color:#104D95;
	font-size:0.8em;
}
.entry .item{
	padding-top:1px;
}

.splash-header{
	width:90%;
	margin:auto;
	padding:5px;
	color:#ffffff;
	margin-bottom:5px;
	margin-top:25%;
	background-color:#104D95;
	5
}

.splash-body{
	margin:auto;
	background-color:#ffffff;
	border:1px solid #104D95;
	color:#104D95;
	width:90%;
	text-align:center;
}


.splash-body div{
	padding:4px;
}

.home-content .left-content{
	margin-top:20px;
}


#site-footer{
	
}

#site-footer .footer-left{
	padding-top:50px;
	float:left;
	color:#ffffff;
}

#site-footer .footer-right{
	padding-top:50px;
	float:right;
	
}

.footer-right a{
	font-weight:bold;
	color:#ffff00;
	text-decoration:none;
	font-size:0.8em;
}

.footer-right a:hover{
	text-decoration:underline;
}

.news-container{
	margin-left:15px;
}

.hide{
	display:none;
}


table .table{
	border:1px solid #104D95 !important;
	background-color:#ffffff !important;
	position:relative;
	
}

.table{
	border:1px solid #104D95 !important;
	background-color:#ffffff !important;
	position:relative;
	color:#104D9 !important;
}

.table td, table.tr, table .tbody{
	border:0px !important;
}

.subLinks{
	margin-top:0px !important;
	padding:0px !important;
	position:relative;
	float:left;
}

.subLinks li{
	margin-bottom:3px !important;
	padding:0px !important;
	position:relative;
	line-height:1.5em !important;
}
.subLinks a{
	font-size:0.8em !important;
	background-color:#104D95 !important;
	color:#ffff00 !important;
}

.subLinks a:hover{
	background-color:#ffff00 !important;
	color:#104D95 !important;
}

.school-content{
	color:#104D95;
	margin-top:10px;
	position:relative;
}

.school-content a{
	color:#E2714A;
	font-weight:bold;
	text-decoration:none;
}

.school-content a:hover{
	text-decoration:underline;
}

.sublink-container{
	padding:0px;
	margin:0px;
	line-height:1em;
}

.home-body{
	
	color:#104D95;
	
	
}

.home-body div{
	padding:4px;
}


.vote-box{
	margin-top:10px;
	margin-left:5px;
	width:230px;
	background-color:#ffffff;
	padding:5px 5px 5px 5px;
	border:1px solid #104D95;
}


.vote-box ul, .vote-box li{
	padding:0px;
	margin:0px;
	list-style:none;
}

.vote-box ul{
	margin-top:10px;
	width:100%;
}

.vote-box li{
	margin-bottom:10px;
	width:100%;
}

.vote-box li span{
	display:block;
	float:left;
	font-size:0.8em;
	width:140px;
}

.vote-box li .bar{
	width:50px; border:1px solid #104D95;
	height:10px;
	float:left;
	margin-right:1px;
}

.vote-box li .vote-percent{
	background-color:#104D95;
	height:100%;
}

.vote-box .title{
	color:#104D95;
	font-weight:bold;
}

.vote-box .amount{
	float:right;
	margin-right:5px;
	font-size:0.6em;
	color:#104D95;
}

.poll-submit{
	color:#ffffff;
	text-decoration:none;
	display:block;
	width:100px;
	background-color:#104D95;
	margin:auto;
	margin-top:10px;
	text-align:center;
	font-weight:bold;
	padding:3px;
	height:20px;
}

.poll-submit:hover{
	color:#104D95;
	background-color:#ffff00;
}


.inactive{
	background-color:#acacac;
	cursor:default;
}

.inactive:hover{
	background-color:#acacac;
	cursor:default;
	color:#ffffff;
}

.voting:hover{
	background-color:#104D95;
	cursor:default;
}

#logo-link{
	display:block;
	position:absolute;
	border:0;
	width:180px;
	height:150px;
	top:20px;
	left:10px;
}


.type-link{
	display:block;
	width:100%;
	height:100%;
}


.class-link{
	display:block;
	width:100%;
	height:100%;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}


.news-body .timetable_light_title {
background-color:#104D95;
color:#FFFF07;
font-weight:bold;
padding-bottom:2px;
}

.timetable_day {
background-color:#FFFF07;
color:#FFFFFF;
border-right:1px solid #FFFFFF;
}

.timetable_day a{
background-color:#FFFF07;
color:#104D95;
display:block;
height:15px;
text-decoration:none;
width:45px;
}

.timetable_day a:hover{

text-decoration:underline;
}

.timetable_day_selected {
background-color:#00b5cc;
color:#FFFFFF;
}

.timetable_day_selected a{
background-color:#00b5cc;
color:#FFFFFF;
text-decoration:none;
}

.timetable{
	width:100%;
	background-color:#ffffff;
	padding:5px 0px 5px 0px;
	font-size:0.8em;
	margin-bottom:5px;
	border:1px solid #104D95;
	
}


.news-body .day-name{
	color:#104D95;
	padding:8px 0px 8px 5px;
	font-size:1em;
	font-weight:bold;
}

.timetable-activities-container img{
	text-align:center;
	display:block;
	margin:auto;
	margin-top:20px;
}

.timetable div{padding:0px;}

.news-body .siv-block{
	padding:0px;
}

.news-body .timetable{
	padding:5px 0px 5px 0px;
}



/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #104D95;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: bold;
  background-color: #104D95;
  color: #ffffff;
 
  
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
  font-size:12px;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  


.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}


.offers-marquee{
	background-color:#FFFF07;
display:block;
padding:2px 5px 3px 5px;
position:absolute;
right:20px;
top:120px;
width:440px;
z-index:11;
color:#104D95;
height:16px;
font-weight:bold;
	
}

#scroller_container1 {

color:#FFFFFF;
float:left;
font-size:13px;
font-weight:bold;
height:16px;
margin-bottom:10px;
margin-left:2px;
overflow:hidden;
padding-bottom:4px;
width:435px;
}


.scroller-block a{
	color:#104D95;
	text-decoration:none;
}

.scroller-block a:hover{
	text-decoration:underline;
}



.radio-ads{
	

	margin-top:10px;
	margin-left:5px;
	width:230px;
	background-color:#ffffff;
	padding:5px 5px 5px 5px;
	border:1px solid #104D95;


}

.radio-head{
	color:#104D95;
	margin-bottom:5px;
	font-weight:bold;
		
}

.ad-link a{
	display:block;
	height:25px;
	background:url(/open/img/play-1.gif) no-repeat;
	color:#104D95;
	padding-left:39px;
	text-decoration:none;
	margin-bottom:4px;
	margin-left:3px;
	vertical-align:middle;
	padding-top:4px;
}

.ad-link a:hover{



	background:url(/open/img/play-2.gif) no-repeat;
	text-decoration:underline;
	

}

