/* CSS Document */

/* {padding:0;margin:0;}*/


body {
	font-family: arial, hevetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	
	
}

	.blubck{
	background: #8d90ae url(images/RCOC_bck.jpg) repeat-y 50% 0;
	}

	
	#container
	{
		margin: 0 auto;
		width: 994px;
		text-align: left;
		background:#fff url(images/stretch_grad_long.jpg) repeat-y 100% 0;
	}
	
	#header
	{
		height: 117px;
		background-color: white;
	}
	
	#mainnav
	{
        /* overflow: hidden;  fixes double nav in ie6 */
		height: 28px;
		background: #724d9c url(images/main_mbar.jpg) repeat-x;
		margin-left: -1px;
		
	}
	
	#headFloat {
	float: right;
	width: 890px;
	}
	
	.logo {
	float:left;
	padding: 5px 5px 1px 15px;
	width: 83px;
	background-color:#fff;
	}
	
	
	
	#secondnav
	{
		height: 25px;
		background-color:#00FFFF;
	}

	#rightColumn
	{
	clear: right;
		float: right;
		width: 367px;
		
	}
	
	#contents
	{
		margin-right: 400px;
		margin-left: 20px;
		letter-spacing: 0.0em;
		
	}
	
		/* =============================== FOOTER STICK ALT ========================= */
	
	* html #container {
	height: 100%;
}

#nonFooter
{
	position: relative;
	min-height: 100%;
	padding-bottom: 35px; 
}

* html #nonFooter
{
	padding: 0;
	height: 100%;
	padding-bottom: 45px;
}

#footer {
	position: relative;
	margin: -25px auto 0 auto !important;
	width: 950px;
	height: 18px;
	padding: 2px 10px;
	text-align: left;
	color: #000;
	font-size: 60%;
	clear: both;

}

html, body {
	height: 100%;
	margin: 0; 
	padding: 0;
}

#footer span {
	padding: 0 320px 0 20px;
}
	
	#footer a {
	text-decoration: none;
	color: #000;
	}
	
	#footer a:visited, a:hover{
	text-decoration: none;
	color: #000;
	}
	
	
	/* ================= Positioning stuff ====================== */
	
	.floatRight {
	float: right;
	}
	
	.floatRightLogo {
	float: right;
	padding-left: 70px;
	}
	
	.floatRightCart {
	padding: 1px 10px 0 0;
	float: right;
	}
	
	
	.floatLeftEvents {
	float: left;
	width: 455px;
	}
	
		
	.floatRightMain {
	float: right;
	margin-left: 10px;
	}
	
	/* remove border from hyperlinked images */
	#rightColumn img{
	border: none;
	text-decoration: none;
	}
	
	.applyPad img{
	padding: 5px 10px 2px 0px;
	border:none;
	text-decoration: none;
	}
	
	.pricesPad {

	}
	
	.floatPrice {
	padding: 5px 10px 2px 0px;
	margin-right: 10px;
	float: right;
	/* height: 100%; ================== edited to fix buisness centre ========================*/
	}
	
	.center {
	text-align: center;
	}
	
	/* ================= text styling ====================== */
	
	.pad {
 	padding: 5px 5px 5px 15px;
	}
	
	.padRight {
	padding-top: 3px;
	padding-right: 30px;
	}
	
	.padRighte {
	padding-top: 3px;
	padding-right: 20px;
	
	}
	
	#rightColumn p {
	font-size: 75%;
	margin-bottom: 0px;
	}
	
	.inner {
	padding: 10px 5px 13px 5px;
		}
	
	.italic {
	font-style: italic;
	}
	
	#MAIN_CONTENT_STYLES_colors{}
	
		#contents a:link 
	{ 
		color:#7E6898;
		text-decoration: none;
		font-weight: bold;  
	}

	#contents a:visited { 
		color: #7E6898;
		text-decoration: none;
		font-weight: bold; 
		}   
	
	#contents a:hover, #contents a:active
	{
		color: #643385;
		text-decoration: none;
		font-weight: bold; 
		
	}
	 /* ========================== book now colours =========================*/
	 
	/*a.book 
	{ 
		color: red;
		text-decoration: none;
		font-weight: bold;  
	}

	a:visited.book { 
		color: red;
		text-decoration: none;
		font-weight: bold; 
		}   
	
	a:hover.book
	{
		color: black;
		text-decoration: none;
		font-weight: bold; 
		
	}*/
	
	#book a:link 
	{ 
		font-size: 120%;
		color:red;
		text-decoration: none;
		font-weight: bold;  
	}

	#book a:visited {
	font-size: 120%; 
		color: red;
		text-decoration: none;
		font-weight: bold; 
		}   
	
	#book a:hover, #book a:active
	{
		color: black;
		font-size: 120%;
		text-decoration: none;
		font-weight: bold; 
		
	}
	
	#book {
	font-size: 120%;
	font-weight: bold; 
	
	}
	
	
	
	#contents p
	{
	font-size: 80%;
	}
	
	#contents ul {
	font-size: 100%;
	
	}
	
	#contents ul.bullet {
	font-size: 80%;
	
	}
	
	.maintext_hightlight {
	color: #330066;
	}
	
	.maintext_hightlight_bold {
	color: #330066;
	font-weight: bold;
	}
	
    .download {
	color: #F7EFFF;
	}
	
	
	
	#adBox {
	background: url(images/box_grad_try.jpg) repeat;
	overflow:auto;
	}
	

		.adBoxInner {
	background: url(images/adbox_grad.jpg) repeat-x;
	padding: 1px 0 1px 0; 
	font-size: 80%;
	list-style-image:url(images/purp_bullet.gif);
	}

	.adBoxSuites {
	background: #faf6ff ;
	padding: 5px 5px 5px 5px; 
	font-size: 80%;
	list-style-image:url(images/purp_bullet.gif);
	}
	
	
	.newsBox {
	background: #eceef4 ;
	padding: 5px 5px 5px 5px; 
	font-size: 80%;
	list-style-image:url(images/purp_bullet.gif);
	}

	.memBox {
	background: #f3f2f7 ;
	padding: 5px 5px 5px 5px; 
	font-size: 80%;
	list-style-image:url(images/purp_bullet.gif);
	}
	
	
	h2 {
	color: #372263;
	font-size: 1.2em;
	margin: 5px 0px 5px 20px;
	white-space: nowrap;
	font-weight: normal;
    }
	
	.memberBenifits {
	color: #7c63ab;
	}	
	
	
	#NEWS_STYLES_colors{}
	
	.news_bold {
	color: #4b3670;
	font-weight: bold;
	}
	
	.bold {
	font-weight: bold;
	}
	
	.bigboldEvents {
	font-weight: bold;
	font-size: 120%;
	color: #796D9F;
	}
	
	hr {
	border: none 0;
	border-top: 1px dashed #ccc;
	border-bottom: none 0;
	height: 1px;
	}
	
	#MAIN_STYLES_colors{}
	
    h1 {
	color: #372263;
	font-size: 1.25em;
	margin: 15px 0 12px 0;
	white-space: nowrap;
	font-weight: normal;
    }
	
	h2 {
	color: #290A4F;
	font-size: 1em;
	margin: 15px 0 12px 0;
	white-space: nowrap;
	font-weight: normal;
	margin:0;
	padding:0;
    }		
	
	#contents h3 {
	color: #372263;
	font-size: 1.15em;
	margin: 15px 0 12px 0;
	white-space: nowrap;
	font-weight: normal;
    }	
	
	.joinUs {
	color: #372263;
	font-size: 1.4em;
	margin: 10px 0px 5px 20px;
		
	}
	
	

	/* ================= menu styling ====================== */
	
	#menuwrapper {
	padding-left: 12px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background: #724d9c url(images/main_mbar.jpg) repeat-x;

}




