/* CSS Document global styles for every page 8/4/07*/

#wrapper {
	position:relative;
	width:766px;
	height:700px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
	left: auto;
	top: 0px;
	right: auto;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#banner {
	position:absolute;
	width:760px;
	height:150px;
	z-index:1;
	left: 3px;
	right: 3px;
	top: 0px;
}
#address {
	position:absolute;
	width:766px;
	height:20px;
	z-index:2;
	left: 1px;
	top: 682px;
	color: #FF0000;
	background-color: #A5C4DC;
}
/* Step 10 - Clearing the float */
#menu {
	display:block;
	width:246px;
	height:46px;
	position: absolute;
	left: 501px;
	top: 120px;
}

/* Step 3 - get rid of the bullets and margin */
#menu ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#menu li {float:left; margin-right:1px;}

/* Step 5 - Adding the initial images */

#menu li.list1 {background:transparent url(topnav/homenav.gif);}
#menu li.list2 {background:transparent url(topnav/aboutnav.gif);}
#menu li.list3 {background:transparent url(topnav/contactnav.gif);}
#menu li.list4 {background:transparent url(topnav/trivianav.gif);}
 

/* Step 6 - General link styling */

#menu a {display:block; width:60px; height:0; padding-top:46px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #menu a:link, * html #menu a:visited {height:46px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#menu a#item1 {background:transparent url(topnav/homenav_over.gif) -46px -60px no-repeat;}
#menu a#item2 {background:transparent url(topnav/aboutnav_over.gif) -46px -60px no-repeat;}
#menu a#item3 {background:transparent url(topnav/contactnav_over.gif) -46px -60px no-repeat;}
#menu a#item4 {background:transparent url(topnav/trivianav_over.gif) -46px -60px no-repeat;}
	


/* Step 9 - Adding the :hover style */

#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:46px; he\ight:0;}
.rb_pft_btm img {
	float:left;
	text-align: center;

	
}
.rb_pft_btm {
	padding:0;
	height:38px;
	line-height:30px;
	position: absolute;
	width: 766px;
	left: 1px;
	top: 643px;
	border:none;
	font-size:small;
}
.rb_pft_btm_l a {
	margin:0 5px;

}

.rb_pft_btm_l {
	vertical-align:middle;
	margin-top:15px;
	float:left;
}