body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #DADACF;
	margin: 0;	padding: 0;	text-align: center;
}


#header {margin: 0; padding:0; width:100%; height:70px; background-image: url(/images/home/headerbg.jpg); background-repeat: repeat;}
.headercontainer {width: 960px; height: 70px; margin: 0 auto;}
.logoposition {height:57px; width:450px; float:left; text-align:left; padding-top:10px}
.tagline {height:67px; width:500px; float:right;}
.nav-icons {float:right; width:440px; height:40px; text-align:right; background-image: url(/images/home/navigationbg.png); background-repeat:no-repeat; padding-right:10px;}
.nav-tel {float:right; width:440px; height:20px; text-align:right; padding-right:20px; float:right;}

.clear {clear:both;    height:0;    font-size: 1px;    line-height: 0px;}


h1{font-family:"Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode"; font-size: 21px; color:#168ab6; margin:0; padding:0; margin-bottom:5px;}
h2{font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#168ab6; margin:0; margin-bottom:2px; margin-top:5px; padding:0;}
h3{font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#666666; margin:0; margin-left:10px; padding:0;}
h4{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; margin:0; margin-left:10px; padding:0;}
p {font-family: Arial, Helvetica ; font-size:12px; color:#333333; font-weight:normal; margin:3px; padding:0; line-height:18px; }
a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#168ab6; text-decoration:none; line-height:18px;}
a:hover{color:#00AEEF;}
.text-grey {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666;}
.text-small {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #333333;}


.side {width:240px; float:left; margin-right:10px;}
.side-top {width:240px; height:20px; background-image:url(/images/side-top.jpg); float:left;}
.side-middle {width:200px; padding-left:20px; padding-right:20px; background-image:url(/images/side-middle.jpg); background-repeat:repeat-y; float:left;}
.site-bottom {width:240px; height:20px; background-image: url(/images/side-bottom.jpg); float:left;}
.main {width:670px; float:right;}
.main-top {width:670px; height:20px; background-image:url(/images/main-top.jpg); float:left;}
.main-middle {width:670px; background-image:url(/images/main-middle.jpg); background-repeat:repeat; float:left; }
.infocontents {padding-left:20px; padding-right:20px;}

.main-bottom {width:670px; height:20px; background-image: url(/images/main-bottom.jpg); float:left;}

.linehorgrey {border-top:#cccccc solid 1px; margin-top:8px; margin-bottom:8px;}


#contentsbg {
	left:0px; width:100%;	background-color: #F3F4F5;}
	
.contentscontainer {
	width: 940px; text-align: left; padding:12px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border: 1px solid #E5E7E9; background-color:#ffffff;
}



.textwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1px;
}

.textwhitelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1px;
}

.textwhitelink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1px;
}

.textwhitelink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: underline;
	padding: 1px;
}




#topbar {
	width: 100%;	height: 3px;	margin: 0 auto;	text-align: left;	background-color: #00CCFF;
}

#headerbg {
	width: 100%; height: 80px;	margin: 0 auto; text-align: left; background-color: #FFF;
}


#headercontainer {
	width: 970px; height: 80px;	margin: 0 auto;	text-align: left;	background-color: #FFF;
} 

#logoposition {
	top:9px; position:absolute;
}

.logo {
	height:70px; width:250px;
}

.topnavigation{
	display: block; float:right; padding:0px; top: 5px; right:5px;	width:450px;
}

.cSmalllink{
	font-family: Arial, Helvetica, sans-serif; 	font-size: 11px;	font-weight: 400;	color:#666666;	text-decoration: none;}
.cSmalllink:link{
	font-family: Arial, Helvetica, sans-serif; 	font-size: 11px;	font-weight: 400;	color:#666666;	text-decoration: none;}
.cSmalllink:hover{
	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: 400;	color:#0A8FBC;	text-decoration: none;}

#locatorposition {
	top:70px;	right: 1%;
}

.branchlocatoricon {
	height:45px;	width:170px;	float:right;
}

.branchlocatoriconglobal {
	height:45px;	width:300px;	float:right;
}

#titlebg {
	width: 100%;
	height: 75px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/global/titlegradientbg.jpg);
	background-repeat: repeat-x; }


#titlecontainer {
	width: 970px; height: 75px;	margin: 0 auto;	text-align: left;
}

