/* CSS Document */
body {background-color:black;
}
p {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: rgba(180,180,180,1);
	font-size: larger;
}
tr.text td {
	cell-padding:0 5px;
}
body#volunteer div.pagewrap {
	width: 1253px;
	margin:0 auto;
	
}
body#contact div.pagewrap {
	width: 1188px;
	margin:0 auto;
}

#volunteer-links-gallery {
	width: 1220px;
	margin:0 auto;
}
#volunteer-left {
	width:600px;
	height:440px;
	background-image:url(../sprites/volunteer-vanuatu-menu.png);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}

#volunteer-left:hover, #volunteer-right:hover {
	background-position:-600px, 0;
}
#volunteer-right {
	width:600px;
	height:440px;
	background-image:url(../sprites/volunteer-camproberts-menu.png);
	background-repeat:no-repeat;
	float:left;
	margin-left: 10px;
	/**/
}

header#home-header {
	height:75px;
	width:100%;
	background-color: rgba(1,1,1,0.65);
	}

#volunteerleft {
	height: 375px;
	width: 500px;
	}
	
#index-page {
	margin:0 auto;
	background-image:url(../_Images/vanuatu-7428.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
body#volunteer header img {position:static
}
header img {position:fixed;
			padding-top:10px;
			}
			
header {
	/*background-image:url(../_Graphics/sprites/SOPhoto-menu.png);
	/*background-repeat:no-repeat;*/
	width: 1000px;
	height: 40px;
	margin: 0 auto;
}
body#asseenontv .gallery {
	width:21600px;
	padding:60px 0 0 300px;
}
.galleryimage {
	height:800px;
	width:auto;
}
body#celebrity .gallery {
	width:17800px;
	padding:60px 0 0 10px;
}
body#newwork .gallery {
	width:18900px;
	padding:60px 0 0 10px;
}
body#cars .gallery {
	width:26000px;
	padding:60px 0 0 10px;
}
body#calguard .gallery {
	width:23500px;
	padding:60px 0 0 10px;
}
body#fashion-beauty .gallery {
	width:19600px;
	padding:60px 0 0 10px;
}
body#volunteer .gallery {
	width:1000px;
	padding:60px 0 0 10px;
}
#volunteer-left {
	width: 475;
}

.fullsize {
	float:left;
	height:600px;
	width:auto;
	padding:5px 5px 0 0;
}


/*NAVIGATION STARTS HERE*/
#menu {padding:0}

nav {
	width:1188px;
	/*height:50px;
	/*padding:10px 0 0 0;*/
	margin:0 auto;
	}
	
body#vanuatu nav  {
	height:50px;
	}

body#volunteer nav {
	height:50px;
	}
	
  
ul#menu {
	width:1253px;
	list-style:none;
	position:fixed;
	}
body#volunteer ul#menu {
	position:static;
	/*left:-30;*/
	}
	ul#menu li {
		display:inline;
		}
	ul#menu li a {
		text-indent: -9999px;
		display:block;
		height: 27px;
		float:left;
		padding:0 10px 0 10px;
		}
		/*Normal States*/
		ul#menu li a.home {
			background:url(../sprites/home-menu.png) no-repeat;
			width:73px;
			background-position:center -27px;
			/*padding-left:0;*/
			}
		ul#menu li a.newwork {
			background:url(../sprites/newwork-menu.png) no-repeat;
			width:135px;
			background-position:center -27px;
			}
		ul#menu li a.celebrity {
			background:url(../sprites/celebrity-menu.png) no-repeat;
			width:118px;
			background-position:center -27px;
			}
		ul#menu li a.volunteer {
			background:url(../sprites/Volunteer-menu.png) no-repeat;
			width:137px;
			background-position:center -27px;
			}
		ul#menu li a.asseenontv {
			background:url(../sprites/as-seen-on-tv-menu.png) no-repeat;
			width:172px;
			background-position:center -27px;
			}	
		ul#menu li a.fashionbeauty {
			background:url(../sprites/fashionbeauty-menu.png) no-repeat;
			width:200px;
			background-position:center -27px;
			}
		ul#menu li a.cars {
			background:url(../sprites/cars-menu.png) no-repeat;
			width:60px;
			background-position:center -27px;
			}
		ul#menu li a.qtvr {
			background:url(../sprites/QTVR-menu.png) no-repeat;
			width:65px;
			background-position:center -27px;
			}
		ul#menu li a.contact {
			background:url(../sprites/contact-menu.png) no-repeat;
			width:113px;
			background-position:center -27px;
			}
			/*Hover and Active States, CSS for Active states isn not written yet, a.network:hover is a specific hover state.  Probably not necessary*/
			ul#menu li a.newwork:hover, ul#menu li a.newwork:active {
				background-position:center 0;
			}
			ul#menu li a:hover, ul#menu li a:active {
				background-position:center 0;
			}