@charset "utf-8";
/* CSS Document */

/* CAFE NORTH CUSTOM STYLE SHEET */
/* COPYRIGHT 2009(C) JOSHUACOMPUTERS.CO.UK */


body{
	padding:0;
	margin:0;
	}
	
#cn_logo{
	display:block;
	width:260px;
	height:234px;
	padding-top:153px;
	padding-left:39px;
	}
	

#cn_header_main{
	width:100%;
	top:0px;
	height:387px;
	background:url(../images/fr_header_bk.gif) 0 0 repeat-x;
	}	

#cn_header{
	width:920px;
	margin:0 auto;
	height:387px;
	background:url(../images/fr_header.gif) 0 0 no-repeat;
	position:relative;
	}

#cn_header ul{
	display:block;
	width:86px;
}

#cn_header ul li.nav{
	display:block;
	width:86px;
	padding:0 0 0 2px;
	margin-left: 0px;
	color:#FFBEBE;
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:capitalize;
}
#cn_header ul li.nav a{
	display:block;
	width:132px;
    padding:0 0 0 21px;
	margin-left: 0px;
	font-size:0;
	color:#333;
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:capitalize;
	background:url(../images/arrow.gif) 11px 6px no-repeat;
	line-height: 18px;
}
#cn_header l li.nav a:hover{
	display:block;
	width:132px;
    padding:0 0 0 21px;
	color:#FFBEBE;
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:capitalize;
	background:url(../images/arrow_hover.gif) 11px 6px no-repeat #DA3232;
	line-height: 17px;
}
#cn_header ul li.hover{ /* selected */
	display:block;
	width:132px;
	padding:0 0 0 21px;
	margin-left: 2px;
	color:#fff;
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:capitalize;
	background:url(../images/arrow_hover.gif) 11px 6px no-repeat #333;
	line-height: 17px;
}

/* OVERLAY BOXES FOR SELECTED PAGES */
#cn_header tr{
	border-left: hidden;
	border-bottom:hidden;	
	border-right: hidden;
	border-style: hidden;	
	border-collapse:collapse;
	border:0px;
}

#cn_header ul.overlay_empty{
	/* background:url(../images/fr_overlay_empty.gif) no-repeat; */
	background:url(../images/fr_overlay_empty.png) no-repeat; 
	width:563px;
	height:698px;
	position:absolute;
	left:265px;
	top:0px;
}

#cn_header ul.overlay_scroll{
	/* background:url(../images/fr_overlay_scroll.gif) no-repeat; */
	background:url(../images/fr_overlay_scroll.png) no-repeat;
	width:563px;
	height:698px;
	position:absolute;
	left:265px;
	top:0px;
}

#cn_header ul.overlay{
	/* background:url(../images/fr_overlay_scroll.gif) no-repeat; */
	background:url(../images/fr_overlay.png) no-repeat;
	width:563px;
	height:698px;
	position:absolute;
	left:265px;
	top:0px;
}

#cn_header ul.cmsevents{
	/*background-color:#099; */
	left:-31px;
	width:528px;
	position:absolute;
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#cn_header ul.contact0{
	position:absolute;
	top:421px;
	left: 20px;
	width: 152px;
	height: 150p;
	font:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:12px;
	text-align:right;
}

#cn_header ul.contact1{
	position:absolute;
	top:433px;
	left: 181px;
	width: 152px;
	height: 150px;
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-align:right;
}

#cn_header ul.contact2{
	position:absolute;
	top:433px;
	left: 349px;
	width: 144px;
	height: 150px;
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

#cn_header ul.events{
	position:absolute;
	top:22px;
	left:-31px;
	width: 545px;
	height: 667px;
	font:Verdana, Geneva, sans-serif;
	background-color:#FFF;
	font-size:12px;
	overflow: auto;
	
}

/* ################################## */

#cn_body-main{
	width:100%;
	}

#cn_body{
	width:920px;
	margin:0 auto;
	padding:0 0 0 0;	
	}
	
/* ################################# */

/*------------------------------------------------footer start---------------------*/
#footer-main{
	width:100%;
	height:85px;
	padding:30px 0 0 0;
	background:url(../images/fr_footer.gif) 0 0 repeat-x;
	color:#fff;
	float:left;
}
#footer{
	width:920px;
	height:75px;
	/*background:url(../images/cn_footer_bk.gif) left bottom no-repeat; */
	position:relative;
	margin:0 auto;
}
#footer ul{
	width:582px;
	margin:0;
	padding:0;
	position:absolute;
	left:241px;
	top:3px;
}
#footer ul li{
	margin:0;
	float:left;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	/*background-color:#193903; */
	background-image:none;
	text-transform:capitalize;
}
#footer ul li a{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	/*background-color:#193903; */
	text-decoration:none;
	text-transform:capitalize;
	padding:0 10px 0 10px;
}
#footer ul li a:hover{
	color:#fff;
	background-color:#a10000;
}
#footer p.copyright{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#F3F1DF;
	background-color:#810000;
	position:absolute;
	left:362px;
	top:48px;
}
#footer p.protection{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#810000;
	position:absolute;
	left:292px;
	top:59px;
	text-align:center;
	width: 369px;
}

