@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#content {
	position:relative;
	width:8400px;
}

#logo {
	background:url(../images/undivided.png) no-repeat;
	width:259px;
	height:35px;
	position:absolute;
	left:45px;
	top:100px;
}

p {
	font-size:15px;
	color:#ffffff;
	width:426px;
	line-height:18pt;
	letter-spacing:.08em;
	margin:23px 0  0 135px;
}

a {
	color:#7495a0;
	text-decoration:none;
}

img {
	border-style: none;
}

.clear {
	clear:both;	
}

#footer {
	text-align:center;
	background-color:#757575;
	color:#FFF;
	font-size:9pt;
	padding-top:10px;
	padding-bottom:10px;
	position:absolute;
	margin-top:40px;
	width:100%;
	display:block;
	letter-spacing:1px;
}


/* HEADERS */

h1 {
	width:580px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	line-height:60.5px;
	font-size:83px;
	margin:0px 0 32px 135px;
}

h2 {
	font-size:30px;
	margin:20px 0 0 135px;
	color:#FFF;
}

h3 {
	font-size:100px;
	color:#693;
	margin-left:90px;
}

#dot {
	width:5px;
	height:2px;
	background:#000;
	position:relative;
	left:393px;
	top:-30px;
	z-index:10;
}

/* ARROWS */

ul.arrows {
	margin:0 0 20px 135px;
}

ul.arrows a, ul.arros li {
	list-style-type: none;
}

ul.arrows li{
	display:inline;
}

ul.arrows li a{
	float: left;
	width: 25px;
	height: 25px;
}

.arrowhome a {
	background: url(../images/arrowhome.png) no-repeat;
}

.arrowhome a:hover {
	background-position: -25px 0;
	
}

.arrownext a {
	background: url(../images/arrownext.png) no-repeat;
}

.arrownext a:hover {
	background-position: -25px 0;
}

.arrowprevious a {
	background: url(../images/arrowprevious.png) no-repeat;
}

.arrowprevious a:hover {
	background-position: -25px 0;
}

/* IMAGES */

#images {
	width:8000px;
	height:220px;
	position:absolute;
	margin-left:349px;
	padding-top:135px;
	z-index:-1;
}

#image1 {
	background:url(../images/image1.jpg);
	width:670px;
	height:210px;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	border: 5px solid #fff;
	float:left;
}

#image2, #image3, #image4, #image5, #image6, #image7, #image8, #image9  {
	width:670px;
	height:210px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	float:left;
	margin-left:-10px;
}

#image2 {
	background:url(../images/image2.jpg)	
}

#image3 {
	background:url(../images/image3.jpg)	
}

#image4 {
	background:url(../images/image4.jpg)	
}

#image5 {
	background:url(../images/image5.jpg)	
}

#image6 {
	background:url(../images/image6.jpg)	
}

#image7 {
	background:url(../images/image7.jpg)	
}

#image8 {
	background:url(../images/image8.jpg)	
}

#image9 {
	background:url(../images/image9.jpg)	
}

#image10 {
	background:url(../images/image10.jpg);
	width:670px;
	height:210px;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	float:left;
	margin-left:-10px;
}

/* COLUMNS */

#home {
	float:left;
	width:44px;
	height:173px;
	background-color:#000;
}

div.nav {
	float:left;
	width:259px;
	padding-top:178px;
	margin-left:45px;
}

#homeimage {
	float:left;
	width:1150px;
	height:453px;
	margin-left:135px;
	padding-top:135px;
}

#about {
	float:left;
	width:1275px;
	margin-left:45px;
	padding-top:294px;
}

#future {
	float:left;
	width:1275px;
	margin-left:45px;
	padding-top:294px;
}

#past {
	float:left;
	width:1275px;
	margin-left:45px;
	padding-top:294px;
}

#join {
	float:left;
	width:1275px;
	margin-left:45px;
	padding-top:294px;
}

#getinvolved {
	float:left;
	width:1275px;
	margin-left:45px;
	padding-top:294px;
}

/* MENU */

*{margin:0;padding:0; outline:none;}

ul.nav{
	margin:0;padding:0;
	background:url(../images/menu-home.png) no-repeat;
	width:259px;
	height:176px;
	position:relative;
	z-index:1;
	list-style-type: none;
}

ul.nav li a{text-indent:-999em}

.nav li em,
.nav li span,
.nav li a{
	text-decoration:none;
	position:absolute;
	z-index:200;
}

.nav li a{
	text-decoration:none;
	position:absolute;
	z-index:200;
}

.nav li.about a{
	width:160px;
	height:41px;
}

.nav li.future a{
	right:0;
	width:99px;
	height:41px;
}

.nav li.future em{
	top:41px;
	left:-160px;
	width:123px;
	height:47px;
}

.nav li.past a{
	top:41px;
	right:0;
	width:136px;
	height:47px;
}

.nav li.join a{
	bottom:41px;
	width:132px;
	height:47px;
}

.nav li.getinvolved a{
	top:135px;
	width:249px;
	height:41px;
}

.nav li.getinvolved em{
	top:-41px;
	left:132px;
	width:127px;
	height:47px;
}

.nav li a:hover{
	left:0;
	top:0;
	width:259px;
	height:176px;
	z-index:1;
	visibility:visible;
}

.nav li.home a:hover{background:url(../images/menu-home.png) no-repeat;}

.nav li.about a:hover{background:url(../images/menu-about.png) no-repeat;}

.nav li.future a:hover{background:url(../images/menu-future.png) no-repeat;}

.nav li.past a:hover{background:url(../images/menu-past.png) no-repeat;}

.nav li.join a:hover{background:url(../images/menu-join.png) no-repeat;}

.nav li.getinvolved a:hover{background:url(../images/menu-getinvolved.png) no-repeat;}

/*set current nav via body ID */

#home ul.nav{	background:url(../images/menu-home.png) no-repeat;}

#about ul.nav{	background:url(../images/menu-about.png) no-repeat;}

#future ul.nav{	background:url(../images/menu-future.png) no-repeat;}

#past ul.nav{	background:url(../images/menu-past.png) no-repeat;}

#join ul.nav{	background:url(../images/menu-join.png) no-repeat;}

#getinvolved ul.nav{	background:url(../images/menu-getinvolved.png) no-repeat;}