.cTextsmall {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; text-decoration: none;}

#iconsposition {
	position:absolute;
	right: 1%;
}

.navigationicons {
	height:75px;	width:300px;	float:right;
}



.sectionmenu{
width: 200px; /*width of menu*/
}

.sectionmenu .headerbar{
	font: bold 13px Verdana;
	color: white; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
	background-color: #DDE4E6;
}

.sectionmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.sectionmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.sectionmenu ul li a:link{
	font: normal 12px Arial;
	color: black;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	background-color: #E9F0F8;
}

.sectionmenu ul li a:visited{ /*hover state CSS*/
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}


.sectionmenu ul li a:hover{ /*hover state CSS*/
	color: white;
	background-color: #ACC6DB;
}

























.urbangreymenu{
width: 150px; /*width of menu*/
}

.urbangreymenu .headerbar{
	font: bold 13px Verdana;
	color: white; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
	background-color: #DDE4E6;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a:link{
	font: normal 12px Arial;
	color: black;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	background-color: #E9F0F8;
}

.urbangreymenu ul li a:visited{ /*hover state CSS*/
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}


.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: white;
	background-color: #ACC6DB;
}













#contentsgreenbg {
	position:absolute;
	left:0px;
	width:100%;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-image: url(../images/global/containergreenbg.jpg);
	}





.cLeftnavlinks{
	font-family: Arial, Helvetica, sans-serif;	font-size: 11px; 	color:#000066;	text-decoration: none;	DISPLAY: block;	TEXT-INDENT: 20px;	padding: 3px;	border-bottom: 1px dotted #0BB4EC;	background-image: url(../images/global/leftnavsubup.jpg); height: auto;}


.cLeftnavlinks:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000066;
	text-decoration: none;
	DISPLAY: block;
	TEXT-INDENT: 20px;
	padding: 3px;
	border-bottom: 1px dotted #0BB4EC;
	background-image: url(../images/global/leftnavsubup.jpg); height: auto; 	

}


.cLeftnavlinks:hover{
	color:#000066;
	text-decoration: none;
	DISPLAY: block;
	background-image: url(../images/global/leftnavsubon.jpg); height: auto; 	

}




.Leftnavtitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: auto;
	DISPLAY: block;
	PADDING-TOP: 5px;
	PADDING-Bottom: 5px;
	padding-left: 10px;
	background-color: #000066;
}

	
	
.cLeftnavsections{
	font-family: Arial, Helvetica, sans-serif; height:30px;
	font-size: 12px;
	font-weight: 400;
	color:#FFFFFF;
	text-decoration: none;
	DISPLAY: block;
	PADDING-TOP: 5px;
	PADDING-Bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
	height: auto;
	background-color: #00CCFF; 

}

.cLeftnavsections:link{
	font-family: Arial, Helvetica, sans-serif; height:30px;
	font-size: 12px;
	font-weight: 400;
	color:#FFFFFF;
	text-decoration: none;
	DISPLAY: block;
	PADDING-TOP: 5px;
	PADDING-Bottom: 5px;
	padding-left: 10px;
	background-color: #00CCFF; 	
}

.cLeftnavsections:hover{
	font-family: Arial, Helvetica, sans-serif; height:30px;
	font-size: 12px;
	font-weight: 400;
	color:#FFFFFF;
	text-decoration: none;
	DISPLAY: block;
	PADDING-TOP: 5px;
	PADDING-Bottom: 5px;
	padding-left: 10px;
	height: auto;
	background-color: #000066; 
}

.cInfoboxbg {
width:760px;
	background-image: url(../images/global/infoboxbg.png);
	background-repeat: repeat-x;
	background-color: #69767E;
	border: 17px solid #FFFFFF;
	padding: 10px;
}


.cSectionimage {
	background-color: #FFFFFF;
	height: 250px;
	width: 760px;
	background-position: 250px;
}

.cTabimage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	margin-top: 35px;
	margin-right: 40px;
	margin-left: 375px;
	height: 180px;
	width: 330px;
	position: absolute;
}

.cTitle {
	font-family: "Trebuchet MS";
	font-size: 28px;
	font-weight: normal;
	color: #FFFFFF;
}

.cTitlelightblue {
	font-family: "Trebuchet MS";
	font-size: 28px;
	font-weight: normal;
	color: #00CCFF;
}

