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

body{
	background-color: #F4EDE1; 
	background-image:url('Images/body_and_footer.jpg');
	background-repeat:repeat;	
	font-family: Tahoma,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;	
	color:#baa68c;
	text-align: left;	
	
	scrollbar-face-color: #f2e5d8; /*colour of scroll bar  e8d8c8*/
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#F4EDE1;    /*colour of area beneath scroll bar*/
    scrollbar-highlight-color:rgb(0,0,0); /* highlight on left */
    scrollbar-3dlight-color:#f3ebe0; /* shadow on left side of bar */
    scrollbar-darkshadow-Color:#D9CCBB;	/* shadow on right side of bar */
    scrollbar-shadow-color:#BAA68C; /* shadow on right side of bar */    
}

pre{
	font-family: Tahoma,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;	
	color:#baa68c;
	text-align: left;
}

.background{
	background-color: #000000; 
	background-image:url('Images/BG_pattern.jpg');
	background-repeat:repeat;
	text-align: center;			
}

.contact{
	background-image:url('Images/contact_border.jpg');
	background-repeat:no-repeat;	
}

.wrapper{
	height: 100%;
	width: 100%;	
	text-align:center;
}

.container{
	height: 100%;
	width: 832px;	
	text-align:center;		
	border: #FFFFFF 1px solid;
	margin-left: auto; 	/*use to align div in centre*/
	margin-right:auto;	/*use to align div in centre*/
}

.header{
	margin: 0px 0px -10px 0px;
	padding: 0px;				
}

#footer{
	margin: 0px;
	padding: 0px;				
}

.menu {
	background-color: #E7D8C6; 
	margin: 0px;	
	background-image:url('Images/menu.gif');
	background-repeat:repeat;
	color:#000000;	
	font-weight:bold;
	width: 822px;
	height: 28px;
	padding: 0px 0px 3px 10px;		
	/*padding-left: 10px;	
	padding-bottom: 3px;*/			
	text-align: left;
	margin-left: auto; 	/*use to align div in centre*/
	margin-right:auto;	/*use to align div in centre*/
	
	font-family: Arial,Helvetica,sans-serif;	
}

.menu a:hover,
.menu a:active{
	color: #FFFFFF;
	text-decoration: none;
}

.heading{
	text-align: left;	
	background-color: #F8F4EC;
	font-weight: bold;
	color:#BAA68C;	
	height: 20px;
	border: #D9CCBB 1px solid;
	/*border-color: #D9CCBB;
	border-style: solid;
	border-width: 1px;	*/
	padding-left: 6px;	/*space left(inside) of item*/
	padding-top: 5px;
	margin-left: 3px;	
	margin-right: 3px;
	margin-top: 12px;
}

.heading_short{
	text-align: left;
	background-color: #F8F4EC;
	font-weight: bold;	
	color:#BAA68C;	
	height: 20px;
	width: 250px;
	float: right;
	border-color: #D9CCBB;
	border-style: solid;
	border-width: 1px;	
	padding-left: 6px;	/*space left(inside) of item*/
	padding-top: 5px;	
	margin-right: 3px;
	margin-top: 7px;	
	display: inline;
	
	
	/*a:active,
	a:hover {
	color: #D9CCBB;
	text-decoration: none;*/

}

.heading_medium{
	text-align: left;
	background-color: #F8F4EC;
	font-weight: bold;
	color:#BAA68C;	
	height: 20px;
	width: 485px;
	float: right;
	border-color: #D9CCBB;
	border-style: solid;
	border-width: 1px;	
	padding-left: 6px;	/*space left(inside) of item*/
	padding-top: 5px;	
	margin-right: 5px;	
	margin-top: 7px;
	display: inline;
}

h1{
	font-weight: bold;
	font-size: 11px;
}

.main {
	width: 832px;
	height: 466px;
	background-color: #F4EDE1;
	background-image:url('Images/body_light.jpg');
	background-repeat:no-repeat;	
	background-position:center;	
	margin-left: auto; /*use to align div in centre*/
	margin-right:auto;	
	overflow: hidden;
}

.intro {
	width: 832px;
	height: 460px;
	background-color: #F4EDE1;	
	margin-left: auto; /*use to align div in centre*/
	margin-right:auto;		
	/*border-bottom: #FFFFFF 1px solid;*/
}

.mainleft{
	background-color: #F4EDE1; 
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	width: 288px;
	height: 431px;
	border-color: #D9CCBB;
	border-style: solid;
	border-width: 1px;
	margin-top: 7px;
	display: inline;	
}

.mainright{
	text-align: justify;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	width: 490px;
	height: 388px;
	_height: 380px;  /*IE hack - needs different size*/	
	overflow: auto;	
	display: inline;	
	padding-right: 4px;	
}

