body {
	margin: 0 0 0 0;
	text-align:center;
	background: url(../images/jpegs/mainbg.jpg) repeat-x #92C6DE;
	height: 100%;
	min-height: 100%;
	overflow:auto;
}

img {border: none; }
.floatleft{ float:left;}
.floatright{ float:right;}
.clearboth{ clear:both;}
.spacer {height: 10px; width: 100%;}
.spacer2 {height: 30px; width: 100%;}

#container {
	width: 980px;
	height: 100%;
	min-height: 100%;
	margin-left:auto;
	margin-right: auto;
	display:table;
	overflow: visible;
	position: relative;
}
#header{
	width: 100%;
	height: 170px;
}
#maincontent{	
	padding:15px;
	background: white;
	display:block;
	width: 950px;	//width: 980px;	
	margin: 0;
	overflow:visible;
	height: 100%;
	min-height: 100%;
}
#footer{
	width: 960px; //width: 100%;
	height: 30px;
	padding: 10px;
	background: #003366;
	text-align:left;
	clear:both;
}

/* ::::::::::: CELLS ::::::::::: */

#cell_left{
	width: 215px;
	float:left;
	text-align:left;
	padding-right: 10px;
	border-right: 2px solid #FFCC00;
}
#cell_right{
	width: 660px;
	float:left;
	text-align:left;
	margin-left: 10px;
	height: 100%;
	overflow: visible;
}
.cell_half{
	float:left;
	width: 50%;
}
.cell_30{
	float:left;
	width: 30%;
	padding-right: 5px;
}
.cell_70{
	float:left;
	width: 65%;
}
/* ::::::::::: END OF CELLS ::::::::::: */

/* ::::::::::: LISTS :::::::::: */

#navlist {width: 430px; float:right;}
#navlist ul{
	margin: 65px 0 0 0;
	padding-left: 0;
	text-align:center;
}

#navlist li{
	list-style-type: none;
	text-transform:capitalize;
	text-align:center;
	width: 100px;
	float:left;
}
#navlist li span{ text-align:center; padding-left: 20px;}
#navlist a, #navlist a:link, #navlist a:visited { 
	padding: 3px 10px; //padding: 3px 10px; font-weight:bold;
	color: #003366;
	text-decoration: none;
}

#navlist a:hover{
color:#4FBBEA;font-weight:bold;
text-decoration: none;
}

#navlist2{
	width: 100%; background: url(../images/buttons/navBG.jpg) repeat-x; height: 42px;
	margin:0px;
	padding:0px;
	font: tahoma, arial, verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-top: 2px solid #fff;
	}
#navlist2 ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#navlist2 li{
	float:left;
	margin:0;
	text-align:left;
	width: 163px;
	 
}

#navlist2 li a, #navlist2 li a:link, #navlist2 li a:visited{
	color:#fff;
	display:block;
	font-weight:bold;
	margin:0 ;
	padding-top: 12px;
	text-align:center;
	text-decoration:none;
	height: 30px;
	//height: 42px;
		}
#navlist2 li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background: url(../images/buttons/navBG_f2.jpg) repeat-x;			
	}
	
	
#featurelist{
	width: 100%;
	margin:0px;
	//margin:0 0 0 6px;
	padding:0px;

	}
#featurelist ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#featurelist li{
	float:left;
	margin:0  0  6px 0;
	text-align:left;
	height: 178px; //height: 180px;
	width: 218px; //width: 200px;
	border: 1px solid #A6CFE3;	 
	background: url(../images/jpegs/featurelistbg.jpg) #E9E9E9 bottom right;
	overflow: hidden;
}
#featurelist li.ezine{
	background: url(../images/jpegs/ezinebg.jpg);
}

#contactus ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width: 100%;
	display:block;
}
#contactus li{
	height: auto;
	width: 100%;
	display:table;
	vertical-align:middle;
	clear:both;	
	list-style-type:none;
	border: 1px dotted #0099CC;
	border-left: 20px  solid #0099CC;
	margin-bottom: 10px;
	padding: 10px;
}
#contactus li img{
	float:left;
	display:block;
	margin-right: 5px;
}
#contactus li span{
	float:left;
	display:block;

}


.listone{
	width: 380px; 
	margin:0px;
	padding:0px;
	font: tahoma, arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-top: 2px solid #fff;
	color: #006699;
	display:table;
	}
.listone ul{
	list-style:none;
	margin:0;
	padding:0;
	width: 45%; //width: 50%;
	float:left;
	}
.listone li{
	margin:0;
	text-align:left;
	border-bottom: 1px dotted #0099CC;
	display:block;
	padding: 4px;
}