.cTitledarkblue {
	font-family: "Trebuchet MS";
	font-size: 28px;
	font-weight: normal;
	color: #000066;
}

.cTitlesmall {	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: normal;
	color: #000066;}

.cSubtitle {
	font-family: "Trebuchet MS"; font-size: 19px; color: #31B3E4;
}

.cSubtitlewhite {
	font-family: "Trebuchet MS";
	font-size: 21px;
	color: #FFFFFF;
	font-weight: bold;
}
.cLine {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #31B3E4;
}

.cFrame {
	border: 1px solid #31B3E4;
}

.cFramegrey {
	border: 1px solid #CCCCCC;
}

.cLineright {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4F5960;
}

.cTextwhite {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;
}


.cTextdarkblue {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000033;
}

.cTextwhitelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1px;
}

.cTextwhitelink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1px;
}

.cTextwhitelink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	background-color: #00CCFF;
	padding: 1px;
}


.cTextbluelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	padding: 2px;
	width: 300px;
	white-space: normal;
	text-indent: 20px;
	display: block;
	background-image: url(../images/global/linksbg.jpg);
	margin: 1px;
}

.cTextbluelink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	padding: 2px;
	background-image: url(../images/global/linksbg.jpg);
	width: 300px;
	white-space: normal;
	text-indent: 20px;
	display: block; 	margin: 1px;

}

.cTextbluelink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CCFF;
	text-decoration: none;
	padding: 2px; 
	background-image: url(../images/global/linksbgon.jpg);
	width: 300px;
}


.cSmalltext {
	font-family: Arial, Helvetica, sans-serif; 	font-size: 10px; 	color: #000066;
}

.cBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #31B3E4;
	text-decoration: none;
}

.cLightblue {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;	font-weight: bold; color: #0A8FBC; text-decoration: none;
}

.cLightblue:link {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;	font-weight: bold; color: #0A8FBC; text-decoration: none;
}

.cLightblue:hover {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;	font-weight: bold; color: #000066; text-decoration: underline;
}


.cArrow{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000066;
	text-decoration: none;
	background-image: url(../images/global/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	height: 15px;
	width: 190px;
}
.cArrow:link{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000066;
	text-decoration: none;
	background-image: url(../images/global/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	height: 15px;
	width: 190px;
}
	
.cArrow:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0A8FBC;
	text-decoration: none;
	background-image: url(../images/global/arrowon.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	height: 15px;
	width: 190px;
}






#footerbg {	margin:0px;	width:100%;}

.footercontent {width: 920px;	text-align: left;	padding:15px; margin:0 auto;}

.footerbox1 { height: 140px; width:450px; float:left;	display:block;	padding-left: 20px; padding-right:5px;}
.footerbox1 p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}

.footerbox2 { height: 140px; width:190px;	float:left;	display:block;	padding-left: 20px; padding-right:5px;	border-right-width: 1px; border-right-style: solid;	border-right-color: #000033;}

.footerbox3 { width:350px; float:right; text-align:right;	display:block;	padding-left: 10px; padding-right:5px;	border-right-width: 1px;}
.footerbox3 p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}






.cLocator{
	font-family: Arial, Helvetica, sans-serif;	font-size: 11px; 	color:#000066;	text-decoration: none;	DISPLAY: block;	TEXT-INDENT: 10px;	padding: 3px;	border-bottom: 1px dotted #0BB4EC;	background-image: url(../images/buttons/locatorup.jpg); height: auto;
}


.cLocator:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000066;
	text-decoration: none;
	DISPLAY: block;
	TEXT-INDENT: 10px;
	padding: 3px;
	border-bottom: 1px dotted #0BB4EC;
	background-image: url(../images/buttons/locatorup.jpg);
	height: auto;
}


.cLocator:hover{
	color:#000066;
	text-decoration: none;
	DISPLAY: block;
	background-image: url(../images/buttons/locatoron.jpg); height: auto;
}

.cDottedline {
	border-top-width: 2px; border-top-style: dotted; border-top-color: #FFFFFF;
}

.cSublinks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color:#FFFFFF;
	text-decoration: none;
	DISPLAY: block;
	TEXT-INDENT: 3px;
	background-color: #4958BC;
	padding:2px;
	border-bottom: 1px solid #00ccff;
}


