@charset "utf-8";
/* CSS Document */
html, body {
	height: 101%;
	padding:0px;
	margin:0px;
	font-family: Verdana,sans-serif,Arial,Helvetica;
	background-color: #C90;
}
ul { margin:0px; padding:0px;}
a {
	color: #F90;text-decoration: none;
}
.centerTxt{
	text-align:center;	
}
.centerDiv{
	height:100%;
	width:950px;
	margin-right: auto;
	margin-left: auto;	
	text-align:center;
}
.centerTbl{
	height:100%;
	width:700px;
	margin-right: auto;
	margin-left: auto;
			
}
.smallTxt{
	font-size:xx-small;
	text-align:center;
}
.boldRed{
	font-size:24px;
	color:#F00;
	display:inline;
}
a:hover {
	text-decoration: none;
	color:#003;
}

.lightTxt{
	color:#666;
}

.hrthin{color:#006;background-color:#006;height:1px;width:75%}

h1{
	font-size: 36px;
	color: #003;
	font-style: italic;
}
h2{
	font-size: 24px;
	color: #F00;
	font-style: italic;
	text-decoration: underline;	
}
.content p{
	color:#003;
	font-size:24px;
}
.error{
	font-size:large;
	text-align:center;
	color:#F00;
}




 /*dropdown */  
 ul ul[title]{display: none;
margin:0px; padding:0px;
  /*top: 15em;
  left: 50px;*/}

ul ul {display: none;
margin:0px; padding:0px;
  top: 15em;
  left: 300px;}
ul li:hover > ul {
	display: block;
	position: absolute;

}

li.sub > a {
	color:#FFF;
	background-image: url(../images/whiteFoot.png);
	/*background-image: url(../images/dropdownWhite.png);*/
	background-repeat:no-repeat;	
}
ul#topmenu > li:hover > ul[title=are] {
	width: 15em;
	margin:0px; padding:0px;
	top: 50px;
	left:-700px;
}
ul#topmenu > li:hover > ul[title=do] {
	width: 15em;
	margin:0px; padding:0px;
	top: 50px;
	left:-560px;
}
ul#topmenu > li:hover > ul[title=goingon] {
	width: 15em;
	margin:0px; padding:0px;
	top: 50px;
	left:-420px;
}
ul#topmenu > li:hover > ul[title=help] {
	width: 15em;
	margin:0px; padding:0px;
	top: 50px;
	left:-280px;
}
ul#topmenu > li:hover > ul[title=room] {
	width: 15em;
	margin:0px; padding:0px;
	top: 50px;
	left:-140px;
}



ul#topmenu > li:hover > ul {
	width: 15em;
	margin:0px; padding:0px;
	top: 5em;
	left: -630px;
	
	

}
ul#topmenu > li:hover > ul a {
	height:30px;
	width:15em;
	color:#003;
	text-align:left;
	background-image: url(../images/clearYellow.png);
	background-repeat: repeat;
	border-bottom:thin dotted;
	border-right:0;
	border-left:0;
	padding:6px;
	vertical-align: middle;
	z-index: 1000;
}
ul#topmenu > li:hover > ul li:hover a {
	height:30px;
	width:15em;
	color:#003;
	text-align:left;
	background-color: #C00;
	z-index: -1000;
	padding:6px;
}
ul ul {width: 17em;}


/* container margin-bottom is for the height of the actual footer    */
#ctr {
	min-height: 100%;
	margin-bottom: -75px;
	position: relative;
	background-color: #FFF;
	width:950px;
	margin-right: auto;
	margin-left: auto;
}

#hdr{
	height:180px;
	width:100%;
	background-color: #FFF;
	margin-top:10px;
}

#hdrCtr{
	height:175px;
	width:233px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/newBpLogo.png);
	background-repeat: no-repeat;
}
#nav{
	height:50px;
	width:100%;
	background-color:#003;
	
}
.navCtr{
	height:50px;
	width:850px;
	margin-right: auto;
	margin-left: auto;
}
.navCtr .active a{
	float: left;
	width: 140px;
	height: 50px;
	display: block;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
	/*border-right:#333 thin solid;*/
	background-image: url(../images/whiteFoot.png);
	background-repeat:no-repeat;
	
	/*background-image: url(../logo/1-2.jpg);*/
	
	/*padding-top: 40px;*/
	text-transform: uppercase;
	color:#FC0;
	
	z-index: 1000;
}


.txtPad{
	padding-top:18px;
	padding-left:16px;
}
.navCtr ul {
	list-style: none;	
}

.navCtr li {
	display: inline;
	position: relative;	
}

.navCtr a {
	float: left;
	width: 140px;
	height: 50px;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	/*border-right:#333 thin solid;*/
	background-image: url(../images/whiteFoot.png);
	background-repeat:no-repeat;
	
	/*background-image: url(../logo/1-2.jpg);background-color: #F90;line-height: 200%;*/
	
	
	text-transform: uppercase;
}

