body {
	background-color: #000000;
	color:#ffffff;
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	color:#000000;
}

#logo {
	margin: 30px 0 10px 0px;	
}


.clearfix:after {

    visibility : hidden ;
    display    : block  ;
    font-size  : 0      ;
    content    : ' '    ;
    clear      : both   ;
    height     : 0      ;
} 

a{ color:#2777ef;
   cursor:pointer;			}

a:link, a:visited{
	color:#2777ef;
	font-weight:bold;
	text-decoration:none;
}

a:hover, a:active{
	color:#2777ef;
	text-decoration:underline;
}

#container-top, #container-footer{
	width:995px;
	margin:  0 auto ;	
}

#container{
	
	border: 4px solid #d6d6d6;
	background-color: #ffffff;
	margin-bottom:40px ;
	padding: 16px 30px;	
	width:935px;
	margin:  0 auto ;
}

#container-footer{
	
}

#recording, .panel{
	
	border: 10px solid #cbcbcb;
	color:#2777ef;
	float:left;
}


.panel {
	width:600px;
	margin-left:30px;
	height:328px
}

#home, #dncred-massband ,.title{
	color:#2777ef;
}

.title, #soca-glossary h1{
text-align:left;
padding: 7px 0 0 3px

}

#recording{
	background:url('../images/box-background.jpg') repeat-x bottom  ;
	width:250px;
	height:318px;
	padding: 5px;
	text-align:center;
	
}


#info, #soca-glossary #info{
	background:url('../images/box-background.jpg') repeat-x bottom;
	border:1px solid #DFDFDF;
	clear:both;
	color:#000000;
	float:left;
	font-size:16px;
	margin-bottom:20px;
	margin-top:20px;
	padding:10px;
	width:910px;
}

#soca-glossary h2, #dncred-massband h2, #dragons-Rdr h2{
	font-size:16px;
	font-weight:normal;
}

#dragons-Rdr h2{
	 color:#2777ef;
	 font-weight:bold;
}

#soca-glossary #info{
	margin-top:5px;
	float:none;
}

h3{
 	color:#2777EF;
	margin-bottom:5px;
	margin-top:15px;
 	font-size:14px;
}


h1{

margin:5px 0 10px 0;
   padding:0px 0 0px 0;
   color:#4f4f4f;
   font-size:20px;
}

#soca-glossary h1 ,#dncred-massband h1, #dragons-Rdr h1{
 color:#2777ef;
 margin:0px;
 padding: 7px 0 0 3px
}

.salutation, .salutation2 {

			
		    	height: 0;
			overflow: hidden;
			border-left: 10px solid #cbcbcb;
			border-right: 10px solid #cbcbcb;
			border-bottom: 10px solid #cbcbcb;


		}


				#event, #event2{
					border-top: 10px solid #cbcbcb;
					border-left: 10px solid #cbcbcb;
					border-right: 10px solid #cbcbcb;
					clear:both;
					margin:10px 0 0;
					padding: 10px 10px 10px;
					color:#000000;
					font-size:16px;
					font-weight:normal;

				}
.salutation p, .salutation2 p{

					margin-top:0px;
					
					padding:0 16px;

					}
					
table{

	font-size:14px;
	width:925px;
	

}

td{
	width:300px;
	text-align:right;
	padding:5px;
}

th{
	border-bottom:1px solid #CBCBCB;
	font-weight:bold;
	padding:5px 10px;
	text-align:right;
	
}

#month{
 	color:#2777EF;
 	font-size:15px;
 	text-align:left;
}

.table-content{
	background-color:#cbcbcb;
}

ul#navBar{	
	border-bottom:1px solid #575454;
	list-style-type:none;
	padding:0 0 22px 0;
	margin:0;
	
}


ul#navBar li{
	display: 			inline;
	padding:0 10px 0 0;	
	margin:0;
}

#subnav{
	color:#FFFFFF;
	float:right;
	font-size:0.9em;
	padding-right:25px;
	padding-top:0;
	margin:0;
	width:115px;
}

#subnav a:link , #subnav a:visited{
	color:#ffffff;
}

#subnav a:hover, #subnav a:active{
	color:#2777ef;
}
	
	img{ border:0;
	
}

#news{
	
	background-color:#cbcbcb;
	clear:both;
	float:left;
	font-weight:bold;
	margin-top:18px;
	padding:10px;
	width:910px;
	
}


/*New Nav*/
ul {
 font-family: Arial, Verdana;

 margin: 0;
 padding: 0;
 list-style: none;
}

ul li {
 display: block; 
 position: relative;
float: left;
}
li ul { display: none; }
ul li a {
 display: block;
 text-decoration: none;
 color: #ffffff;
 margin-left: 1px;
 white-space: nowrap;
 }

ul li a:hover { color:#ffffff; text-decoration:none; }
li:hover ul {
display: block;
 position: absolute; }
li:hover li {
 float: none;

} 
li:hover a {}
 li:hover li a:hover { } 
 
.subNav{
	background:black;
	padding: 10px;
	width:200px;
}
#notting-costumes{width:200px}
#notting-costumes td {text-align:left}

.payment-cont{
	border:1px #3B85EF solid; 
	background:#DFECFF; 
	width:650px; 
	padding:0 0 10px 20px; 
	margin:0 auto 20px;
}

.payment-cont h3{font-size:16px; color:#000000;}

#costume-pic{border:1px solid #CCCCCC;
padding:5px;}

#rdr-redeye-map{
border:3px solid #CCCCCC;
margin:0 0 3px 15px;
width:360px;
}