#footer a.link{
	width:100px;
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	color:#F3F1DF;
	padding:0 4px;
	text-decoration:none;
	text-transform:uppercase;
}
#footer a.link:hover{
	color:#fff;
}
/*------------------------------------------------footer end---------------------*/

#ad_leftside{	
    width:313px;
	height: 302px;
	float:left;
	padding-left:42px;
	/*background-image:url(../images/ad_dummy.jpg);*/
    }

#ad_bottom{
	width:900px;
	height: 200px;
	float:left;
	padding-left:42px;
	/*background-image:url(../images/ad_dummy.jpg);*/
	padding-top:30px;
	}

.advert_large {
	position: absolute;
	top:387px;
	left: 9px;
	width:546px;
	height:302px;
	/*background-color:#036; */
	/*background:url(../pictures/adl_drinks.jpg); */
}








/* ################################################################################### */

/*------------------------------------------------imagemenu end---------------------*/
#imageMenu {
	position: relative;
	width: 538px;
	padding-left: 12px;
	padding-top: 23px;
	height: 313px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:107px;
	height: 317px;

}

#imageMenu ul li.sl1 a {
	background: url(../images/sl1.jpg) repeat scroll 0%;
}

#imageMenu ul li.sl2 a {
	background: url(../images/sl2.jpg) repeat scroll 0%;
}

#imageMenu ul li.sl3 a {
	background: url(../images/sl3.jpg) repeat scroll 0%;
}

#imageMenu ul li.sl4 a {
	background: url(../images/sl4.jpg) repeat scroll 0%;
}

#imageMenu ul li.sl5 a {
	background: url(../images/sl5.jpg) repeat scroll 0%;
	width: 210px;
}

.clear {
	clear: both;
}
/*------------------------------------------------imagemenu end---------------------*/

/* ######################################################################## */

#Scroller-1 {
	position: absolute;
	overflow: hidden;
	width: 460px;
	height: 326px;
	left: 3px;
	top: 1px;

}
/*
#Scroller-1 p {
  margin: 0; padding: 10px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  /*text-indent: 20px; 
  color: #6F6048;
}
*/

#Scroller-1 h1 {
		font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	  	color:#333;
}

#Scroller-1 h2 {
		font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	  	color:#333;
}
#Scroller-1 h3{
		font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	  	color:#333;
}
#Scroller-1 h4{
		font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	  	color:#333;
}
#Scroller-1 h5{
		font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#333;
}
#Scroller-1 h6{
		font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	  	color:#333;
}

#Scroller-1 table{
   border: none;   
   }
   
#Scroller-1 tr{
	border:none;
}

#Scroller-1 td{
    border:none;   
}	




.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
  position: absolute;
  top: 33px; left: 30px;
}
.Scrollbar-Up {
	cursor: pointer;
	position: absolute;
	left: -8px;
}
.Scrollbar-Track {
	width: 20px;
	height: 198px;
	position: absolute;
	top: 36px;
	left: -3px;
  /*background:url(../images/scrollbar_track.gif);*/
}
.Scrollbar-Handle {
  position: absolute;
  width: 20px; height: 22px;
}
.Scrollbar-Down {
	cursor: pointer;
	position: absolute;
	top: 235px;
	left: -7px;
}

.Scrollbar-Background {
	position: absolute;
	top: 38px;
	left: 67px;
	width: 466px;
	height: 328px;
	background:#FFF;
	/*background:url(../images/scroll_bk.gif);
	background-repeat:repeat-y; */
}


/* #################################################### */


.cn_t1{
	color:#666;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.cn_t2{
	color:#00000;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	
}
.cn_t3{
	color:#999;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 1px;
	text-transform:uppercase;
	
}
.cn_t4{
	color:#333;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

.ajaxformbutton{
	border: 1px solid #999;
	font:Verdana;
	font-size: 10px;
	width: 152px;
	height: 16px;
}.submitform_question {
	border: 1px solid #999;
	WIDTH: 150px;
	font-size:12px;
}

.submitform_input {
	border: 1px solid #999;
	WIDTH: 150px;
	font-size:10px;
}