/* CSS Document */

/* Mobius Administration classes - START */
a.admin:link 	   { color: #000066; text-decoration: none; } 
a.admin:hover  	{ color: #669966; text-decoration: underline; } 
a.admin:visited 	{ color: #000066; text-decoration: none;  }
.adminbg    		{ background: #ECEFE7;}
.adminpadding		{ padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;}
h1.adminheader		{ color: #000066; font-size: 12px; font-weight: bold; margin-bottom : 0px;}
.admintable			{ background: #FFFFFF;}
.adminguide			{ color: #999999; }
 /* help */
.admin2			   { background: #D6E0C5; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}
.admin2bg    		{ background: #D6E0C5; padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;}
.admin2padding		{ background: #ECEFE7; padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;}						
h1.admin2header	{ color: #000066; font-size: 12px; font-weight: bold; margin-bottom : 0px;}
.admin2small		{ font-size: 10px; }
/* Mobius Administration classes - END */

/* Mobius Display classes, also to be used on main website - START */
.none				   { color: #000000; font-size: 12px; font-weight: normal;}
.message			   { color: #FF0000; font-weight: normal;}
.smallheader      { color: #4D6C9D; font-size: 12px; font-weight: bold; }
.mediumheader     { color: #4D6C9D; font-size: 14px; font-weight: bold;}
.largeheader      { color: #4D6C9D; font-size: 16px; font-weight: bold; }
.alttext          { color: #669966; font-size: 10px; }
/* Mobius Display classes - END */

body {
	margin: 0px;
	background: #E0E0E0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}

p, td  {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
a, a:visited {
	color: #4D6C9D;
	text-decoration: none;
}
a:hover {
	color: #669966;
	text-decoration: none;
}
form { 
	margin: 0px;
}
.padding {
  	padding: 6px;
}
h1.headline1 {
  /* padding: 3px 3px 3px 3px;*/
  padding: 0px;
	margin: 0;	
	border: 0;
	height: 22px;
	margin-bottom: 0px;
	font-size: large;
	color: #00529A;
}
h2 {
	margin-bottom: 0px;
	margin-top: 0.001em;
	font-weight: bold;
	font-size: 1.7em;
}
h3{
	font-weight: bold;
	font-size: 1.6em;
}
h4{
	font-weight: bold;
	font-size: 1.4em;
} 
.bigbluetext{
font-weight: bold;
font-size: 1.6em;
color:#00529A;
line-height:1.6em;
}
.biggreytext{
font-weight: bold;
font-size: 1.6em;
color:#666666;
line-height:1.6em;
}
.bigredtext{
font-weight: bold;
font-size: 1.4em;
color:#EC1216;
line-height:1.4em;
}
.wrap {
	width: 750px;
   border: 1px solid #A9A9A9;
   margin: 14px auto;
   /* padding: 14px; */
   padding: 12px;
	background: #fff;
}
*html .wrap{
width: 748px;
margin: 12px auto;
padding: 9px;
}
.pageContainer {
   width: 100%;
   /*background-color:#00529A;*/
   background:url(../images/bg_y_repeat.gif) repeat-y top left;
   float:left;
   
} 
*html .pageContainer{
width: 751px;
} 
.container{
padding:1em;
float:left;
} 
*html .container{
float:left;
} 
#header {
	width: 100%;
	height: 124px;
	margin: 0;
	padding: 6px 0 0 0;
	float: left;
	clear: both;
} 
#header .logo {
   width: 615px;
   background:url(../images/logo_top_portion.jpg) no-repeat top left;
   height:95px;
   margin: 0px;
   padding: 0px;
   float: left;
   display:block;
} 
#header .bottomlogo {
   width: 134px;
   height:76px;
   margin: 0px;
   padding: 0px;
   float: left;
   display:inline;
}
#header .topNav {
    width: 616px;
	height: 33px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ffffff; 
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #a8a9a9; 
	/*background: #e0e0e0;
	background: #a8a9a9;*/
	
	float: right;
	/*text-align: center;*/
}
#header .topNavText {
	font-size:1em;
	/*vertical-align:middle;*/
	padding:0px 0px 0px 1px ;
	margin:0;
}
#header .topNavText ul{
border-bottom:1px solid #FFFFFF;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
width:100%;
/*list-style-image:square;*/
}
#header .topNavText li{
display:inline;
list-style-position:outside;
list-style-type: none;

/*
width:119px;
height:27px;

padding:0;
*/

/*background-color:#e0e0e0;*/


}
#header .topNavText ul li a.on{
background:#828282 none repeat scroll 0%;
color:#FFFFFF;
display:block;
float:left;
height:31px;
line-height:31px;
margin:0pt 0px 0pt 0pt;
padding:0pt;
border-right:2px solid #FFFFFF
text-align:center;
text-decoration:none;
width:121px;
}
*html #header .topNavText ul li a.on{
width:120px;
}
#header .topNavText ul li{
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	/*font-weight:bold;*/
	/*letter-spacing:0.1em;*/
	/*font-size: 0.8em;*/
}

#header .topNavText ul li a {
	color: #828282;
	display: block;
	height: 31px;
	line-height: 31px;
	/*width: 141px; for 6 tabs*/
	width: 121px;
	float: left;
	background: #e0e0e0;
	text-align: center;
	padding: 0;
	margin: 0 0px 0 0;
	border-right:2px solid #FFFFFF
}

*html #header .topNavText ul li a{
width:120px;
}
#header .topNavText ul li a:hover {
	color: #fff;
	background: #828282;
	text-decoration: none;

}
#header .topNavText ul li.end a {
	color: #fff;
	display: block;
	height: 32px;
	line-height: 32px;
	/*width: 142px; for 6 tabs*/
	width: 122px;
	float: left;
	background: #828282;
	text-align: center;
	padding: 0;
	margin: 0;
}

#header .topNavText ul li.end a.on {
	color: #fff;
	display: block;
	height: 32px;
	line-height: 32px;
	/*width: 142px; for 6 tabs*/
	width: 122px;
	float: left;
	background: #828282;
	text-align: center;
	padding: 0;
	margin: 0;

}

#header a.topNavText:link, a.topNavText:visited {
   /*padding:12px 20px 12px 20px;*/
   /*padding: 4px 28px 4px 28px;*/
   /*
   color:#828282;
   text-decoration:none;   
   font-weight: bold; 
   font-size:0.9em;
   text-transform: uppercase;
   background:url('../images/topnav_btn_off.gif');
   width:119px;
   height:27px;
*/   
}

#header a.topNavText:hover, a.topNavText:active{
/*
   color:#ffffff;
   font-weight: normal; 
   */
   /*background-color:#a8a9a9;*/
   /*
   font-weight: bold; 
   font-size:0.9em;
   text-transform: uppercase;
   background:url('../images/topnav_btn_on.gif');
     width:119px;
   height:27px;
   */
}

.line{
   width:616px;
	border:0; 
	background-color:#669966;
	line-height:0px;
	font-size:0px;
	float:right;
	padding:0;
	margin:0;
}
.left_navbar_top{
background:url(../images/logo.jpg) no-repeat top left;
height:179px;
padding:0;
margin:0;
display:block;
}
.leftNav{
   width: 135px;
	margin:0;
	padding:0px 0px 2em 0px;
	/*background-color:#00529A;*/
	
	/*
	border-top:1px solid #4D6C9D;
	border-bottom:0px solid #4D6C9D;
	border-left:0px solid #4D6C9D;
	border-right:0px solid #4D6C9D;
	*/
	float:left;	 
}
.leftNavLinks{
width: 131px;
padding:0px ;
}
ul.leftNav_sub_header{
line-height:1.2em;
	margin:0px;
	padding: 0.5em 0;
	/*
border-bottom:1px solid #ffffff;
*/
float:left;

}
*html ul.leftNav_sub_header{
padding: 0.5em 0px;
line-height:1em;
} 
ul.leftNav_sub_header li{
list-style-type:none;
/*list-style-position:inside;*/
}
ul.leftNav_sub_header li.subheader{
margin:0em 1.0em 0.5em 1em;
color:#FFFFFF;
font-weight:bold;
}
*html ul.leftNav_sub_header li.subheader{
margin:0em 1em 0.5em 1em;
padding:0em;
color:#FFFFFF;
font-weight:bold;
}
.small_pad{
padding:4px;
}
*html .small_pad{
padding:0;
}
ul.navButtons {
   border:0px;
	margin:0px;
	padding: 0;
}
ul.navButtons li {
  /* background-color: #00529A;*/
	margin-top:4px;
	margin-left:0px;
	margin-right:0;
	margin-bottom:0;
	padding-left:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	float:left; 	 
	width:129px;
	list-style-type:none;
    list-style-position:inside;
	
	
	/*border-top:1px solid #ffffff;*/
	border-bottom:1px solid #ffffff;

}
ul.navButtons_End {
   border:0px;
	margin:0px;
	padding: 0;
}
ul.navButtons_End li {
   /*background-color: #00529A;*/
	margin-top:4px;
	margin-left:0px;
	margin-right:0;
	margin-bottom:0;
	padding-left:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	float:left; 	 
	width:129px;
	list-style-type:none;
    list-style-position:inside;
	
	
	/*border-top:1px solid #ffffff;*/
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;

}
a.navButtons:link, a.navButtons:visited { 	 
   padding:3px;
	display:block;
   color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
a.navButtons:hover, a.navButtons:active {
   color:#eeeeee;
}	 	 
.mainContent{
	padding-bottom:10px;
}
.mainPhoto{
   margin:0;
	padding:0;
	width:233px;
	height:182px;
	border:0px solid #000000;
	float:left;
}
.title_Banner{
   float:right;
	border:0px solid #000000;
	width:414px;
	height:66px;
}
.welcomeText{
   width:346px;
   padding:0px;
	margin:0px; 
	/*
	border-bottom:1px solid #e2e2e2;
	*/
	line-height:1.6em;
	background:url(../images/home_welcome_img.jpg) no-repeat right center;
}
hr.welcome_hr{
border:0;
 color: #e2e2e2;
background-color: #e2e2e2;
height: 1px;
}
.whats_on{
padding:4px;
width:340px;
margin: 0.5em 0;
line-height:1.6em;
}
.special_offer_home{
width:340px;
padding:4px;
background-color:#E8EFF7;
margin: 0.5em 0;
line-height:1.6em;
}
.news_home{
background-color:#F6F6F6;
padding: 10px;
line-height:1.6em;
}
.story_left{
/* for pushing text down and away from thumbnail image */
padding:1.2em 0 0em 0;
}
.story_left p{
/* for pushing text down and away from thumbnail image */
font-size:12px;
text-align:left;
}
.bluetext{
color:#00529A;
}
.greytext{
color:#666666;
}
.redtext{
color:#EC1216;
}
.content{
   width:616px;
   padding:5px 0px 0px 0px;
	margin:0px; 
	border:0px solid #000000;
	float:left;
	
}
.unify{
background-color:#FFFFFF;
width:615px;
float:right;
}
.left_content{
width:357px;
border-right:1px solid #e2e2e2;
float:left;
padding: 12px 0px 0px 12px;
}
.right_content{
width:238px;

float:right;
padding: 0px;
}
.NewsPanel{
   width:241px;
   padding:1em 0pt 0pt 0px;
	margin:0px; 
	border:0px solid #000000;
	float:right;
}
.clear{
   clear:both;
} 	 
hr.thin{
   height:1px;
	color: #4D6C9D;
	margin:0px;
	padding:0px;
	width:100%;
	line-height:0px;
}			 
.footer {
   width: 100%;
	margin: 0px auto;
	padding:0;
	text-align:center;
	color: #999999;
	font-size: 11px;
}
.footer a, a:visited {
	color: #999999;
	text-decoration: none;
}
.footer a:hover {
	color:#4D6C9D;
	text-decoration: underline;
}
a.adminlogin {
   color:#E0E0E0;
   text-decoration:none;   
   font-weight: normal; 
   font-size: 10px;
}
a.adminlogin:hover{
   color:#4D6C9D;
}
td.borderbox {
	border: 1px solid #273C81; 
	padding: 6px;
	background-color: #ECEFE7;
}
.imageleft {
	padding-right: 6px;
	float:left;
}
.imageright {
	padding-left: 6px;
	float:right;
}
.imageframe{
border:solid 1px;
background-color:#FFFFFF;
padding:4px;
margin:4px;
}
/*-------------LIGHTBOX STYLES-------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: 0; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ border: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 90% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 90% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; border: 0;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }