body{
	background-color: #398fb6;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
}

.clearer{
	clear: both;
	line-height: 0em;
}

.img{
	border: 0;
}

.bold{
	font-weight: bold;
}

.lineAndHalf{
	line-height: 1.5em;
}

.PtItalic{
	font-size: 9pt;
	font-style: italic;
}                                                                 /* FOUNDATION STYLES*/


#wrapper{
	position: relative;
	width: 970px;
   	margin: 50px auto;
	background-color: #ffffff;
	text-align: left;
	border: 3px solid #ffd374;
}

                                                               /*LEFT CONTENT*/

#leftContent{
	position: relative;
	width: 207px;
	height: 800px;
	float: left;
	background-color: #6f8f63;
}

#communityLeftContent{
	position: relative;
	width: 207px;
	height: 700px;
	float: left;
	background-color: #6f8f63;
}

#housingLeftContent{
	position: relative;
	width: 207px;
	height: 1030px;
	float: left;
	background-color: #6f8f63;
}

#employmentLeftContent{
	position: relative;
	width: 207px;
	height: 1650px;
	float: left;
	background-color: #6f8f63;
}

#educationLeftContent{
	position: relative;
	width: 207px;
	height: 850px;
	float: left;
	background-color: #6f8f63;
}

#healthLeftContent{
	position: relative;
	width: 207px;
	height: 525px;
	float: left;
	background-color: #6f8f63;
}

#weatherLeftContent{
	position: relative;
	width: 207px;
	height: 2000px;
	float: left;
	background-color: #6f8f63;
}

#identificationLeftContent{
	position: relative;
	width: 207px;
	height: 500px;
	float: left;
	background-color: #6f8f63;
}

#vehicleLeftContent{
	position: relative;
	width: 207px;
	height: 1150px;
	float: left;
	background-color: #6f8f63;
}

#benefitsLeftContent{
	position: relative;
	width: 207px;
	height: 700px;
	float: left;
	background-color: #6f8f63;
}

#lawsLeftContent{
	position: relative;
	width: 207px;
	height: 670px;
	float: left;
	background-color: #6f8f63;
}

#telephoneLeftContent{
	position: relative;
	width: 207px;
	height: 600px;
	float: left;
	background-color: #6f8f63;
}

#postalLeftContent{
	position: relative;
	width: 207px;
	height: 625px;
	float: left;
	background-color: #6f8f63;
}

#emergencyLeftContent{
	position: relative;
	width: 207px;
	height: 550px;
	float: left;
	background-color: #6f8f63;
}

#bankingLeftContent{
	position: relative;
	width: 207px;
	height: 575px;
	float: left;
	background-color: #6f8f63;
}

#shoppingLeftContent{
	position: relative;
	width: 207px;
	height: 525px;
	float: left;
	background-color: #6f8f63;
}

#involvementLeftContent{
	position: relative;
	width: 207px;
	height: 435px;
	float: left;
	background-color: #6f8f63;
}

#sitemapLeftContent{
	position: relative;
	width: 207px;
	height: 700px;
	float: left;
	background-color: #6f8f63;
}

#provinceLeftContent{
	position: relative;
	width: 207px;
	height: 450px;
	float: left;
	background-color: #6f8f63;
}

#tourismLeftContent{
	position: relative;
	width: 207px;
	height: 1050px;
	float: left;
	background-color: #6f8f63;
}

                                                                /*  end left content*/
#rightContent{
	position: relative;
	float: left;
	width: 723px;
	background-color: #ffffff;
	padding: 5px 20px;
	line-height: 1.2em;
}

                                                                /*  end left content*/
#provinceRightContent{
	position: relative;
	float: left;
	width: 723px;
	background-color: #ffffff;
	padding-left: 30px;
	padding-top: 15px;
}

                                                                /* COLUMNS AND THEIR IMAGES*/

#leftColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-right: 20px;
	margin-top: 15px;
}

#rightColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-left: 20px;
	margin-top: 15px;
}

#postalLeftColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-right: 20px;
}

#postalRightColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-left: 20px;
}

#employLeftColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-right: 20px;
}

#employRightColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-left: 20px;
}

#healthLeftColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-right: 20px;
}

#healthRightColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-left: 20px;
}

#idLeftColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-right: 20px;
}

#idRightColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-left: 20px;
}

#licenseLeftColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-right: 20px;
}

#licenseRightColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-left: 20px;
	margin-top: 25px;
}

#licenseRightColumn img{
	margin-top: 30px;
}

#vehicleLeftColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-right: 20px;
	margin-top: 20px;
}

#vehicleRightColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-left: 20px;
	margin-top: 20px;
}

#vehicleRightColumn img{
	margin-top: 15px;
	margin-bottom: 15px;
}


#housingRightColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-right: 20px;
	margin-top: 40px;
}

#recLeftColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-right: 20px;
}

#recRightColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-left: 20px;
	margin-top: 40px;
}

#weatherLeftColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-right: 20px;
}

#weatherRightColumn{
	position: relative;
	float: left;
	width: 340px;
	margin-left: 20px;
}
#weatherLeftColumn img{
	margin-bottom: 20px;
	margin-top: 15px;
}

#weatherRightColumn img{
	margin-bottom: 20px;
	margin-top: 15px;
}

                                                       /*HEADERS*/

#headerHome{
   	position: relative;
	background-image: url(images/headerHome2.jpg);
	background-repeat: no-repeat;
	width: 970px;
	height: 235px;
	background-color: transparent;
}

#provinceImage{
	position: absolute;
	top: -45px;
	left: 30px;
	background-image: url(images/headerProvince.gif);
	background-repeat: no-repeat;
	width: 115px;
	height: 178px;
	background-color: transparent;
}

#headerCommunity{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerCommunity.jpg);
	background-repeat: no-repeat;
}

#headerHousing{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerHousing.jpg);
	background-repeat: no-repeat;
}

#headerEmployment{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerEmployment.jpg);
	background-repeat: no-repeat;
}

#headerBusSale{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerBus4sale.jpg);
	background-repeat: no-repeat;
}

#headerEducation{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerEducation.jpg);
	background-repeat: no-repeat;
}

#headerHealth{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerHealth.jpg);
	background-repeat: no-repeat;
}

#headerTourism{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerTourism.jpg);
	background-repeat: no-repeat;
}

#headerWeather{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerWeather.jpg);
	background-repeat: no-repeat;
}

#headerEmigrate{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerEmigrate.jpg);
	background-repeat: no-repeat;
}

#headerServices{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerServices.jpg);
	background-repeat: no-repeat;
}

#headerInvolvement{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerGetInvolved.jpg);
	background-repeat: no-repeat;
}

#headerContact{
   	position: relative;
	width: 970px;
	height: 235px;
	background-image: url(images/headerContact.jpg);
	background-repeat: no-repeat;
}
                                                               /* FAR RIGHT CONTENT*/

#farRightContent{
	position: relative;
	float: right;
	margin-right: 15px;
	background-color: #ffffff;
}

#indexImage{
	position: relative;
	float: left;
	background-color: #ffffff;
	width: 325px;
}

#indexImage img{
	margin: 15px;
}

#communityImage{
	position: relative;
	float: left;
	width: 216px;
	background-color: #ffffff;
}

#communityImage img{
	margin: 15px;
}

                                                       /*HEADINGS, SUB HEADINGS, COLORS AND COLORED BACKGROUNDS*/
                                                       
tr{
	text-align: center;
}

td{
	text-align: left;
}
                                                       
                                                       
a{
	color: #034492;
}

h1{
	font-family: verdana, arial, sans-serif;
	line-height: 1.2em;
}

h2{
	font-family: verdana, arial, sans-serif;
	line-height: 1.2em;
}

h3{
	font-family: verdana, arial, sans-serif;
	line-height: 1em;
}

.redH3{
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #b5515f;
	line-height: 1em;
	padding: 0;
}

.employRedH3{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b5515f;
	line-height: 1.2em;
	padding: 0;
	margin-top: 5px;
}

.employWhiteH3{
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px;
}

                                                       
.darkBlue{
	color: #034492;
}

                                                       
.darkBlueBackground{
	background-color: #034492;
	text-align: center;
	margin-top: 10px;
}

                                                       
.lightGreyBackground{
	position: relative;
	width: 320px;
	background-color: #e9ecf1;
	padding: 10px;
}


                                                       
.darkBlueBold{
	color: #0b4493;
	font-weight: bold;
}

.green{
	color: #93ac73;
}



.darkGreen{
	color: #6f8f63;
}

.greenBold{
	color: #93ac73;
	font-weight: bold;
}

.peachBackground{
	background-color: #fff3d1;
}

.redBackground{
	background-color: #b5515f;
	color: #ffffff;
}
	

.tanBackground{
	position: relative;
	width: 690px;
	background-color: #fff3d1;
	padding: 0px 15px 15px 15px;
	line-height: 1.1em;
	border: 1px solid black;
}

.tanBackgroundHousing{
	position: relative;
	width: 685px;
	background-color: #fff3d1;
	padding: 15px;
	line-height: 1.3em;
	border: 1px solid black;
}

.red{
	color: #b5515f;
}

.redBold{
	color: #b5515f;
	font-weight: bold;
}

.white{
	color: #ffffff;
	font-weight: bold;
}
                   



                                                                  /* FOOTER STYLING */

#footer{
	position: relative;
	width: 970px;
	height: 20px;
	background-color: #173478;
}

.footerText{
	position: relative;
	width: 960px;
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
	font-size: 9px;
	text-align: center;
	font-weight: bold;
	line-height: 2em;
}

#footer a{
	color: #ffffff;
}