.listone li a, .listone li a:link, .listone li a:visited{
	color: #006699;
	display:block;
	font-weight:bold;
	margin:0 ;
	text-align:left;
	text-decoration:none;
		}
.listone li a:hover{
	background:#ffcc00;
	color: #003366;
	text-decoration:none;
	font-weight:bold;
	
	}

.listtwo{
	width: 80%; 
	margin:0px;
	padding:0px;
	font: tahoma, arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-top: 2px solid #fff;
	color: #006699;
	display:table;
	float:left;
	}
.listtwo ul{
	list-style:none;
	margin:0;
	padding:0;
	width: 100%;

	}
.listtwo li{
	margin:0;
	text-align:left;
	border-bottom: 1px dotted #0099CC;
	height: 30px;
}
.listtwo li p {
	margin:0;
	text-align:left;
	width: 250px;
	display:block;
	float:left;
}
.listtwo li span {
	text-align:right;
	margin-left: 24px;
	width: 150px;
	display:block;
	float:left;
}

.listthree{
	width:98%; //width:100%; 
	margin:0px;
	padding:0px;
	font: tahoma, arial, verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
	border-top: 2px solid #fff;
	color: #006699;
	display:table;
	}
.listthree ul{
	list-style:none;
	margin:0;
	padding:0;
	}
.listthree li{
	margin:0;
	text-align:left;
	padding: 4px 4px 10px 4px;
	width: 45%; //width: 50%;
	float:left;
	display:table;
	height: 160px;
}
.listthree li h1{
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #006699;
	padding:0;
	text-transform: capitalize;
	text-align:left;
	line-height: normal;
	border-bottom: 3px solid #FFCC00;
}
.listthree li p {
	margin:0;
	text-align:left;
	width: 350px;
	float:left;
}
.listthree li span {
	text-align:right;
	margin-left: 24px;
	width: 150px;
	float:left;
}

.listthree hr {border-bottom: 3px dotted #0099CC; 	color: #0099CC;
	background-color: #0099CC;
	height: 3px;
	border: 0px;}
.listfour{
	width: 98%; 
	margin:0px;
	padding:0px;
	font: tahoma, arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-top: 2px solid #fff;
	color: #006699;
	display:table;
	float:left;
	}
.listfour ul{
	list-style:none;
	margin:0;
	padding:0;
	width: 100%;

	}
.listfour li{
	margin:0;
	text-align:left;
	border-bottom: 1px dotted #0099CC;
	height: 40px;
}
.listfour li p {
	margin:0;
	width: 30%;
	display:block;
	float:left;
}
.listfour li span {
	margin-left: 24px;
	width: 50%;
	display:block;
	float:left;
	font-weight:normal;
}
.listfour li img {
	display:block;
	float:left;
}

.webgallery {width: 100%; min-height:100%; }
.webgallery ul{
	margin: 0;
	padding-left: 0;
	text-align:center;
}

.webgallery li{
	list-style-type: none;
	text-transform:capitalize;
	text-align:center;
	width: 200px;
	float:left;
	border-bottom: 1px solid #0099CC; 
	padding: 5px;
	height: 200px;
	display:table-cell;
}
.webgallery li p{ text-align:center;}
.webgallery a, .webgallery a:link, .webgallery a:visited { 
	 font-weight:bold;
	color: #003366;
	text-decoration: none;
}

.webgallery a:hover{
color:#4FBBEA;font-weight:bold;
text-decoration: none;
}

/* ::::::::::: end of lists ::::::::::: */


/* ::::::::::: FORMS ::::::::::: */

form{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	padding: 15px;
	display:table;
	width: 98%;
}
label{
	float: left;
	font-weight: normal;
	text-align:left;
	padding-left: 2px;
	width: 20%;
	font-weight:bold;
	margin-bottom:10px;
}
label.two{
	float: left;
	font-weight: normal;
	text-align:left;
	padding-left: 2px;
	width: auto;
	font-weight:bold;
	margin-bottom:10px;
}

input, textarea, select{
	width: 40%;
	margin-right: 5px;
	margin-bottom:10px;
	float: left;
	height: auto;
	text-align:left;
	color:#000000;
}
input.SM, textarea.SM, select.SM{
	width: 20%;
	margin-right: 5px;
	margin-bottom:10px;
	float: left;
	height: 26px;
}
br{
	clear: left;
}