.cSublinks:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color:#FFFFFF;
	text-decoration: none;
	DISPLAY: block;
	TEXT-INDENT: 3px;
	background-color: #4958BC;
	padding: 2px;
	border-bottom: 1px solid #00ccff;
}

.cSublinks:hover{
	color:#FFFFFF;
	text-decoration: none;
	DISPLAY: block;
	background-color: #4ACDFB;
	TEXT-INDENT: 4px;
}

.cBluelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #188AB6;
	text-decoration: none;
}

.cBluelink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #188AB6;
	text-decoration: none;
}

.cBluelink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CCFF;
	text-decoration: none;
}

.cLineBOTTOM{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #71D7F9;
}
	
.cLineRIGHT{
	border-right: 1px solid #0BB4EC;}
	
.cLinetopTOP{
	border-top: 1px solid #0BB4EC;}
	
.cLineLEFT{
	border-left: 1px solid #0BB4EC;}	

.cLineLEFTgrey{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}		

.cLinetopTOPgrey{
	border-top: 1px solid #CCCCCC;}


.cLeftmenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color:#FFFFFF;
	text-decoration: none;
	DISPLAY: block;
	TEXT-INDENT: 3px;
	background-color: #7FA6C7;
	padding: 5px 0 5px 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6B93AF;
}


.cLeftmenu:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color:#FFFFFF;
	text-decoration: none;
	DISPLAY: block;
	TEXT-INDENT: 3px;
	background-color: #7FA6C7;
	padding: 5px 0 5px 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6B93AF;
}

.cLeftmenu:hover{
	color:#FFFFFF;
	text-decoration: none;
	DISPLAY: block;
	background-color: #4ACDFB;
	TEXT-INDENT: 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0099BF;
}

.cTextblack {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;	color: #333333;
}

.cTextblacklink {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;	color: #000033; 	text-decoration: none;
}

.cTextblacklink:link {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;	color: #000033; 	text-decoration: none;
}

.cTextblacklink:hover {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;	color: #333333; 	text-decoration: none;
}

.cBlueboxlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background-color: #5BDEFF;
	display: block;
	padding: 3px;
	width: auto;
	float: left;
	margin: 2px;
}

#contentBox {
	FLOAT: left;
	MARGIN-BOTTOM: 0px;
	WIDTH: 290px;
	MARGIN-LEFT: 23px;
	TOP: 10px;
	MARGIN-BOTTOM: 10px;
	HEIGHT: 145px; padding-left: 10px; position:relative;
}


#contentBox H1 {
	FONT-SIZE: 12px;
	COLOR: #577175;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	top: 10px; position:relative; width:280px;
}


#contentBox P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	top:10px; position:relative; width:280px;
}
	
.contentBox A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	top:120px;
	TEXT-DECORATION: none;
	position:absolute;
	text-indent:13px;
	left: 17px; width:280px;

}
	
.contentBox A:hover {
	TEXT-DECORATION: underline;
}



#contentBox2 {
	FLOAT: left;
	MARGIN-BOTTOM: 0px;
	WIDTH: 300px;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px;
	HEIGHT: 145px;
	padding-left: 10px;
	position:relative;
	right: 0px;
	margin-right: 0px;
}


#contentBox2 H1 {
	FONT-SIZE: 12px;
	COLOR: #577175;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	top: 10px; position:relative; width:280px;
}


#contentBox2 P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	top:10px; position:relative; width:280px;
}
	
.contentBox2 A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	top:120px;
	TEXT-DECORATION: none;
	position:absolute;
	text-indent:13px;
	left: 17px; width:280px;

}
	
.contentBox2 A:hover {
	TEXT-DECORATION: underline;
}



.homemessage {
	height: 260px;
	width: 960px;
	position: relative;
	top: 0px; margin-left:2%;
	background-image: url(/images/index/diving.jpg);
	background-repeat: no-repeat;
}

.adframe {
	width: 650px;
	border: 10px solid #ECF2F2;
	padding: 10px;
}

.imageleft {
	float: left; clear:left; padding-right:8px; padding-top:4px; padding-bottom: 12px;
	left: 0px; 
}

.imageright {
	float: right; clear:right; padding-left:8px;
	right: 0px; 
}

.bluesky {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
}