body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
a{outline: none;}
a img {border: none;}

body {
	background: #050302 url(bg-Ottawa-Gala.jpg) no-repeat top left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: white; 
	font-size: 13px;
}
p {
	margin-top: 12px;
	line-height: 18px;
}
a:link, 
a:visited,
a:hover, 
a:active { 
   text-decoration: underline;
   /*padding: 1px;*/ 
	color: #bbb;
 }
a:visited {
}
a:hover {
   text-decoration: underline;
	color: white;
}
a:active {
   text-decoration: underline;
	color: #b2d38d;
}

.overlogo {
	background: transparent url(header.png) no-repeat left;
	position: relative;
	width: 418px;
	height: 152px;
	z-index: 20;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	left: -300px;
	top: 19px;
	/*border:  1px solid white;*/
}

.legal {
	background: transparent url(legal.png) no-repeat top left;
	position: relative;
	width: 14px;
	height: 256px;
	border: 0px;
	z-index: 20;
	margin-left: auto;
	margin-right: auto;
	left: 458px;
	top: 200px;
	/*border:  1px solid red;*/
}

.wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: -325px;
	width: 900px;
	height: 575px; /* 525 for the content, 25 for hte menu, 36 for the shadow*/
	/*border:  1px solid blue;*/
  }
.contentAreaGala {
	background: transparent url(bg-DJ.jpg) no-repeat top left;
	height: 415px;
	padding-left: 100px;
	padding-top: 110px;
	/*border:  1px solid green;*/
/*	padding-left: 60px;
	padding-top: 30px;*/
}
.contentAreaGalaGallery {
	background-color: black;
	height: 525px;
}


.menuArea {
	height: 25px;
	/*border:  1px solid yellow;*/
}

/*General Classes and IDs*/

.go-right {
	float: right;
	text-align: right;
}
.go-left {
	float: left;
	text-align: left;
}
div.spacer {
  clear: both;
  }
/* Gallery Placement */
.galleryArea {
	padding-left:  30px;
	width: 350px;
	height: 199px;
	float:  left;
	/*border:  1px solid orange;*/

}

.sigArea {
	width:  100%;
	float: left;
	
}
.sigTitle, .sigTitle2 {
	width:  100%;
	float: left;
	padding-top:  18px;
	
}
.sigTitle2 {
	padding-top:  0px;
	
}
.sigText {
	width:  420px;
	float: left;
	padding-left:  20px;
	
}
.sigExample {
	width:  400px;
	float: left;
	
}
.sigSeeSlideshow {
	padding-top:  25px;
	width:  400px;
	float: left;
	
}
#banner-2010 a:link, 
#banner-2010 a:visited,  
#banner-2010 a:hover,  
#banner-2010 a:active{
	background: url(icon-2010.jpg) no-repeat 0px -199px;
	height:  199px;
	width:  50px;
	float: left;
	padding-right:  30px;
}
#banner-2010 a:hover,  
#banner-2010 a:active{
	background: url(icon-2010.jpg) no-repeat 0px 0px;
}
#banner-2009 a:link, 
#banner-2009 a:visited,  
#banner-2009 a:hover,  
#banner-2009 a:active{
	background: url(icon-2009.jpg) no-repeat 0px -199px;
	height:  199px;
	width:  50px;
	float: left;
	padding-right:  30px;
}
#banner-2009 a:hover,  
#banner-2009 a:active{
	background: url(icon-2009.jpg) no-repeat 0px 0px;
}

#banner-2008 a:link, 
#banner-2008 a:visited,  
#banner-2008 a:hover,  
#banner-2008 a:active{
	background: url(icon-2008.jpg) no-repeat 0px -199px;
	height:  199px;
	width:  50px;
	float: left;
	padding-right:  30px;
}
#banner-2008 a:hover,  
#banner-2008 a:active{
	background: url(icon-2008.jpg) no-repeat 0px 0px;
}

#menu-home a:link, 
#menu-home a:visited,  
#menu-home a:hover,  
#menu-home a:active{
	background: url(menu-home.png) no-repeat 0px 0px;
	height:  21px;
	width:  61px;
	float: left;
}
#menu-home a:hover,  
#menu-home a:active{
	background: url(menu-home.png) no-repeat 0px -21px;
}
#menu-2010 a:link, 
#menu-2010 a:visited,  
#menu-2010 a:hover,  
#menu-2010 a:active{
	background: url(menu-2010.png) no-repeat 0px 0px;
	height:  21px;
	width:  61px;
	float: left;
}
#menu-2010 a:hover,  
#menu-2010 a:active{
	background: url(menu-2010.png) no-repeat 0px -21px;
}
#menu-2009 a:link, 
#menu-2009 a:visited,  
#menu-2009 a:hover,  
#menu-2009 a:active{
	background: url(menu-2009.png) no-repeat 0px 0px;
	height:  21px;
	width:  61px;
	float: left;
}
#menu-2009 a:hover,  
#menu-2009 a:active{
	background: url(menu-2009.png) no-repeat 0px -21px;
}
#menu-2008 a:link, 
#menu-2008 a:visited,  
#menu-2008 a:hover,  
#menu-2008 a:active{
	background: url(menu-2008.png) no-repeat 0px 0px;
	height:  21px;
	width:  61px;
	float: left;
}
#menu-2008 a:hover,  
#menu-2008 a:active{
	background: url(menu-2008.png) no-repeat 0px -21px;
}

#menu-engaged a:link, 
#menu-engaged a:visited,  
#menu-engaged a:hover,  
#menu-engaged a:active{
	background: url(engaged.png) no-repeat 0px 0px;
	height:  21px;
	width:  320px;
	float: right;
}
#menu-engaged a:hover,  
#menu-engaged a:active{
	background: url(engaged.png) no-repeat 0px -21px;
}
#menu-facebook a:link, 
#menu-facebook a:visited,  
#menu-facebook a:hover,  
#menu-facebook a:active{
	background: url(facebook.png) no-repeat 0px -23px;
	height:  23px;
	width:  218px;
	float: right;
}
#menu-facebook a:hover,  
#menu-facebook a:active{
	background: url(facebook.png) no-repeat 0px 0px;
}
#logo {
	background: url(logo.png) no-repeat;
	height:  38px;
	width:  154px;
	top:  -12px;
	position:  relative;
	left:  350px;
}