body {
	background: #9a9a9a none;
	color: black;
	font: normal normal normal 14px 'MS Sans Serif',sans-serif;
	margin: 0;
}

div#page { 
	background: #ffffff;
	position: relative;
	padding: 20px;
	border-left: 2px #4d4d4d solid;
	border-right: 2px #4d4d4d solid;
	border-bottom: 2px #4d4d4d solid;
	width: 690px;
}

div#border2 { 
	position: relative;
	border-left: 2px #545454 solid;
	border-right: 2px #545454 solid;
	border-bottom: 2px #545454 solid;	
}

div#border3 { 
	position: relative;
	border-left: 1px #5b5b5b solid;
	border-right: 1px #5b5b5b solid;
	border-bottom: 1px #5b5b5b solid;	
}

div#border4 { 
	position: relative;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;	
}

div#border5 { 
	position: relative;
	border-left: 1px #7b7b7b solid;
	border-right: 1px #7b7b7b solid;
	border-bottom: 1px #7b7b7b solid;	
}

div#border6 { 
	position: relative;
	border-left: 1px #858585 solid;
	border-right: 1px #858585 solid;
	border-bottom: 1px #858585 solid;	
}

div#border7 { 
	position: relative;
	border-left: 1px #8d8d8d solid;
	border-right: 1px #8d8d8d solid;
	border-bottom: 1px #8d8d8d solid;	
}

div#border8 { 
	background: white;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 748px;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;	
}

div#logo {
	position: relative;
	width: 690px;
	top: 0;
}

div#topmenubar {
/*with 'home' and 'YMCA homeless' buttons*/
	position: relative;
	float: right;
	/*width: 640px;*/
}

div#topmenubar-left {
/*with 'home' button*/
	position: relative;
	float: right;
	right: 10px;
	background: black none;
	width: 80px;
	text-align: center;
	z-index: 2;
}

div#topmenubar-right {
/*with 'supporting YMCA' button*/
	position: relative;
	float: right;
	background: #9a9a9a none;	
	width: 98px;
	text-align: center;
	z-index: 2;
}
div#topmenubar-youth {
/*with 'you!th' button*/
	position: relative;
	float: right;
	right: 5px;
	border: #F00 3px solid;
	background: #FFF none;	
	width: 80px;
	text-align: center;
	z-index: 2;
}

div#topmenubar-facebook {
/*with 'facebook' button*/
	position: relative;
	float: right;
	z-index: 2;
	padding-left: 5px;
}

div#subtopmenubar {
/*with menu bar 'about us' etc. buttons*/
	position: relative;
	float: left;
	top: 5px;
	width: 690px;
	height: 19px;
	background-image: url(../images/menubar.gif);
}

.subtopmenubar  {
/*with menu bar 'about us', 'social work' etc. buttons*/
	position: relative;
	float: left;
	top: 4px;
	padding-right: 13px;
	font: 10px Arial, Helvetica, sans-serif;
	z-index: 2;
}

div#subtopmenubar-right {
/*with menu bar 'contact us' button, this needs a right-padding reset to 0*/
	padding-right: 0;
}

div#subtopmenubar-left {
/*with menu bar 'about us' button, this needs a left-padding*/
	padding-left: 5px;
}

div#mainimage {
	position: relative;
	float: left;
	top: 10px;
	height: 150px;
/*	padding-bottom: 20px;*/
}

div#clear {
	clear: both;
}	

.clear {
	clear: both;
}

#wrapper {
	background-color: transparent;
	color: black;	
	display: table;
	width: 690px;
}

#left {
	position: absolute;
	top: 276px;
	left: 20px;
	width: 220px;
	background-color:#999999; 
}

#broadband {
	position: absolute;
	left: 20px;
	width: 690px;
}

#center {
	position: absolute;
	top: 276px;
	left: 240px;
	width: 220px;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	color: black;
	font: normal normal 11px/15px Arial, Helvetica, sans-serif;
}

#right {
	position: absolute;
	top: 276px;
	right: 20px;
	width: 220px;
	color: black;
	background-color: white;
	font: normal normal 11px/15px Arial, Helvetica, sans-serif;
}

div#footer-main {
	position: absolute;
	width: 690px;
	margin-left: 0;
	background: black none;	
	color: white;
	font: normal bold 11px/15px Arial, Helvetica, sans-serif;
	text-align: center;
}

#overflow-right {
	position: absolute;
	top: 220px;
	right: 0;
	width: 220px;
	padding-top: 20px;
	padding-right: 0;
	text-align: left;
	background-color: white;
	color: black;
	font: normal normal 11px/15px Arial, Helvetica, sans-serif;
}

#SMS {
	position: relative;
	float: right;
	top: 0;
	margin-bottom: 19px;
}

