/* rifle chamber CSS Document */

body {
	background: #624d2f;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	}

/* ------------- defines width, clears padding and margins for firefox -----------*/	
#rc_container {
	margin:0 auto;
	padding:0;
	width:1000px;
	background: url(images/bkg-main.jpg) repeat-y;
	
	}
	
/* -------------- site split into two columns -- first column ------------------*/
#rc_left {
	width:263px;
	float:left;
	background: url(images/logo-final.jpg) no-repeat;
	
	}
/* -------------- site split into two columns -- second column ------------------*/

#rc_right {
float:right;
width:737px;

padding:0;
margin:0;

	}
#rc_right-hp {
float:right;
width:737px;
padding:0;
margin:0;
background: url(images/headers/hp-header-bkg.jpg) top left no-repeat;
	}
	
#rc_dottedbox {
	margin: 0 auto;
	width: 500px;
	border: 1px dashed #000;
	padding: 10px;
	text-align:center;
}
	
/* ----------- a definitions for the main text area ----*/
#rc_right a, a:visited {
	color:#485676;
	font-weight:bold;
	}
#rc_right a:hover {
	color:#b83621;
	}
/* ------------------ sponsors box on home page ---------*/
#sponsorbox {
	background: url(images/sponsors-box.gif) no-repeat;
	width:244px;
	height:155px;
	padding: 50px 0 0 19px;
}
/* ---------------- home page buckets: visit, stay play bucket ------- */

.rc_visitbucket {
	background: url(images/visit-bucket.jpg) no-repeat;
	width:230px;
	height:366px;
	color:#fff;
	font-size:11px;
	}
.padding {
	padding: 0 10px 0 15px;
	}

	
/* ---------------- home page buckets: relocate bucket ------- */

.rc_relocatebucket {
	background: url(images/relocate-bucket.jpg) no-repeat;
	width:229px;
	height:366px;
	font-size:11px;

	}
	
	
	
/* ---------------- home page buckets: chamber bucket ------- */

.rc_chamberbucket {
	background: url(images/chamber-bucket.jpg) no-repeat;
	width:248px;
	height:366px;
font-size:11px;
color:#fff;
	}
	
/* --------- government affairs bucket -----*/

.chamberbox {
	background: url(images//boxes/program-of-work.jpg) no-repeat;
	width:225px;
	height:240px;
font-size:11px;
color:#fff;
	}	
/* ----------- bucket a definitions ----*/	
a#bucket {
	background: url(images/arrow.gif) bottom left no-repeat;
	color:#000;
	text-decoration:none;
	padding: 0 0 0 15px;
	margin:0 0 0 15px;
	font-size:12px;


	}
a:hover#bucket  {
	color:#fff;
	}
	
.small {
	font-size:11px;
	}
	
/* ------------ summer and winter rec sub page boxes, as they differ from the others -----------*/
.summerbkg {
	background: url(images/boxes/summer-rec-new.jpg) no-repeat;
	width:225px;
	height:368px;
	}
.winterbkg {
	background: url(images/boxes/winter-rec-new.jpg) no-repeat;
	width:225px;
	height:368px;
	}	
/* ------ padding for the p tag, cross site -------- */
p {
padding: 0 35px 0 7px;
}
	
	/* ---------- expanding menu -------*/

.glossymenu{
margin: 0;
padding: 0;
width: 260px; /*width of menu*/
}

/* ---------- visit button ---------*/
.glossymenu #visit {
background: transparent url(images/visit-link.jpg) no-repeat;
width:263px;
}

.glossymenu a.menuitem{
display: block;
padding: 3px 0;
height:67px;
}

#visit a.menuitem {background:transparent url(images/visit-link-roll.jpg) -160px -120px no-repeat;}
#visit a.menuitem:hover {background-position:top left; z-index:50; height:67px; }
/* ----- above creates a no-flicker image transfer for each button ------*/

/* --------- relocate button --------------*/
.glossymenu #relocate {
background: url(images/relocate-link.jpg) no-repeat;
}

.glossymenu a.menuitem2{
display: block;
padding: 3px 0;
height:67px;
}

