body {
	background-color: #FFFFFF;
	position: relative;
	background-image: url(../images/cloud_background.jpg);
	background-repeat: no-repeat;
}
#wrapper {
	background-color: #FFFFFF;
	position: relative;
	height: 768px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	top: auto;
	color: #000000;
	left: auto;
	margin: auto;
}
#wrapper .text_enlarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
	position: absolute;
	left: 170px;
	top: 5px;
}
#wrapper #nav {
	position: absolute;
	height: auto;
	width: 95px;
	left: 23px;
	top: 233px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
}
/* styles for the nav menu - remove padding, margin and bullets */
#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
/* float each list element inline */
#nav li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  width: 131px;
  height: 35px; 
  }
/* style the links in the nav list */
#nav a {
	display:block;
	margin: 0;
	height: 20px;
	width: 124px;
	text-decoration: none;
	font-weight:bold;
	font-size: small;
	color: #000000;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 6px;
  }
#nav a:link, #nav a:visited {
  font-family:Arial, Helvetica, sans-serif;
  background-color: #D9D9D9;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
  }
#nav a:hover, #nav a:active {
  background-color: #ffbf7f;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FF0000;
  }
/*home button over*/
#nav .home a:link, #nav .home a:visited {
	border-left-style: solid;
	border-left-color: #8bd4e5;
  }
#nav .home a:hover, #nav .home a:active {
  background-color: #c4e9f2;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
    border-left-style: solid;
	border-left-color: #8bd4e5;
  }
  /*About button over*/
  #nav .about a:link, #nav .about a:visited {
	border-left-color: #ff7f00;
  }
#nav .about a:hover, #nav .home a:active {
  background-color: #ffbf7f;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #ff7f00;
  }
/*Community news button over*/
 #nav .comm a:link, #nav .comm a:visited {
	border-left-color: #ffff01;
  }
#nav .comm a:hover, #nav .home a:active {
  background-color: #feff7f;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFff01;
  }
/*Events button over*/
 #nav .events a:link, #nav .events a:visited {
	border-left-color: #abda4e;
  }
#nav .events a:hover, #nav .home a:active {
  background-color: #d5eca6;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #abda4e;
  }
/*Useful numbers button over*/
 #nav .useful a:link, #nav .useful a:visited {
	border-left-color: #c4e9f2;
  }
#nav .useful a:hover, #nav .home a:active {
  background-color: #c4e9f2;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #c4e9f2;
  }
/*links button over*/
 #nav .links a:link, #nav .links a:visited {
	border-left-color: #811786;
  }
#nav .links a:hover, #nav .home a:active {
  background-color: #c08bc3;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #811786;
  }
/*Feedback button over*/
 #nav .feedback a:link, #nav .feedback a:visited {
	border-left-color: #16582a;
  }
#nav .feedback a:hover, #nav .home a:active {
  background-color: #8aac94;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #16582a;
  }
/*Key Documents button over*/
 #nav .key_doc a:link, #nav .key_doc a:visited {
	border-left-color: #ffff01;
  }
#nav .comm a:hover, #nav .home a:active {
  background-color: #feff7f;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFff01;
  }
/*Contact button over*/
 #nav .contact a:link, #nav .contact a:visited {
	border-left-color: #fbc0de;
  }
#nav .contact a:hover, #nav .home a:active {
  background-color: #fedfef;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #Fbc0de;
  }
/*access button over*/
 #nav .access a:link, #nav .access a:visited {
	border-left-color: #fe0000;
  }
#nav .access a:hover, #nav .home a:active {
  background-color: #ff7f7e;
  color: #000000;
	border-top-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #Fe0000;
  }
  #wrapper .poll {
	position: absolute;
	left: 18px;
	width: 149px;
	top: 758px;
	height: 230px;
	
}

#wrapper .content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	position: absolute;
	height: auto;
	width: 580px;
	left: 180px;
	top: 144px;
	overflow-x: hidden;
	color: #000;
}
#wrapper .top_banner {
	height: 131px;
	width: 800px;
	background-image: url(../images/main_img/images/top_banner_03.jpg);
	position: absolute;
}
#wrapper .tmp_side_panel {
	position: absolute;
	left: 621px;
	top: 127px;
}
#footer {
	position: absolute;
	height: 67px;
	width: 800px;
	left: 0px;
	bottom: 0px;
}
#footer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	text-decoration: none;
}
#footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #320347;
	text-decoration: none;
}
#footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#wrapper .content .pas_forgot a:link, .content .pas_forgot a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
  }
#wrapper .content .pas_forgot a:hover, .content .pas_forgot a:active {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: small;
	font-weight: bold;
  }
  #wrapper .text_enlarge a:link, .content .pas_forgot a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
  }
#wrapper .text_enlarge a:hover, .content .pas_forgot a:active {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
  }
#title {
	font-weight:bold;
	font-size: large;
	color: #000;
  }
  #contact_image {
	position: absolute;
	color: #000;
	height: auto;
	width: auto;
	left: 318px;
	top: 20px;
  }
  #wrapper .content a:link, .content a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color: #06F;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
  }
#wrapper .content a:hover, .content a:active {
	font-family:Arial, Helvetica, sans-serif;
	color: #F00;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
  }
#wrapper .content #news_head {
	height: auto;
	width: 560px;
	background-color: #FFFF99;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border-style: solid;
	border-color: #666666;
	border-width: 2px;
	font-size: small;
}
#blue_large {
	font-family: Arial, Helvetica, sans-serif;
	color: #06f;
	font-size: medium;
	font-weight: bolder;
}
#blue {
	font-family: Arial, Helvetica, sans-serif;
	color: #06f;
	font-weight: bolder;
}
#purple {
	color: #9c0084;
}
.thanks {
	color: #06f;
	font-weight: bolder;
	font-size: medium;
}
.warning {
	color: #ff0040;
	font-weight: bolder;
	font-size: medium;
}
#wrapper .join {
	position: absolute;
	height: 97px;
	width: 137px;
	left: 24px;
	top: 134px;
	background-color: #F0C;
}
#wrapper .social {
	position: absolute;
	height: 35px;
	width: 137px;
	left: 23px;
	top: 706px;
}