.navCtr a:hover {
	width: 140px;
	height: 50px;
	color: #FC0;
	background-image: url(../images/whiteFoot.png);
	background-repeat:no-repeat;
	/*background-image: url(../logo/1-2.jpg);*/
	
	
}
#flash{
	width:100%;
	height:200px;
	
	/*background-color: #003399;
	display: block;*/
}
#indexBdy{
	height: 75px;
	width: 800px;
	color:#003;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	font-style:italic;
	margin-top:10px;
	margin-right: auto;
	margin-left: auto;	
}
#welcome{
	font-size:24px;
	font-style:italic;
	font-weight:bold;
}

#indexImage{
	height: 564px;
	width: 518px;
	
	/*float:right;margin:5px 5px 5px 5px;*/
	
	background-image:url(../images/bjpheadstonenew.png);
	background-repeat:no-repeat;
	margin-right: auto;
	margin-left: auto;	
	border-style:outset;
	border-color:#999;
	border-width:7px;
}
.content{
	height: 100%;
	width: 800px;	
	margin-right: auto;
	margin-left: auto;
}
.angelTbl{
	width:85%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	
}
.medFoot{
	height:100px;
	width:100px;
	background-image:url(../images/medBlueFoot.png);
	background-repeat:no-repeat;
	
}
.medFootTxtPad{
	padding-top:47px;
	margin-left:40px;
	font-size: large;
	font-weight: bold;
	color:#003;
}
.smallFootTxtPad{
	padding-top:19px;
	margin-left:17px;
	font-size: medium;
	font-weight: bold;
	color:#003;
	
}
.smallFoot{
	height:75px;
	width:100%;
	background-image:url(../images/smallBlueFoot.png);
	background-repeat:no-repeat;
	
}
.smallFootDrop{
	height:75px;
	width:100%;
	background-image:url(../images/smallBlueFootDropDown.png);
	background-repeat:no-repeat;
	
}
.smallMonth{
	font-size:xx-small;
	margin-left:20px;
}
#swf{
	height: 200px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
}
#bdy{
	height: 420px;
	width: 100%;
	background-color:#000;
}
#bdyCtr{
	height: 100%;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	
}
#center{
	width:500px;
	height:100%;
	margin-top:50px;
	margin-right: auto;
	margin-left: auto;
	color:#FFF;
	text-align:center;
}
#centerFull{
	width:800px;
	height:100%;
	margin-top:50px;
	margin-right: auto;
	margin-left: auto;
	color:#FFF;
	text-align:center;
	font-size: small;
}
#directions{
	width:100%;
	height:100%;
	padding-top:10px;
	margin-right: auto;
	margin-left: auto;
	color:#FFF;
	text-align:center;
	font-size:small;
}
/*footer height here should match margin-bottom from container */
.clearfooter {   height: 75px;   clear: both;}
#ftr {
	height: 75px;
	position: relative;
	background-color: #003;
	background-image: url(../images/ftrbg.png);
	background-repeat: repeat-x;
	width:950px;margin-right: auto;
	margin-left: auto;
}
#ftrnav{
	height:35px;
	/*width:100%;*/
	width:950px;margin-right: auto;
	margin-left: auto;
	background-image: url(../images/navBgFtr.png);
	background-repeat: repeat-x;
}
#ftrnavCtr{
	height:35px;
	width:850px;
	margin-right: auto;
	margin-left: auto;
}
#ftrnavCtr .active a{
	float: left;
	width: 120px;
	height: 35px;
	display: block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
	border-right:#333 thin solid;
	/*background-image: url(../logo/1-2.jpg);*/
	
	/*padding-top: 40px;*/
	text-transform: uppercase;
	color:#FC0;
	background-image: url(../images/atoHoover.png);
	background-repeat: repeat-x;
	z-index: 1000;
}


.ftxtPad{
	padding-top:11px;	
}
#ftrnavCtr ul {
	list-style: none;	
}

#ftrnavCtr li {
	
	display: inline; 
	
}

#ftrnavCtr a {
	float: left;
	width: 120px;
	height: 35px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	border-right:#333 thin solid;
	/*background-image: url(../logo/1-2.jpg);background-color: #F90;line-height: 200%;*/
	
	
	text-transform: uppercase;
}

#ftrnavCtr a:hover {
	width: 120px;
	height: 35px;
	color: #FC0;
	/*background-image: url(../logo/1-2.jpg);*/
	
	background-image: url(../images/atoHoover.png);
	background-repeat: repeat-x;
}



#cr {
	width:950px;
	color:#FFF;
	margin-top:5px;
	font-size:x-small;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
#cr a{color:#FFF;
text-decoration: none;}

