BODY {margin: 0;	padding: 0; }

h1 {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #5f6062;  
font-size: 11pt; 
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
}

.greymain {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #5f6062;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
line-height: 20px;
}

a.greymain {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #5f6062;
text-decoration: underline;
}

a:hover.greymain {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #a2bf2f;
text-decoration: none;
}

a:active.greymain {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #5f6062;
text-decoration: underline;
}

.greyfooter {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #5f6062;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
line-height: 15px;
}

a.greyfooter {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #5f6062;
text-decoration: underline;
}

a:hover.greyfooter {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #a2bf2f;
text-decoration: none;
}

a:active.greyfooter {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #5f6062;
text-decoration: underline;
}

.white9 {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #ffffff;
font-size: 9pt;
font-weight: 700;
text-decoration: none;
word-wrap:break-word; 
}

a.white9 {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #ffffff;
font-size: 9pt;
font-weight: normal;
text-decoration: underline;
word-wrap:break-word; 
}

a:hover.white9 {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #e4f4a5;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
}

a:active.white9 {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #ffffff;
font-size: 9pt;
font-weight: normal;
text-decoration: underline;
}

.white11 {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #ffffff;
font-size: 11pt;
font-weight: 700;
text-decoration: none;
word-wrap:break-word; 
}

a.white11 {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #ffffff;
font-size: 11pt;
font-weight: normal;
text-decoration: underline;
word-wrap:break-word; 
}

a:hover.white11 {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #e4f4a5;
font-size: 11pt;
font-weight: normal;
text-decoration: none;
}

a:active.white11 {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #ffffff;
font-size: 11pt;
font-weight: normal;
text-decoration: underline;
}

.whitenav {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #ffffff;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
letter-spacing: 1pt;
line-height: 8pt;
}

a.whitenav {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #ffffff;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
letter-spacing: 1pt;
line-height: 8pt;
}

a:hover.whitenav {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #e4f4a5;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
letter-spacing: 1pt;
line-height: 8pt;
}

a:active.whitenav {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #ffffff;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
letter-spacing: 1pt;
line-height: 8pt;
}

.greenhover {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #5f6062;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
 text-align: center;
 width:100%;
 display: block;
 margin-top:10px;
 margin-bottom:22px;
}

a.greenhover {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #a2bf2f;
font-size: 8pt;
text-decoration: none;
 text-align: center;
}

a:hover.greenhover {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #5f6062;
font-size: 8pt;
text-decoration: none;
}

a:active.greenhover {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #a2bf2f;
font-size: 8pt;
text-decoration: none;
}

a img { 
/* added by JP*/
/* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
img.center_top {   display: block;   margin-left: auto;   margin-right: auto; margin-top:30px; }

/* below prevents Skype from formatting phone numbers */
span[class^='skype_pnh_container'] {display:none !important;} span[class^='skype_pnh_print_container'] {display:inline !important;}



/******************************************************************** start of layout CSS ******************************************************************************/
.container {
	width: 1111px;
	background: #003b71;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

.header {
	background: #fff;
	background-image:url(../images/cityscape.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:346px;
}

.sub_header {
	background: #fff;
	background-image:url(../images/city_subpage.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:195px;
}
.content {
	background-color:#CCC;
	padding: 0;
}

#topbox {
	background-color:#ffffff;
	width: 168px;
	z-index: 10;
	position: relative;
	top: -70px;
	left: 40px;
	text-align: center;
	overflow: visible;
		 } 

#topbox_home {
	width: 168px;
	z-index: 10;
	position: relative;
	top: -90px;
	left: 40px;
	text-align: center;
	overflow: visible;
		 } 

#midbox {
	color:#fff;
	width:168px;
	height:168px;
	z-index:20;
	position: relative;
	top:25px;
	left:0px;
	text-align:center;
	overflow: visible
		 } 

#botbox {
	color:#fff;
	width:168px;
	height:168px;
	z-index:20;
	position: relative;
	top:25px;
	left:0px;
	text-align:center;
	overflow: visible
		 } 
.innertube_top{  /* for text margins */
	background-color:#a2bf2f;
	opacity:1;  
		z-index:1111;
	padding: 22px 22px 22px 22px;
	width: 124px;
	height: 124px;
	vertical-align:middle;
	display: table-cell; 
	
}
.innertube_mid{  /* for text margins */
	background-color:#a6a7a9;
	padding: 22px 22px 22px 22px;
	width: 124px;
	height: 124px;
	vertical-align:middle;
	display: table-cell; 	
}
.innertube_bot{  /* for text margins */
	background-color:#5f6062;
	padding: 22px 22px 22px 22px;
	width: 124px;
	height: 124px;
	vertical-align:middle;
	display: table-cell; 
}

.main_body_innertube{  /* for text margins */
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 25px;
}

		
/* ~~ The footer ~~ */
.footer {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	background-color:#fff;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */

}		
	
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	text-align:right;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}