body{
margin:0;
padding:0;
line-height: 1.5em;
font-size: 11px;
text-align: justify;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
background-color:#fff;
/**background-image: url('images/bg.jpg'); /** Link to the image you created **/
/**background-repeat: no-repeat; /** Repeats the image vertically **/
/** Centers the Background image **/
background-color: #ffffff; background-position-x:center
}

#maincontainer{
width: 777px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border:1px solid #999;
/* background: #fff url('images/bg-main.png') repeat-x; */
background: #dddddd;
/* background: #dbb5ed url('images/bg-main.gif') repeat-x;
}

#topsection{
background:  #fff;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
overflow: hidden;
}

#contentcolumn{
z-index:0;
overflow: hidden;
margin-left: 1px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
overflow: hidden;
float: left;
width: 195px; /*Width of left column in pixel*/
margin-left: -778px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
overflow: hidden;
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth)*/
background: #fff url('images/back_01.gif') repeat-x;
}

#showcase{
clear: left;
width: 100%;
background: transparent;
color: #FFF;
text-align: center;
padding: 0px;
font-size:10px; 
border: 0px solid #000;
margin-top:0;
line-height: 14px;
}

#showcase img {
text-align: center;
padding: 5px;
border: 1px solid gold;
background: #ddd;
margin:5px;
}

#footer{
clear: left;
width: 100%;
background: #888;
color: #FFF;
text-align: center;
padding: 4px 0;
font-size:10px; 
border: 0px solid #000;
margin-top:0;
line-height: 14px;
}

#footer ul, #footer li {display:inline; list-style:none; color:#fff; padding:5px; text-align: center;}

#footer a {color:#fff; text-align: center; display:inline; list-style:none; font-weight:normal;}

#footer img {text-align: center;}

.leftcol      {float:left; width:47%; padding:5px;}
.rightcol     {float:right;width:47%; padding:5px; }

.leftcoljb      {float:left; width:22%; padding:5px;}
.rightcoljb     {float:right;width:72%; padding:5px; }

.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
background: #fff url('images/back_0.gif') repeat-x;
border: 1px solid silver;
padding: 5px
}

.altar      {
margin-left:15px;
border:0px;
}


h1, h2, h3, h4 {display:block; font-size:12px; background:transparent; color:#000; margin-bottom:14px; font-weight:bold; margin-top:3px;} 

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */

 /* Set up the default font and ovrall size to include image */
.menu {
height:35px;
background: #222;
z-index: 101;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
text-align: center;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
background: url('images/menu.png') no-repeat;

}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
width:85px; 
//height:1.5em;
font-weight:normal;
color:#fff; 
border: 0px solid #ccc;
background: transparent; 
padding-left:1px; 
//line-height:1.5em;
margin-right:0px;
margin-top:0px;
line-height:3em; 
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:85px;
w\idth:85px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#ddd; 
border-bottom:0px solid #606;
background: transparent;
height:35px;
margin-top:0px;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:2em;
margin-top:13px;
left:0; 
width:96px;
border:1px solid #888;
background: #eee;
text-align: left;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background: #fff url('images/opaque.png'); 
color:#000; 
border:0px none;
margin:0;
color:#333;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:1em; 
padding:5px; 
width:86px
text-align: left
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#888; 
color:#fff;
text-align: left;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background: margin-top url('images/opaque.png') 12px 12px; /* for IE5.5 faulty box model */
marg\in-top:12px; /* for IE6 */
text-align: left
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#eee;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
text-align: left;
}

.clear {clear:both; text-align:center;} 


/* links
-------------------- */	
a:link {
	color: #609;
	font-weight: normal;
	text-decoration: none;
	border: 0px none;
	}
a:visited {
	font-weight: normal;
	text-decoration: none;
	border: 0px none;
	}
a:hover {
	background: CCCCCC;
text-decoration: underline;
	border: 0px none;
	}
a:active {
	background: #F5F4F4;
text-decoration: underline;
border: 0px none;
	}
	

/*image behaviours */

img {border:0px none;}

.rolls{
float:left;
margin:2px;
padding:5px;
border:1px solid #888;
background:#eee;
font-size: 10px;
text-align: center;
margin-right: 7px;
}

/* jb added 20-11-07
-------------------- */	
.rollsjb{
float:left;
margin:2px;
padding:5px;
border:1px solid #888;
background:#eee;
font-size: 10px;
text-align: left;
margin-right: 7px;
}

.rolls img {
border: 1px solid #888;
/* width: 125px; */

}

.rows {
padding: 1px;
}

.rows li {
display: inline; 
margin:2px; 
list-style: none;}

.dropcap {
float: left;
 font-family: Old English, Georgia,serif;
 font-size: 300%;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.25em;
}



/* calendar list */
dl.calendar {
	margin-bottom: 1em;
	font-size: 10px;

}
dl.calendar dt {
	margin-right: 12px;
	float: left;		
	display: block; 
	background: white url('images/calendar.gif') no-repeat;
	width: 43px;
	height: 44px;
	text-decoration: none;
	text-align: center			
	}
dl.calendar dt span {
	padding-left: 4px;			
	padding-top: 12px;
	font-size: 10px;
	color: #777;
	font-weight: normal;
	text-transform: uppercase;
	display: block;		
	line-height: 1em;
	}	
dl.calendar dt strong {
	padding-left: 4px;			
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	display: block;		
	line-height: .5em;
	}
dl.calendar dd.title, dl.calendar dd.description {
	line-height: 1.4em;
	margin-left: 10px;
		} 
dl.calendar dd.title{ margin-bottom: .1em;font-weight: bold;}
dl.calendar dd.break { clear: left; height: 1em; overflow: hidden; }

.text {display:block; padding:10px; width:460px; height:; margin:10px;  text-align:justify; color:#000; background: #fff url('images/back_0.gif') repeat-x; border:1px solid #999} 
.text {width/* */:/**/460px;  width: /**/460px; height: /**/} 

#simplyForm fieldset
{
	display: block;
	width: 240px;
	margin: 0 0 5px 0;
	padding: 0 5px 5px 5px;
	background-color: #EEEEEE;
}

#simplyForm fieldset.submit
{
	border: none;
	background-color: transparent;
	text-align: center;
}

#simplyForm fieldset.radio
{
	width: 125px;
	margin: 5px 0 5px 0;
	background-color: #DDDDDD;
}

#simplyForm fieldset.radio label
{
	font-weight: normal;
}

#simplyForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#simplyForm input
{
	display: block;
	width: 200px;
}

#simplyForm label
{
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

#simplyForm select
{
	display: block;
}
/*
.calendar {border: 1px solid #000000; border-collapse: separate; border-spacing: 1px; 
.diary}
color: #000; background: #fff;}
td.calendar {width: 15px; padding: 3px; border: 0px solid black; background: #ddd; }
.today {background: #eaa; color: #fff;}
.selected {background: #aee; color: #fff;}
.info {background: #33c; color: #fff;}
.monthdays {background: #fff; }
.nonmonthdays {background: #aaa;}
.diary a:visited, .diary a:link, .diary a:hover {text-decoration: none;}
.diary a.white {color: #fff; }
*/


/* defined list */
dl {
	margin-bottom: 1em;
	font-size: 11px;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
}
dt {
	margin-right: 12px;
	display: block; 
	width: 43px;
	text-decoration: none;
	}
dd{
	line-height: 1.4em;
	margin-left: 10px;
		} 
dd.first {
	font-weight: bold;
	margin-left: 10px;
		} 


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}