body {background-color: black;}

a {	font-family: Arial ,sans-serif;
	color: gray;
	font-weight: 100;
	text-decoration: none;
	font-size: 8pt;
	}
	
a:hover {
	font-family: Arial, sans-serif;
	color: black;
	font-weight: 100;
	text-decoration: none;
	font-size: 8pt;}
	
a.body  {font-family: Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: gray;
	line-height: 1;
	text-decoration: none;}
	
a.body:hover  {font-family: Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color:black;
	text-decoration: none;}

#menu {
	position: absolute;
	top: 260px;
	left: 30px;
	font-family: sans-serif;
	font-weight: 100;
	font-size: x-small;
	text-decoration: none;
	color: #b6b6b6;
	background-color: white;

}

#main {
	position: absolute;
	top: 0px;
	left: 15%;
	background-color: white;
	height: 2700px;
	}
	
.menuspacer { width: 5px;
	height: 20px;
	position: relative;
	top: 4px;}

	
#content {
	position: absolute;
	width; 800px;
	font-family: Helvetica Neue, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #303030;
	font-weight: lighter;
	font-variant: 
	background-color: white;
	height: 500px;}
	
h1{
	font-family: Times New Roman, serif;
	font-style: italic;
	font-size: 16px;
	font-weight: lighter;}
	
h2{
	font-family: Helvetica Neue, Arial Narrow, sans-serif;
	font-size: medium;
	font-weight: 100;
	color: gray;}
	
div.one{
	direction: rtl;
	}



#slogan {
	font-family: Times New Roman, serif;
	font-style: italic;
	font-size: 16px;
	width: 650px;
	position: absolute;
	top: 60px;
	left: 30px;
	background-color: white;
	}
	
#slogan2 {
	font-family: Times New Roman, serif;
	font-style: italic;
	font-size: large;
	width: 200px;
	position: absolute;
	top: 100px;
	left: 300px;
	background-color: white;}
	
#columnvids {
	width: 650px;
	position: absolute;
	top: 70px;
	left: 50px;
	}

#column1 {
	width: 650px;
	position: absolute;
	top: 119px;
	left: 30px;
	height: 315px;

		}
		

	
#column2 {
	width: 415px;
	position: absolute;
	top: -1px;
	left: 291px;
	}
	
#column3 {
	width: 650px;
	position: absolute;
	top: 120px;
	left: 30px;
	}
	
#column4 {
	width: 200px;
	position: absolute;
	top: 70px;
	left: 50px;
	}
	
#column5 {
	width: 200px;
	position: absolute;
	top: 70px;
	left: 270px;
	}
	
#column6 {
	width: 200px;
	position: absolute;
	top: 95px;
	left: 500px;
	}
		
#rightgrad {
	position: absolute;
	width: 55px;
	height: 2461px;
	top: -6px;
	left: -55px;}
	
#leftgrad {
	position: absolute;
	width :55px;
	height: 2461px;
	left: 775px;
	top: -6px;}
	
#pic1 {
	position: absolute;
	left: 0px;
	height: 100;
	width: 100;
	top:10px;
	}
	
#p1{position: absolute;
	font-family: Helvetica Neue, sans-serif;
	width: 380px;
	height:100px;
	left: 0px;
	top:300px;
	
}	
	
#pic2{
	position: absolute;
	left: 410px;
	height: 100;
	width: 100;
	top:113px;
	}

#p2{position: absolute;
	font-family: Helvetica Neue, sans-serif;
	width: 240px;
	height:100px;
	left: 410px;
	top:300px;
	
}	
#pic3{
	position: absolute;
	left: 0px;
	height: 100;
	width: 100;
	top:370px;
	}

#p3{position: absolute;
	font-family: Helvetica Neue, sans-serif;
	width: 300px;
	height:100px;
	left:0px;
	top:725px;
	
}	
#pic4{
	position: absolute;
	left: 375px;
	height: 100;
	width: 100;
	top:445px;
	}

#p4{position: absolute;
	font-family: Helvetica Neue, sans-serif;
	width: 300px;
	height:100px;
	left: 375px;
	top:725px;
	}
	
#pic5{
	position: absolute;
	font-family: Helvetica Neue, sans-serif;
	width: 100;
	height:100;
	left: 0px;
	top:825px;
	}	
	
#p5{
	position: absolute;
	font-family: Helvetica Neue, sans-serif;
	width: 250px;
	height:100px;
	left:450px;
	top:825px;
	}
	
#supportbackground{
	position: absolute;
	top: 0px;
	left: 15%;
	background-color: white;
	height: 1600px;
	}

#supportrightgrad {
	position: absolute;
	width: 55px;
	height: 1361px;
	top: -6px;
	left: -55px;}
	
#supportleftgrad {
	position: absolute;
	width :55px;
	height: 1361px;
	left: 775px;
	top: -6px;}

#videoLoopOne {
	width: 720px ;
	height: 576px ;
	position: absolute ;
	top: 0px ;
	left: 200px ;
}

#back {	font-family: "Helvetica Neue", "Arial Narrow", sans-serif;
	font-weight: 100;
	font-size: small;
	text-decoration: none;
	color: #b6b6b6;}
	
#dancingposter {
	margin-bottom: 10px;
	float: left;}
	
#roadposter {
	margin-bottom: 10px;
	float: right;}
	
#speechposter {
	float: left;}
	
#schoolposter {
	float: right;}
	
#JCIposter {
	position: absolute;
	width: 250px;
	height: 180px;
	top: 610px;
	left: 0px;}
	
	.thumbnail {
	width: 128px;
	height: 96px;
	position: relative;
	border: solid 2px #b6b6b6;
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
	}
	
	
.thumbnail2 {
	width: 128px;
	height: 96px;
	position: relative;
	border: solid 2px #b6b6b6;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 3px;
	}
	
.thumbnailright {
	width: 128px;
	height: 96px;
	position: relative;
	border: solid 2px #b6b6b6;
	float: right;
	margin-left: 10px;
	margin-bottom: 3px;
	}
	
.thumbnailrightvert {
	width: 96px;
	height: 128px;
	position: relative;
	border: solid 2px #b6b6b6;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 3px;
	}
	
.thumbnailleftvert {
	width: 96px;
	height: 128px;
	position: relative;
	border: solid 2px #b6b6b6;
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
	}

.thumbnailvert {
	width: 96px;
	height: 128px;
	position: relative;
	border: solid 2px #b6b6b6;
	margin-right: 10px;
	margin-bottom: 3px;
	}
	
.auspics{
padding-left: 10px;
padding-bottom: 10px;
float: right;
}