.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}


#menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #666;
	font-size: .80em;
	color: #EFEFEF;
}


#menubar a.trigger {
	padding: 5px 16px 5px 10px;
	background-image: url(images/bullet_lighter.gif);
	background-repeat: no-repeat;
	background-position: right center;
}


#menubar li {
	float: left;
	width: 9em;
}


#menubar li ul, #menubar ul li  {
	width: 16em;
}


#menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}


#menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-right: 1px solid #333333;
	background-image: url(images/menu_grad.jpg);
	background-repeat: repeat-x;
}


#menubar li ul li{
	border-bottom: 1px solid #333333;
}


#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.hvr a {
	color: #000000;
	background-color: #977cb5;
}



#menubar li:hover ul, #menubar li.hvr ul {
	display: block;
}


#menubar li:hover ul a, #menubar li.hvr ul a {
	color: #000000;
	background-color: transparent;
}


#menubar ul a:hover {
	background-color: #4c2776!important;
	color: #FFFFFF!important;
}


#menubar li {width: auto;}


/* ======================= Netflix box =========================== */ 

	.box {
  	width: 367px;
 	background: url(http://preview.hosts.co.uk/~renfrewshirechamber.com/images/botBox.gif) no-repeat bottom left;
	
  	}
	
	.boxPad {
	margin-left: 40px;
	}
	
	.box p {
	margin-bottom: 5px;
	margin-top: 0px;
	padding-left: 10px; 
	padding-right: 10px; 
  	}
	
	.box h3 {
 	margin-bottom: 0px;
  	padding: 4px 8px 5px 15px;
  	font-size: 95%;
  	color: white;
	letter-spacing: 1px;
  	background: url(http://preview.hosts.co.uk/~renfrewshirechamber.com/images/topBox.gif) no-repeat top left;
  	}
	
	.box h4 {	
 	margin-bottom: 0px;
  	padding: 10px 8px 5px 0px; 
  	font-size: 100%;
  	color: #093194;
  	}
	
	.box ul {
  	margin: 0px 0px 0px 30px;
  	padding: 5px 10px 0px 10px;
	list-style-image:url(images/bullet.gif);
  	}
	
	.box li {
  	margin:  0  0 6px 15px; 
  	padding: 0;
  	} 

	.box li a {
	font: 90% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #1d3b8a;
		}
	
	.box li a:visited {
	color:#666666;
	}
	
	.box li a:hover{
	color: #3366CC;
	}
	
	/* ============================== events box ================================== */
	
	.box2 {
  	width: 367px;
 	background: url(http://preview.hosts.co.uk/~renfrewshirechamber.com/images/botBox.gif) no-repeat bottom left;
	}
	
	.box2 p {
	margin-bottom: 5px;
	margin-top: 0px;
	padding-left: 10px; 
	padding-right: 10px; 
  	}
	
	.box2 h3 {
 	margin-bottom: 0px;
  	padding: 4px 8px 5px 15px;
  	font-size: 95%;
  	color: white;
	letter-spacing: 1px;
  	background: url(http://www.renfrewshirechamber.com/images/topBoxP.gif) no-repeat top left;
  	}


	/* ============================== events box ================================== */
	
	.box3 {
  	width: 367px;
 	background: url(http://preview.hosts.co.uk/~renfrewshirechamber.com/images/botBox.gif) no-repeat bottom left;
	}
	
	.box3 p {
	margin-bottom: 5px;
	margin-top: 0px;
	padding-left: 10px; 
	padding-right: 10px; 
  	}
	
	.box3 h3 {
 	margin-bottom: 0px;
  	padding: 4px 8px 5px 15px;
  	font-size: 95%;
  	color: white;
	letter-spacing: 1px;
  	background: url(http://www.renfrewshirechamber.com/images/topBoxM.gif) no-repeat top left;
	
  	}
	
/* ======================= box link styling =========================== */ 	

	a.all {
	font: 90% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #2a1542;
		}
	
	a:visited.all {
	color:#2a1542;
	}
	
	a:hover.all{
	color: #fff;
	}
	
	a.more {
	font: 100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #010101;
		}
	
	a:visited.more {
	color:#010101;
	}
	
	a:hover.more{
	color: #cccccc;
	}
	
	/* =========================== skip to contents ============================== */
	
	.skip img {
	text-decoration: none;
	border: none;
	}
	
	.skip
	{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	} 
	
	/* =========================== clear floats ============================== */
	
	.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
	
}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
	/* applies to ie < 7 */
	* html .clearfix {height: 1px;}
	/* End hide from IE<7 */
	
	
	#events hr {
	clear: left;
	}
	
			/* ========================= BLOCK HOVER ================== */
	
	#links ul {
        list-style-type: none;
        width: 500px;
		font-size: 70%;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
}

#links li a { 
        color: #CD7047;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
		
}

 * html #links li a {  /* make hover effect work in IE */
	width: 500px;
}

#links li a:hover {
        background: #E0E4EF;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 85% Arial, Helvetica, sans-serif;
        line-height: 125%; 
		text-align: center;
}