#relocate a.menuitem2 {background:transparent url(images/relocate-link-roll.jpg) -160px -120px no-repeat;}
#relocate a.menuitem2:hover {background-position:top left; z-index:50; height:67px; }
/* ----- above creates a no-flicker image transfer for each button ------*/


/* --------- chamber button --------------*/
.glossymenu #chamber {
background: url(images/chamber-link.jpg) no-repeat;
}
.glossymenu a.menuitem3{
display: block;
padding: 3px 0;
height:67px;
}
#chamber a.menuitem3 {background:transparent url(images/chamber-link-roll.jpg) -160px -120px no-repeat;}
#chamber a.menuitem3:hover {background-position:top left; z-index:50; height:67px; }
/* ----- above creates a no-flicker image transfer for each button ------*/


.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: transparent;
margin-left:10px;

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
margin-bottom:1px;background: url(images/sub.jpg) no-repeat;
}

.glossymenu div.submenu ul li a.menu1{

display: block;
font: bold 14px Georgia, "Times New Roman", Times, serif;
color: #000;
text-decoration: none;
padding: 2px 0 2px 7px;
height:18px;
width:220px;
}

.glossymenu div.submenu ul li a.menu1 {background:transparent url(images/sub-roll.jpg) -160px -120px no-repeat;}
.glossymenu div.submenu ul li a.menu1:hover {background-position:top left; z-index:50; height:18px; }

* html .glossymenu a, * html .glossymenu a:visited {height:67px; padding:3px 0; width:263px; margin:0;}	
/* ------ again, ie6 rides the short bus --*/
* html .glossymenu a:hover {height:67px; padding:0 none; width:263px; margin:0;}

	
/* ------------------ second menu on left ------------*/
/* with text */
#menu2 {display:block;  margin:0; padding:0;  width:260px; float:left;}
#menu2 ul {margin:0; padding:0; list-style-type:none;}
#menu2 li {display:block; width:260px; }
#menu2 li.list1t {background:url(images/bus-dir-link.jpg) no-repeat; height:57px;}
#menu2 li.list2t {background: url(images/req-info-link.jpg) no-repeat; height:50px;}
#menu2 li.list3t {background: url(images/calendar-link.jpg) no-repeat; height:50px;}
#menu2 li.list4t {background:url(images/hot-deals-link.jpg) no-repeat; height:50px;}

#menu2 a {display:block; width:260px;overflow:hidden; padding-top:52px; }
/* ---- because ie6 rides the short bus --*/
* html #menu2 a, * html #menu2 a:visited {height:0px; padding:0 none; width:249px; margin:0;}

#menu2 a#item1t {background:transparent url(images/bus-dir-link-roll.jpg) -160px -89px no-repeat;}
#menu2 a#item2t {background:transparent url(images/req-info-link-roll.jpg) -160px -89px no-repeat;}
#menu2 a#item3t {background:transparent url(images/calendar-link-roll.jpg) -160px -89px no-repeat;}
#menu2 a#item4t {background:transparent url(images/hot-deals-link-roll.jpg) -160px -89px no-repeat;}

#menu2 a#item1t:hover {background-position:top left; z-index:50; }
#menu2 a#item2t:hover {background-position:top left; z-index:50; }
#menu2 a#item3t:hover {background-position:top left; z-index:50; }
#menu2 a#item4t:hover {background-position:top left; z-index:50; }

/* ------ again, ie6 rides the short bus --*/
* html #menu2 a:hover {height:0px; padding:0 none; width:249px; margin:0;}


/* ------------------------------- visitor's guide box -----------------*/

#rc_visitorguide {
padding-top:5px;
clear:both;
	
	}
	

	
/* ------------------- header boxes ----------------------*/
#rc_headerbox {
	background: #6d7994;
	border:2px solid #fff;
	padding:5px;
	width:350px;
	}

/* ------------------------------- footer box -----------------*/

#rc_footer {
clear:both;
	background: url(images/footer.jpg) no-repeat;
	height:60px;
	padding: 10px;
	color:#fff;
	font-size:11px;
	text-align:center;
	}
#rc_footer a {
	color:#FFCC00;
	}
#rc_footer a:hover {
	color:#fff;
	}

h1 {
	font-size: 17px;
	color:#344670;
	}