body
 {
	background-color: black;
	padding: 0;
	margin: 0;
}

#container {
	width: 900px;
	padding: 0;
	margin: 0 auto;
	height: auto;
	position: relative;
}

#logo {
	position: relative;
	width: 297px;
	height: 58px;
	left: 40px;
	top: 35px;

}

.resize {
width: 250px;
height : auto;
}

#header {
	height: 120px;
	padding: 0;
	margin: 0;
	color: white;
	background-image: url(images/Background.jpg);
}

#nav {
	margin: 0;
	padding: 0;
	left: 400px;
	position: absolute;
	top: 90px;
}

/* Navigation */
#navigation {
    list-style: none;
    font-family: "Century Gothic";
    margin: 0;
    padding: 0;
    font-size: 13px;
	z-index: 1000;
}

/* CSS for each Parent Item */
#navigation li
{float: left; position: relative;
	z-index: 999;
}


#navigation li a
{
    float: left;
    display: block;
    text-decoration: none;
    color: #fff;
	padding: 4px 12px;
	overflow: visible;
	margin: 0 0 0 4px;
	z-index: 999;
}

/* Change background color and font color
of parent items when mouse hover */
#navigation li:hover a,
#navigation li a:hover
{
    background: #999;
    color: #fff;
	z-index: 999;
}

.selected
{
    background: #999;
    color: #fff;
	z-index: 999;
}

/*
Applie to group of Child Items
Each Child Item will be invisible by default
*/
#navigation ul {display: none;
	z-index: 999;
}

/* Each Child Item will be visible if mouse hover */
#navigation li:hover ul {display: block;
	z-index: 999;
}

#navigation ul
{
	float: none;
	position: absolute;
	list-style: none;
	margin: 0;
	top: 1.8em;
	left: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 999;
}


#navigation ul li
{
	float: none;
	clear: none;
	margin: 0;
	width: auto;
	color: #999;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}


/*
Reset and re style
link of each child item
*/
#navigation li:hover ul li a,
#navigation ul li a
{
	line-height: 200%;
	display: block;
	padding: 0 6px 0 0;
	float: none;
	text-transform: uppercase;
	color: #999;
	background: none;
	font-size: 11px;
	vertical-align: -12px;
	z-index: 999;
}

#navigation li:hover ul li a:hover,
#navigation ul li a:hover
{
    background: none;
    color: #fff;
	z-index: 999;
}

p {
	color: black;
	margin: 0;
	padding: 0;
	font: 11px "Century Gothic";
}

.bt {
	font: 12px "century gothic";
	color: white;
}

h3 {
	color: white;
	margin: 0;
	padding: 0;
	font: 10px "Century Gothic";
}

#content {
	height: 433px;
	margin: 0;
	padding: 0;
	width: 900px;
	z-index: -1;
	position: relative;
}

#contentcontainerb {
	height: 30px;
	background-image: url(images/footer.jpg);
	position: relative;
}

.copyright {
	position: relative;
	top: 6px;
	font-size: 11px;
}

.copy {
	font-size: 9px;
	position: relative;
	top: 15px;
	color: white;
}

#dividerindex {
	background-color: gray;
	height: 1px;
	width: 850px;
	margin-left: 25px;
}

#contentother {
	background-color: white;
	position: relative;
	padding: 0;
	z-index: 1;
	margin: 0;
}

.collect {
	background-color: silver;
	padding: 5px;
	font-family: "century gothic";
	margin-top: 1px;
}

.collecta {
	background-color: gray;
	padding: 5px;
	font-family: "century gothic";
	margin-top: 1px;
}

.collect:hover {
	background-color: gray;
	padding: 5px;
	font-family: "century gothic";
	margin-top: 1px;
}

.collectt {
	font: normal 13px "century gothic";
	color: black;
	padding-left: 10px;
	text-decoration: none;
	padding-right: 150px;
}

.collectt:hover {
	font: normal 13px "century gothic";
	color: black;
	padding-left: 10px;
	text-decoration: none;
	padding-right: 150px;
}


.about {
	font: bold 11px "century gothic";
	color: black;
	text-decoration: none;
}

.about:hover {
	font: bold 11px "century gothic";
	color: gray;
	text-decoration: none;
}

.foot {
	color: white;
	text-decoration: none;
}

.foot:hover {
	color: silver;
	text-decoration: none;
}

