body {
	background-color: #c8e4f2;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
	padding: 0px;
}

a {      
	text-decoration: none;      
	color: #2a4762;         
}

a:hover {      
	text-decoration: none;      
	color: #2a4762;      
}

.menu15 {
		position:relative;
		display:block;
		height: 46px;
		width: 60px;
		background:url(images/menuoff_01.jpg) 0 0 no-repeat;
		}
	
.menu15 * { display: none;}
	
.menu15 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 46px;
		width: 60px;
		background:url(images/menuon_01.jpg) 0 0px no-repeat;
}

.menu1 {
		position:relative;
		display:block;
		height: 46px;
		width: 95px;
		background:url(images/menuoff_03.jpg) 0 0 no-repeat;
		}
	
.menu1 * { display: none;}
	
.menu1 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 46px;
		width: 95px;
		background:url(images/menuon_03.jpg) 0 0px no-repeat;
}

.menu2 {
		position:relative;
		display:block;
		height: 46px;
		width: 80px;
		background:url(images/menuoff_04.jpg) 0 0 no-repeat;
		}
	
.menu2 * {display: none;}
	
.menu2 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 46px;
		width: 80px;
		background:url(images/menuon_04.jpg) 0 0px no-repeat;
		}

.menu3 {
		position:relative;
		display:block;
		height: 46px;
		width: 78px;
		background:url(images/menuoff_05.jpg) 0 0 no-repeat;
		}
	
.menu3 * {display: none;}
	
.menu3 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 46px;
		width: 78px;
		background:url(images/menuon_05.jpg) 0 0px no-repeat;
		}

.menu4 {
		position:relative;
		display:block;
		height: 46px;
		width: 120px;
		background:url(images/menuoff_06.jpg) 0 0 no-repeat;
		}
	
.menu4 * {display: none;}
	
.menu4 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 46px;
		width: 120px;
		background:url(images/menuon_06.jpg) 0 0px no-repeat;
		}

.menu5 {
		position:relative;
		display:block;
		height: 46px;
		width: 59px;
		background:url(images/menuoff_07.jpg) 0 0 no-repeat;
		}
	.menu5 * {display: none;}
	
.menu5 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 46px;
		width: 59px;
		background:url(images/menuon_07.jpg) 0 0px no-repeat;
		}

.menu6 {
		position:relative;
		display:block;
		height: 46px;
		width: 68px;
		background:url(images/menuoff_08.jpg) 0 0 no-repeat;
		}
	
.menu6 * {display: none;}
	
.menu6 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 46px;
		width: 68px;
		background:url(images/menuon_08.jpg) 0 0px no-repeat;
		}

.menu7 {
		position:relative;
		display:block;
		height: 46px;
		width: 103px;
		background:url(images/menuoff_09.jpg) 0 0 no-repeat;
		}
	
.menu7 * {display: none;}
	
.menu7 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 46px;
		width: 103px;
		background:url(images/menuon_09.jpg) 0 0px no-repeat;
		}

.menu8 {
		position:relative;
		display:block;
		height: 46px;
		width: 77px;
		background:url(images/menuoff_10.jpg) 0 0 no-repeat;
		}
	
.menu8 * {display: none;}
	
.menu8 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 46px;
		width: 77px;
		background:url(images/menuon_10.jpg) 0 0px no-repeat;
		}

.menu9 {
		position:relative;
		display:block;
		height: 46px;
		width: 73px;
		background:url(images/menuoff_11.jpg) 0 0 no-repeat;
		}
	
.menu9 * {display: none;}
	
.menu9 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 46px;
		width: 73px;
		background:url(images/menuon_11.jpg) 0 0px no-repeat;
		}

.menu10 {
		position:relative;
		display:block;
		height: 46px;
		width: 107px;
		background:url(images/menuoff_12.jpg) 0 0 no-repeat;
		}
	
.menu10 * {display: none;}
	
.menu10 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 46px;
		width: 107px;
		background:url(images/menuon_12.jpg) 0 0px no-repeat;
		}

#search {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	border: 0px;
}
#search input {
	margin-bottom: -7px;
	padding-bottom: 0px;
	word-wrap: normal;
	word-break: normal;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 36px;
	font-family: "Myriad Pro", Helvetica;
	background:transparent url(images/searchbg.jpg) no-repeat scroll left top;
	border:none;
	font-size: 14px;
	color:#cbeaff;
	width:207px;
	height:30px;
	float:left;
}
#search input:focus, #search input:hover, #search button:focus, #search button:hover {
	background:transparent url(images/searchbg2.jpg) no-repeat scroll 0 0;
}
#search button {
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(images/gobutton.jpg) no-repeat scroll 0px 0px;
	border:none;
	font-size:0.1em;
	color:#000000;
	padding:0px;
	height:30px;
	width:34px;
	float:left;
}
#search button:focus, #search button:hover {
	background:transparent url(images/gobutton.jpg) no-repeat scroll 0px 0px;
	color:#fff;
}

p {
	padding: 0px;
	margin: 0px;
	line-height: 1.3em;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	font-family: Helvetica;
	font-size: 13px;
	color: #0f2855;
}