#SMS-leftside {
	position: absolute;
	bottom: 0;
}

#HSBC {
	position: relative;
	float: left;
}

#HSBC-bottom {
	position: absolute;
/*	float: left;*/
	bottom: 0;
	left: 0;
}

img#HSBC {
	margin-bottom: 35px;
}

img#HSBC-img {
	margin-top: 35px;
}

img#HSBC-imgbottom {
	margin-top: 35px;
}

#Vodafone {
	position: relative;
	float: right;
	top: 0;
}

#Vodafone-bottom {
	position: absolute;
/*	float: right;*/
	bottom: 0;
	right: 0;
}

#menuheader {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
}

.menuheader {
	position: absolute;
	top: 0;
	width: 220px;
	background-color: #43616B;
	font: bold 12px/2 Arial, Helvetica, sans-serif;
	padding-left: 5px;
	color: white;
	border-bottom: white 2px solid;
}

a.menu {
	font: bold 11px/26px Arial, Helvetica, sans-serif;
	padding-left: 5px;
	display: block;
	background-color: transparent;
	color: white;
}

#menuitem0-left, #menuitem1-left, #menuitem2-left, #menuitem3-left, #menuitem4-left, #menuitem5-left {
	position: absolute;
	left: 0;
	width: 20px;
	background: #9aab9a;	
	border-bottom: #ffffff 2px solid;
	border-right: #ffffff 2px solid;		
}

#menuitem0-right, #menuitem1-right, #menuitem2-right, #menuitem3-right, #menuitem4-right, #menuitem5-right {
	position: absolute;
	left: 22px;
	width: 198px;
	background-color: #999999;
	border-bottom: #ffffff 2px solid;
}

.white {
	color: white;
	font: 11px/25px Arial, Helvetica, sans-serif;
	padding-left: 5px;
	height: 30px;
}

h1 {
   color: black;
   font: normal bold 17px Arial, Helvetica, sans-serif;
}

h2 {
  background: #BBBBFF  none;
  color: #18115a;
  text-align: left;
  font: 18px Verdana, Helvetica, Arial, sans-serif;
}

.header1 {
/*Firefox h1 tag fix*/
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
}/*from YMCA core.css*/

.subheader1 {
  margin-top: 20px;
  margin-bottom: 15px;
  color: #330077;
  font: italic bold 15px Arial, Helvetica, sans-serif;
}

p {
	color: black;
	font: normal normal 11px/15px Arial, Helvetica, sans-serif;
}

.small {
	color: black;
	font: normal normal 9px/15px Arial, Helvetica, sans-serif;
}

a {
	color : black;
	font-weight : bold;
	text-decoration : none;
}

a.home {
	color : navy;
	font-weight : bold;
	text-decoration : none;
}

a:active {
	color : #666666;
	font-weight : bold;
	text-decoration : none;
}

a:hover {
	color : #666666;
	font-weight : bold;
	text-decoration : none;
}

a.w {
	color : white;
	text-decoration : none;
	display: block;
	font: normal bold 11px/37px Arial, Helvetica, sans-serif;
}
a.youth {
	color : red;
	text-decoration : none;
	display: block;
	font: normal bold 14px/31px Arial, Helvetica, sans-serif;
}

a.footer {
	color : white;
	text-decoration : none;
	font: normal bold 11px/11px Arial, Helvetica, sans-serif;
}

a.w:active {
	color : #666666;
	font-weight : bold;
	text-decoration : none;
}

a.w:hover {
	color : #666666;
	font-weight : bold;
	text-decoration : none;
}

img {
	border: none;
}

li {
  color: black;
  font: normal normal 11px/15px Arial, Helvetica, sans-serif;
}

ul { margin-left: 20px; padding-left: 0; }

ul.circle { list-style-type: circle; }

ul.square { list-style-type: square; }

ul.disc { list-style-type: disc; }

ul#mainnav {
	list-style: none;
	margin: 0;
	padding-top: 9px;
	padding-left: 0; /*firefox fix*/
	background-color: #D6D6D6;
}

ul#mainnav li {
	border-top: 1px solid #A5B5C6;
}

ul#mainnav li a:link, ul#mainnav li a:visited {
	text-decoration: none;
	display: block;
	width: 88%;
	padding: 6px 6%;
	background-color: #5C6F90;
	font: bold 8pt/1.5 arial, sans-serif;
	color: #fff;
}

ul#mainnav li a:hover {
	background-color: #43616B;
	color: #eee;
}

ul#mainnav ul.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#mainnav ul.subnav li {
	border-top: 0 none;
	padding-left: 1.5em;
}

ul#mainnav ul.subnav li a:link, ul#mainnav ul.subnav li a:visited {
	padding: 1px;
	font: bold 0.7em / 1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #5c6f90;
	background-color: transparent;
}