#links a span {
		float: left;
		width: 60px;
        text-decoration: none;
        font: normal 80% Arial, Helvetica, sans-serif;
        line-height: 150%;
		border: none;
}

#links a span img{
	border: 0;
	border:none;
	text-decoration:none;
}

/* ======================FORM STYLING =================================*/

#contents form {
background-color:#F4F5F9;
padding: 10px 20px 0 20px;
}

#contents form.event {
background-color:#faf6ff;
padding: 10px 20px 0 20px;
}



.formPad {
margin-left: 30px;
}

.floatformL {
float: left;
width: 45%;
}

.floatformLtop {
float: left;
}

.floatformR {
float: right;
width: 55%;
}

.floatFRight {
float: right;
}

.clearLeft {
clear: left;
}

.formTitle {
font: normal 110% Arial, Helvetica, sans-serif;
color:#9386B8;
}

   label {
   color: #372263;
  font-weight: bold;
   }
   
   legend {
   color: #372263;
   font: normal 80% Arial, Helvetica, sans-serif;
   font-weight: bold;
   }
   
   fieldset { 
   border: 1px solid #A5ACB2;
    }

   textarea {
   font: normal 100% Arial, Helvetica, sans-serif;
   }

table {
font: normal 80% Arial, Helvetica, sans-serif;
border-right: 1px solid #999;
}

caption {
    font-size: 0.9em;
    padding-bottom: 10px;
}

#contents th {
    text-align: left;
    padding: 3px;
    border: 1px solid #999;
    border-right: none;
    vertical-align: top;
}

#contents td {
    padding: 3px;
    border: 1px solid #999;
    border-top: none;
    border-right: none;
    vertical-align: top;
}

#contents tr.odd {
    background: #eeeeee;
    color: inherit;
}

#contents tr.even {
    background: #F4F5F9;
    color: inherit;
}

.bigText {
font-size: 130%;
}

.bnone {
border: none;
border: 0;
}

/* ====================== flash content 3 ==================== */

.spikeflash {
width: 367px;
height: 74px;
}

.noborder {
border: 0;
border: none;
}