.text_right{
	text-align: left;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	width: 250px;
	height: 410px;	
	display: inline;		
}

.previewPanel{
	float: left;	
	width: 434px;
	height: 434px;
	_height: 432px;
	_width: 432px;
	border-color: #D9CCBB;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
	margin-top: 7px;
	margin-left: 3px;	
	text-align: center;
	padding:0;
	/*display: inline;	
	display: table-cell;*/		
}

.preview{
	border-color: #D9CCBB;
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;	
}

.thumbs{
	width: 358px;
	height: 372px;	
	float: right;
	margin-right: 3px;
	margin-top: 10px;
	/*border-bottom: #D9CCBB 1px solid;*/
	display: inline;
}

.thumbnail{
	border-color: #D9CCBB;
	border-style: solid;
	border-width: 1px;	
	cursor: pointer;
	height: 84px;
	/*width: 84px;	*/
}

.fullPanel{
	text-align: left;	
	height: 400px;		
	margin-left: 3px;	
	margin-right: 3px;	
}

.spacer{
	width: 100px;
	height: 10px;
}

a:link,
a:visited{
	color: #000000;
	text-decoration: none;	
}
a:hover,
a:active{
	color: #ac9a83;
	text-decoration: none;
}

.footer{
	text-align: left;
	background-color: #F8F4EC;
	color:#BAA68C;	
	height: 20px;
	width: 250px;
	float: right;
	border-color: #D9CCBB;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	padding-left: 6px;	/*space left(inside) of item*/
	padding-top: 5px;	
	margin-right: 3px;	
	margin-bottom: 5px;	
	display: inline;
}

.fanContainer{
	height: 150px;
	width: 164px;	
	border-color: #D9CCBB;
	border-style: solid;
	border-width: 1px;
	text-align:center;	
	float: left;
	margin-right: 10px;	
	margin-left: 10px;
	background-color: #f2e5d8; /*D9CCBB;*/
	padding-bottom: 4px;
}

.fan{
	height: 113px;
	width: 150px;	
	border-color: #D9CCBB;
	border-style: solid;
	border-width: 1px;
	margin-top: 3px;	
	/*margin-bottom: 0px;
	margin-right: 10px;	
	margin-left: 10px;*/
		
}

.fanText{
	height: 70px;
	width: 150px;	
	margin-top: 0px;	
	margin-bottom: 1px;
	margin-right: 10px;	
	margin-left: 10px;
	text-align:center;	
	text-decoration: underline;
	line-height: 15px;
	display:inline;
	float:left;
	border-color: #D9CCBB;
	border-style: solid;
	border-width: 1px;
}

.fanText a:link {text-decoration: underline;}

.scrollbox{	
	float: right;
	margin-right: 5px;	
	width: 730px;
	height: 390px;
	_height: 370px;  /*IE hack - needs different size*/	
	overflow: auto;		
	padding-right: 4px;	
}

.tubeContainer{
	height: 120px;
	width: 300px;	
	border-color: #D9CCBB; /*B8A996;*/
	border-style: solid;
	border-width: 1px;
	text-align:left;	
	float: left;
	margin-right: 10px;	
	margin-left: 10px;
	background-color: #f2e5d8; /*D9CCBB;*/
	padding: 4px;
	margin-bottom:5px;
}

.sponsorContainer{
	height: 160px;
	width: 300px;	
	border: 1px solid #D9CCBB;
	/* border-color: #D9CCBB; 
	border-style: solid;
	border-width: 1px; */
	text-align:left;	
	float: left;
	margin-right: 10px;	
	margin-left: 10px;
	background-color: #f2e5d8; /*D9CCBB;*/
	padding: 4px;
	margin-bottom:5px;
	
}
.boldText{
	font-weight: bold;
}

.table{
	height: 430px;
	width: 432px;
	_height: 432px;
	
	margin: 0px; 
	padding: 0px; 
}

/*set sides that floating elements not allowed*/
.clear {
	clear: both;
}

.diary_img{
	float:left;
	padding-right: 8px;
	padding-bottom: 5px;	
}
/*------------------------------------------
#box {
   min-height: 300px;
   height: auto;
   _height: 300px;
   ...
   }

.hr_dark {
	color: #E0D1C0;
	size: 1px;
}

border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;

a:link {
	color: #FF0000;
	text-decoration: none;
}
.link {
	color: #000000;
	text-decoration: none;

}
a:visited {
	color: #FFFFFF;	
	text-decoration: none;
}
a:hover {
	color: #990000;
	text-decoration: none;
}
a:active {	
	color: #99FF00;
	text-decoration: none;
}*/