.form1{
	width: 160px;
	margin: 50px 0 0 20px;
}
.form1 label{
	float:left;
	width: auto;
	color: #666;
	font-size: 10px;
}
.form1 input {
	float:left;
	width: 100px;
	height: auto;
	font-size: 9px;
}
.form1 input.SM {
	float:left;
	width: auto;
	height: 6px;
}
.form1 input.LG {
	float:left;
	width: auto;
	height: 30px;
}
.form1 br{ clear:left;}

.contactusform{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	float:right;
	width: 100%;
	float:left;
	padding: 20px;
}
.contactusform label{
	float: left;
	font-weight: bold;
	text-align:left;
	width: 120px;
	display:block;
	margin-bottom: 5px;
	color:#006699;
}
.contactusform input, select{
	width: 160px;
	margin-bottom: 5px;
	float: left;
	text-align:left;
}
.contactusform textarea{
	width: 160px;
	height: 60px;
	margin-bottom: 5px;
	float: left;
	text-align:left;
}
.contactusform br{
	clear: left;
	background:#F9FAFC;
}
.contactusform div{
	padding:0;
	margin-left: 95px;
	display:table;
	text-align:center;
}
.contactusform div.cap{
	width: 200px; height: 37px;background: white; border: 1px solid #CCCCCC; text-align:left; margin: 0; padding: 0;
}
.contactusform p{
	display:table;
	text-align:left;
	padding:0;
}
.contactusform span{
	display:table;
	text-align:left;
	padding:0;
	border: 1px solid #D8E4F2;
	background:#F9FAFC;
	padding: 5px;
	width: 100%;
}
/* ::::::::::: END OF FORMS ::::::::::: */





h1{
	font: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003366;
	margin:0 0 10px 0;
	padding:0;
	border-bottom: 2px solid #FFCC00;
	width: 100%;
	text-transform: capitalize;
	text-align:left;
}
h2{
	font: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #0099cc;
	padding:0;
	text-transform: capitalize;
	text-align:left;
	line-height: normal;
}
h3{
	font: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #003366;
	padding:0;
	text-transform: capitalize;
	text-align:left;
	line-height: normal;
}
h4{
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #006699;
	padding:0;
	text-transform: capitalize;
	text-align:left;
	line-height: normal;
	border-bottom: 1px solid #FFCC00;
}
.border360{ border: 1px solid #0099CC; padding: 10px; display:table; height:auto; width: 100%; }
.giftvoucherBG{ background:url(../images/jpegs/giftvoucher.jpg) no-repeat bottom right; width: 90%; //width: 100%; height: 262px;}
.newseventsBG{ background: url(../images/jpegs/newsbg.jpg) no-repeat top left; display:table; width: 98%; //width: 100%; height: 262px; padding-top: 160px;}
.specialoffersBG{ background: url(../images/gifs/specialoffers.gif) no-repeat top left; display:table; width: 98%; //width: 100%; height: 262px; padding-top: 160px;}

hr.listSeparator {
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border: 0px;
}
.button, a.button:link, a.button:visited, a.button:active  .button.input {
	background: url(../images/buttons/buttonbg.gif) repeat-x;
	border:1px solid #fff;
	color: #FFFFFF;
	padding: 4px;
	cursor:pointer;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.button:hover{
	background: url(../images/buttons/buttonbg_f2.gif) repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a, a:link, a:visited, a:active {
	color: #0099cc;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}
.emailtext { 
	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
	text-transform: none;
	color: #006699;
 }
a.emailtext:link, a.emailtext:visited, a.emailtext:active  {
	text-decoration: underline;
	font-weight: normal;	
	color: #006699;
}
a.emailtext:hover {
	text-decoration: underline;
	font-weight: normal;	
	color: #000000;	
} 
.footertext { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
 }
a.footertext:link, a.footertext:visited, a.footertext:active  {
	text-decoration: underline;
	font-weight: normal;	
	color: #fff;
}
a.footertext:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #FFCC00;
} 
.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.featureslibrarytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.mainborder {
	border: 1px #000000 solid;
}
.dashedborder {
	border: 1px #000000 dashed;
}
.dottedborder {
	border: 1px #000000 dotted;
}
.sitetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.imageDesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.transBack{
	FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50);
	background-color: #FFFFFF;
}.titletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.newslibrarytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.newsheadlinetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.subheadertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}



table, td, a {
/*	color: #ffffff;*/
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	height: 315px;
	overflow: auto;
	width: 525px;
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 525px;
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 525px;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 525px;
}
/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 299px;
	overflow: auto;
	width: 509px;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	padding: 2px 3px 3px 4px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 509px;
}

html>body tbody.scrollContent td + td {
	width: 509px;
}

html>body tbody.scrollContent td + td + td {
	width: 509px;
}

.picborder{
	border: 1px #cccccc solid;
}





.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}