html {
     height:100%
}

body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #005ba6;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
	padding: 0px;
	height:100%
}

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;
	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;
}

.title span {
	font-size: 16px;
	color: #2570bc;
}

.subtitle2 {
	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: 15px;
	color: #d0e4f1;
}

.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: 80px;
	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: -13px;         
	margin-bottom: 0px;         
	margin-right: 0px;         
	margin-top: 2px;         
	line-height: normal;         
}

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

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

.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: -13px;         
	margin-bottom: 0px;         
	margin-right: 0px;         
	margin-top: 2px;         
	line-height: normal;    
}

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

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

.calendar span {      
	font-family: "Myriad Pro", Helvetica;    
	text-decoration: none;      
	color: #394248;      
	font-size: 16px;            
}

.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;      
	        
}

	
	/* General form styles
----------------------------------------*/
fieldset {
    border: none;
    padding: 10px;
    }

fieldset input, 
fieldset select {
	height: 40px;
	border-style: solid;
	border-color: #abcae0;
	border-width: 1px;
	font: 1em/1.6em "Myriad Pro", "Lucida sans", Verdana, sans-serif;
	font-weight: normal;
	padding: 10px;
	color: #0f285e;
	background-color: #e5f0f4;
}

fieldset textarea {
	border-style: solid;
	border-color: #abcae0;
	border-width: 1px;
	font: 1em/1.6em "Myriad Pro", "Lucida sans", Verdana, sans-serif;
	font-weight: normal;
	padding: 10px;
	color: #0f285e;
	background-color: #e5f0f4;
}

fieldset input:hover, 
fieldset select:hover,
fieldset textarea:hover {
	border-color: #a5bfd7;
	border-style: solid;
	border-width: 1px;
}


/* Buttons */

.buttons button{
    border-color: #0e1c49;
    border-width: 1px;
    border-style: solid;
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color: #0e1c49;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color: white;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color: #e1ecf1;
    border:1px solid #e2ecf1;
    color: #0a1235;
}

#container {
     position:relative;
     min-height:100%;
     _height:100%; /* for IE6 as it doesnt understand min-height */
}
#content {
     padding-bottom:105px; /* assuming your footer height is 100px */
}
 
#footer {
     position: relative;
     margin-top:-100px;
     /* move the footer up negatively exactly the same height
         as the footer so that its back in the view and always 
         appears to rest at the bottom
         of the page */
}