@charset "UTF-8";
/* CSS Document */
body{
	font:arial;
	color:#FFFFFF;
	font-size:16px;
	font-family: "Myriad Pro It";
	background-color: #FFFFFF;
}


#container {
	margin:40px auto;
	background-color:#FFFFFF;
	width: 800px;
}

#page{
width:800px;
height:600px;
}

a img {
	border: none;
	}

#nav {
	float:right;
	height: 48px;
	padding-top: 5px;
	width: 188px;
	position: relative;
	left: 0px;
	top: 0px;
	margin-right: 10px;
	margin-top: -555px;
	}

	
#nav ul {
	margin: 0;
	padding: 0;
	height: 36px;
	line-height: 36px;
	
	
}
#nav li {
	list-style: none;
	float: left;
	width: 60px;
	height: 30px;
	margin-left:5px;
	position: relative;
	color: #FFFFFF;
	font-family: "Century Gothic", Century;
}
#nav li.drop{
	list-style: none;
	float: left;
	width: 20px;
	height: 40px;
	margin-left:5px;
	position: relative;
	padding-left: 10px;
	}


#nav a {
	color: #FFFFFF;
	text-decoration: none;
	font-size:16px;
	text-align:center;
	font-family: "Century Gothic", Century;
}
#nav a:hover {
	color:#FF0000;
	text-align: left;
}


/******all other pages************/
#containerpages {

	width: 800px;
	margin:40px  auto;
	background-color:#000000;
	height:610px;
	background-image: url(../images/aboutbckground.jpg);
	background-repeat: no-repeat;	
}
#topnav {
	float:right;
	height: 35px;
	padding-top: 5px;
	width: 188px;
	position: relative;
	left: 0px;
	top: 0px;
	margin-right: 10px;
	margin-top: 115px;
	}	

#topnav ul {
	margin: 0;
	padding: 0;
	height: 36px;
	line-height: 36px;
	
	
}
#topnav li {
	list-style: none;
	float: left;
	width: 60px;
	height: 30px;
	margin-left:5px;
	position: relative;
	color: #FFFFFF;
	font-family: "Century Gothic", Century;
}
#topnav li.drop{
	list-style: none;
	float: left;
	width: 20px;
	height: 40px;
	margin-left:5px;
	position: relative;
	padding-left: 10px;
	}


#topnav a {
	color: #FFFFFF;
	text-decoration: none;
	font-size:16px;
	text-align:center;
	font-family: "Century Gothic", Century;
}
#topnav a:hover {
	color:#FF0000;
	text-align: left;
}

#content{
	font-family: "Century Gothic", Century;
	font-size: 14px;
	color: #FFFFFF;
	width: 730px;
	position: relative;
	padding-right: 30px;
	float: left;
	margin-left: 30px;
}

#content a {
	color: #FFFFFF;
	text-decoration: none;
	font-size:16px;
	text-align:center;
	font-family: "Century Gothic", Century;
}
#content a:hover {
	color:#FF0000;
	text-align: left;
}