h1 {
	margin: 0;
	padding: 0;
	font: 16px "century gothic";
}

.form {
	font: 12px "century gothic";
	color: black;
	margin-bottom: 6px;
	margin-top: 6px;
}

.navv {
	color: silver;
	font: normal 12px/25px "century gothic";
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

.navvactive {
	color: #474747;
	font: normal 12px/25px "century gothic";
	text-decoration: none;
	background-color: silver;
	padding: 3px 5px;
}

.navv:hover {
	color: white;
	font: normal 12px/25px "century gothic";
	text-decoration: none;
}

#contentcontainer {
	background-image: url(images/footer.jpg);
	position: relative;
	height: 130px;
}

#cleft {
	width: 200px;
	float: left;
	color: white;
	position: relative;
	padding: 10px 0 0 50px;
	z-index: 1;
	top: 8px;
}

#cmid {
	color: white;
	position: relative;
	top: 8px;
	padding: 10px 0 0 350px;
}

#cright {
	color: white;
	float: right;
	width: 200px;
	position: relative;
	top: 8px;
	padding-top: 10px;
	padding-bottom: 0;
	padding-right: 50px;
	z-index: 2;
}

#cleftb {
	float: left;
	color: white;
	position: relative;
	font: 10px "Avant Garde";
	padding: 5px 0 20px 50px;
	top: 8px;
	z-index: 1;
	width: 200px;
	height: 40px;	
}

#cmidb {
	color: white;
	position: relative;
	top: 8px;
	padding: 5px 340px 20px 350px;
}

#crightb {
	color: white;
	float: right;
	width: 200px;
	position: relative;
	padding: 5px 50px 20px 0;
	top: 8px;
	z-index: 2;
}

#seperator {
	background: url(images/divider.jpg) repeat-y;
	height: 120px;
	position: absolute;
	z-index: 1;
	float: none;
	width: 1px;
	left: 175px;
}



#dividerc {
	background: gray none repeat-y;
	height: 250px;
	position: absolute;
	z-index: 1;
	float: none;
	width: 1px;
	left: 450px;
	top: 50px;
}

.clear {
	clear: both;
}

#bcopyright {
	font: 9px "Century Gothic";
	color: white;
	bottom: 0;
	position: absolute;
	width: 800px;
	margin-top: 18px;
	margin-left: 50px;
	margin-bottom: 7px;
}

#bcopyright a {
	font-weight: bold;
	text-decoration: none;
	color: white;
}

#bcopyright a:hover {
	font-weight: bold;
	color: white;
}

.nobold {
	font-weight: normal !important;
		text-decoration: none;
		cursor: text;
	
}

.wu a:hover {
			text-decoration: underline !important;
	
}



#cl {
	float: left;
}

#cr {
	float: right;
}

.footlink {
	color: white;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.footlink:hover {
	color: silver;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.events {
	font-family: "century gothic";
	color: black;
	background-color: white;
	font-weight: bold;
	padding-bottom: 2px;
}

.eventss {
	font-family: "century gothic";
	color: black;
	background-color: silver;
	padding: 7px;
}

.eventsss {
	font-family: "century gothic";
	color: black;
	background-color: silver;
	padding: 0;
	width: 556px;
}

#eleft {
	background-color: white;
	width: 126px;
	float: left;
	height: 121px;
}

.eright {
	padding: 6px 7px 7px 133px;
	height: 108px;
}

.erightv {
	padding: 6px 7px 7px 133px;
	position: absolute;
	top: 170px;
	right: 37px;
}

.eright2 {
	padding: 6px 7px 7px 133px;
	position: absolute;
	top: 320px;
	right: 37px;
}

#identifier {
	float: none;
}

#divider2 {
	width: 1px;
	height: 403px;
	position: absolute;
	z-index: 999;
	top: 15px;
	background: black none repeat-y;
	right: 0;
	left: 450px;
}

#divider {
	width: 1px;
	height: 403px;
	position: absolute;
	z-index: 999;
	top: 15px;
	background: black none repeat-y;
	right: 0;
	left: 292px;
}

.svc {
	padding: 7px;
	margin: 0;
}

#svcc {
	position: absolute;
	top: 288px;
	padding: 0;
	margin: 0;
}

div.img
  {
  margin:2px;
  border:1px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }
  
  div.float {
  float: left;
	padding: 5px;
}
  
div.float p {
   text-align: center;
   }