.title {
	text-transform: uppercase;
	font-family: "Myriad Pro", Helvetica;
	margin: 0px;
	line-height: 1.3em;
	padding-top: 17px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 2px;
	font-size: 19px;
	color: #2570bc;
}

.subtitle {
	font-family: "Myriad Pro", Helvetica;
	margin: 0px;
	line-height: 1.3em;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	font-size: 18px;
	color: #13487b;
}

.subtitle span {
	font-family: "Myriad Pro", Helvetica;
	margin: 0px;
	line-height: 1.3em;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 4px;
	padding-bottom: 0px;
	font-size: 13px;
	color: #2659b1;
}

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 541px;	 
	height:232px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:2000000em;	
	clear:both;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}


/* single item */
#thumbs div {
	background-image: url(images/mainfeaturebg2.jpg);
	float:left;
	width:541px;
	height:232px;
	color:#fff;
	cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {	
}

/* style when element is active (clicked) */
#thumbs div.active {
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;	
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}


/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	margin-left: 7px;
	margin-right: 6px;
	margin-top: 120px;
	display:block;
	width:20px;
	height:20px;
	background:url(images/left.jpg) no-repeat;
	float:left;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -20px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(images/right.jpg);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	width: 60px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	margin-left: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	margin-top: 15px;
	width:8px;
	height:8px;
	float:left;
	background:url(images/navi.jpg) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

/*********** CSS ***********/

.newstick {      
	margin-left: 14px;      
	width: 80%;      
	text-decoration: none;      
	margin-top: 6px;      
	margin-bottom: 4px;      
	background-position: left center;      
	padding-right: 20px;      
	padding-left: 10px;      
	padding-bottom: 6px;      
	padding-top: 10px;      
	background-color: #e5eef3;      
}

.newstick a {      
	font-family: "Myriad Pro", Helvetica;      
	font-size: 16px;      
	width: 75%;      
	color: #4a7cab;      
	padding: 0px;      
	margin: 0px;      
	text-decoration: none;      
	background-position: 0 center;      
}

.newstick a:hover {      
	font-family: "Myriad Pro", Helvetica;      
	font-size: 16px;      
	width: 75%;      
	color: #2a4762;      
	padding: 0px;      
	margin: 0px;      
	text-decoration: none;      
	background-position: 0 center;   
}

.newstick span {      
	font-family: "Myriad Pro", Helvetica;    
	text-decoration: none;      
	padding-left: 2px;      
	padding-bottom: 0px;      
	padding-right: 0px;      
	padding-top: 0px;      
	color: #8f9fa7;      
	font-size: 11px;      
	background-position: 0 center;         
}

.newsmore {      
	padding-left: 15px;      
	padding-bottom: 0px;      
	padding-right: 0px;      
	padding-top: 10px;      
}

.newsmore a {      
	padding: 0px;      
	margin: 0px;      
	font-family: "Myriad Pro", Helvetica;      
	font-size: 13px;      
	width: 75%;      
	color: #5184b2;      
	text-decoration: none;      
	background-position: 0 center;   
}

.newsmore a:hover {      
	font-family: "Myriad Pro", Helvetica;      
	font-size: 13px;      
	width: 75%;      
	color: #589ce5;      
	padding: 0px;      
	margin: 0px;      
	text-decoration: none;      
	background-position: 0 center;   
}

.calendar {      
	margin-left: 14px;      
	width: 80%;      
	text-decoration: none;      
	margin-top: 6px;      
	margin-bottom: 4px;      
	background-position: left center;      
	padding-right: 20px;      
	padding-left: 10px;      
	padding-bottom: 6px;      
	padding-top: 10px;      
	background-color: #9cc5ee;      
}

.calendar a {      
	font-family: "Myriad Pro", Helvetica;      
	font-size: 16px;      
	width: 75%;      
	color: #4a7cab;      
	padding: 0px;      
	margin: 0px;      
	text-decoration: none;      
	background-position: 0 center;      
}

.b a:hover {      
	font-family: "Myriad Pro", Helvetica;      
	font-size: 16px;      
	width: 75%;      
	color: #2a4762;      
	padding: 0px;      
	margin: 0px;      
	text-decoration: none;      
	background-position: 0 center;   
}

.calendar span {      
	font-family: "Myriad Pro", Helvetica;    
	text-decoration: none;      
	padding-left: 2px;      
	padding-bottom: 0px;      
	padding-right: 5px;      
	padding-top: 0px;      
	color: #394248;      
	font-size: 16px;      
	background-position: 0 center;         
}

.blog {      
	margin-left: -13px;         
	margin-bottom: 0px;         
	margin-right: 0px;         
	margin-top: 2px;         
	line-height: normal;     
}

.blog a {      
	font-family: "Myriad Pro", Helvetica;      
	font-size: 16px;       
	color: #4a7cab;           
	text-decoration: none;       
}

.blog a:hover {      
	font-family: "Myriad Pro", Helvetica;      
	font-size: 16px;          
	color: #2a4762;      
	text-decoration: none;        
}

.blog span {      
	font-family: "Myriad Pro", Helvetica;    
	text-decoration: none;      
	color: #69757b;      
	font-size: 11px;      
	        
}