a:link {color: #000000} 
a:visited {color: #006699} 
a:hover {color: #FF0000} 
a:active {color: #000000} 
td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333} 
li {color: #339966; list-style-type: square} 
ul {color: #339966; list-style-type: square} 
ol {color: #339966} 
.mytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F4F4F;
} 
.mytext a:link {color: #333333; text-decoration: underline} 
.mytext a:visited {color: #666666; text-decoration: underline} 
.mytext a:hover {color: #FF0000; text-decoration: none} 
.mytext a:active {color: #333333; text-decoration: none} 
.mytext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F4F4F;
	padding: 5px;
} 
.mytext2 a:link {color: #666666; text-decoration: underline} 
.mytext2 a:visited {color: #666666; text-decoration: underline} 
.mytext2 a:hover {color: #FF0000; text-decoration: none} 
.mytext2 a:active {color: #333333; text-decoration: none} 
.myh1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: #FF0000;
}
.myh2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #003333;
}

div#wrapper { 
position: relative;
text-align:left; /* reset text alignment */ 
width:728px; /* or a percentage, or whatever */ 
margin:0 auto; /* for the rest */ 
}

DIV#body {
	position:absolute;
	width:406px;
	height:600px;
	z-index:1;
	left: 161px;
	top: 239px;
	background-color: #FFFF66;
	padding: 15px;
	margin-right: 5px;
	white-space: normal;
}

DIV#bodysearch {
	position:absolute;
	width:406px;
	height:600px;
	z-index:1;
	left: 161px;
	top: 239px;
	background-color: #FFFF66;
	padding: 15px;
	margin-right: 5px;
	white-space: normal;
}

DIV#title {
position:absolute; width:516px; height:146px; z-index:2; left: 161px; top: 90px; text-align: center; background-color: #FFFFFF;
}

DIV#titlesearch {
position:absolute; width:795px; height:146px; z-index:2; left: -7px; top: 90px; text-align: center; background-color: #FFFFFF;
}

DIV#navigation {
position:absolute; width:160px; height:845px; z-index:3; left: 0px; top: 91px; background-color: #9CCF31; 
}

DIV#navigationlist {
position:absolute; width:160px; height:845px; z-index:3; left: 0px; top: 91px; background-color: #9CCF31; 
}

DIV#footer {
position:absolute; width:728px; height:98px; z-index:4; left: 0px; top: 838px; background-color: #FFCC00; text-align: center;
}

DIV#leaderboard {
position:absolute; width:728px; height:90px; z-index:5; left: 0px; top: 1px; background-color: #FFCC00;
}

DIV#leaderboardsearch {
position:absolute; width:795px; height:90px; z-index:5; left: 0px; top: 0px; background-color: #FFCC00;
}

DIV#longad {
position:absolute; width:160px; height:600px; z-index:6; left: 571px; top: 239px; background-color: #9CCF31; 
}

DIV#longadlist {
position:absolute; width:160px; height:845px; z-index:6; left: 568px; top: 237px; background-color: #9CCF31; 
}

DIV#logo {
	position:absolute;
	width:51px;
	height:146px;
	z-index:7;
	left: 677px;
	top: 91px;
	background-image:  url("http://www.livinglocal.ca/img/mapleleaf.jpg");
	border: 1px none #000000;
	background-color: #FFFFFF;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: #FF0000;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003333;
	padding: 5px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003333;
	padding: 12px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F4F4F;
	padding-right: 30px;
}
.mytextCENTER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F4F4F;
	text-align: center;
}
.padding {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F4F4F;
	padding: 15px;
}
.mytextSM {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #2F4F4F;
}