/*
a:link  {text-decoration:underline; color:#0000EE; } 
a:visited  {text-decoration:none; color:#0000DD;}
a:hover { text-decoration:none; background-color: #0000DD; color: #FFFFFF; }
*/
a:link {
	text-decoration: none;
	color:#0000EE;
	background-color: transparent;
	border-color: #888888;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}
a:visited {
	text-decoration: none;
	color:#0000EE;
	background-color: transparent;
	border-color: #888888;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}
a:hover {
	text-decoration: none;
	background-color: #0000DD;
	color: #FFFFFF;
	border-color: #0000EE;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}

a.plain:link {
	text-decoration: none;
	color:#0000EE;
	background-color: transparent;
	border: 0px;
}

a.plain:visited {
	text-decoration: none;
	color:#0000EE;
	background-color: transparent;
	border: 0px;
}

a.plain:hover {
	text-decoration: none;
	background-color: transparent;
	color: #0000EE;
	border: 0px;
}

a.seen:link {
	font-weight: bold;
	color:#0000ee;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}

a.seen:visited {
	font-weight: bold;
	text-decoration: none;
	color:#0000ee;
}

a.seen:hover {
	font-weight: bold;
	text-decoration: none;
	background-color: #ffffff;
	color: #0000ee;
}

/* quick links : text is written on background button 100px width or 160px width */

a.qlink120 { 
	width: 120px;
	height: 20px;
	display: block;
	background: url("images/button_qlink120.gif") no-repeat 0 0;
	padding-left: 15px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	color: #0000ee;
	border: 0px;
}

a.qlink120:hover { 
	text-decoration: none;
	font-weight: normal;
	color: #0000ee;
}

body 	{ 
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	font-style: normal; 
	margin-top: 0px;
	margin-left: 0px;
}

body.blue 	{ 
	background-color: #aabbff;
}

/* -- All general text in the main body/content -- */	
p, td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	line-height: 150%; 
	color:#000077;
	word-spacing: normal;	
}

p.subnote {
	font-size:7pt; 
	color:#888888;
	padding-left: 0px;
	padding-bottom: 2px;
	border: 1px solid #aaaaaa; border-width: 1px 0px 0px 0px ;
}
/* -- Now some specifics for individual pages -- */

.qlistON {
	font-weight: bold;
}
.qlistOFF {
	font-weight: normal;
}
td.question {
	color:#660066;
	padding-bottom: 4px;
}
.questionlist {
	background-color: #EEEEEE;
	border: 1px solid #aaaaaa; border-width: 1px 1px 1px 1px ;
	padding-top: 2px;
	padding-bottom: 4px;
	Padding-left: 4px;
}

/* switch off underlining */
.questionlist a:link { border-color: #ffffff; }
.questionlist a:visited { border-color: #ffffff; }
.questionlist a:hover { border-color: #ffffff; border-bottom-width: 0px;}

.saying {
	color:#660066;
	font-style: oblique;	
}
td.PictureCaption {
	margin-top: 4px;
	line-height: 120%;
}
/* And switch off underlining on picture captions */
td.PictureCaption a:link { border-color: #ffffff; }
td.PictureCaption a:visited { border-color: #ffffff; }
td.PictureCaption a:hover { border-color: #ffffff; border-bottom-width: 0px;}

/* H1 should be used on pages with sub menus, H2 on pages without submenus across the top */
h1 	{
	font-size: 12pt; 
	font-weight: bold; 
	line-height: normal;
	margin-bottom:6px;  
	margin-top:0px;
	margin-left:0px;
 	color: #0000AA;
}

h2 	{
	font-size: 12pt; 
	font-weight: bold; 
	line-height: normal;
	margin-bottom:6px;  
	margin-top: 20px;
 	margin-left:0px;
 	
	color: #0000AA;
}

/* H3 for sub-headings in the body of the page */
h3 	{
	font-size: 8pt; 
	font-weight: bold; 
	line-height: normal;
	margin-bottom:4px;  
	margin-top:2px;
 
	color: #0000AA;
}

/* -- H4 is used like H3 but in a table cell where space after is not required -- */
h4 	{
	font-size: 8pt; 
	font-weight: bold; 
	line-height: normal;
	margin-bottom:2px;  
	margin-top:2px;
	
	color: #0000AA;
}

td.bottomborder {
	border: 1px solid #aaaaaa; border-width: 0px 0px 1px 0px ;
}

 
/* ----Horizontal Sub Page Navigation------- */
.navigation {
	
    text-align:right;
   
/*  border-bottom:1px solid #787878;*/
/*  border-top:1px solid #787878;*/
/*  background-color:#EEEEFF; */
    padding-top:2px;
    padding-bottom:2px; 
}

.navigation ul {
    list-style-type:none;
    margin:1px;
    
/*    padding:2px;   */
	
}

.navigation li {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;; 
	font-size:9pt;
	font-weight:bold;
    display:inline;
    padding-left: 4px;
	padding-right: 4px;
    /* padding:2px; */
}

.navigation li a:link {
	/*  background-color:#6A2A81;      Background color for menu items specific to AREA */
	
    text-decoration:none;
    color:#0000DD;
    border-color: #ffffff;   /* This "switches off the underlining */

}
.navigation li a:visited {
    text-decoration:none;
    color:#0000DD;
    border-color: #ffffff;
}
.navigation li a:hover {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;; 
	font-size:9pt;
    background-color:#0000DD;
    background-color:#6A2A81;
    color:#FFFFFF;
    border-color: #ffffff;
/*    
    padding-left: 4px;
	padding-right: 4px;
*/
}

.navigation li#activelink a {
    background-color:#000000;
}
/* ------ End of horizontal Menu ----- */


/* -- Lozenges for main navigation on the side -- */

td.lozenge {
	padding-top: 4px;
	
}

/* switch off underlining */
td.lozenge a:link { border-color: #ffffff; border-bottom-width: 0px;}
td.lozenge a:visited { border-color: #ffffff; border-bottom-width: 0px;}
td.lozenge a:hover { border-color: #ffffff; border-bottom-width: 0px;}

/* -- Calendar -- */
table.calendar { border: inset 2px #000000;}
td.cDay { font-size:9pt; color:#000066; font-weight:bold; border-bottom:1px solid #000000; background-color:#ccccff; border-right:1px solid #000000;}
td.cDay7 {font-size:9pt; color:#000066; font-weight:bold; border-bottom:1px solid #000000; background-color:#ccccff;}

td.cDate { font-size:8pt; background-color:#eeeeee; border-bottom:1px solid #000000; border-right:1px solid #000000;}
td.cDate7 {font-size:8pt; background-color:#eeeeee; border-bottom:1px solid #000000;}

td.cEvent { font-size:8pt; line-height: 120%; border-bottom:1px solid #000000; border-right:1px solid #000000;}
td.cEvent7 {font-size:8pt; line-height: 120%; border-bottom:1px solid #000000;}

td.cEventB { font-size:8pt; border-right:1px solid #000000;}
td.cEvent7B {font-size:8pt;}
/* -- End of Calendar -- */   

/* -- Festival Dates -- */
td.festivals {
	line-height: 120%;
	padding-bottom: 5px;
}

/* -  blue call out box (have you seen box on home page and elsewhere) --*/
table.bluebox {
	background-color:#aaccee; 
	padding: 3px;
	border: 1px solid #3399dd; border-width: 1px 1px 1px 1px;
}

/* -  light blue call out box  --*/
table.ltbluebox {
	background-color:#eeeeff; 
	padding: 3px;
	border: 1px solid #000077; border-width: 1px 1px 1px 1px;
}

/* -- Programme of Events box (Front Page) -- */

table.comingsoon {
	background-color:#f6f6f6; 
	border: 1px solid #aaaaaa; border-width: 1px 1px 1px 1px ;
}

td.comingsoonBanner {
	font-size:9pt; 
	font-weight:bold;
	color:#FFFFFF;
	text-align: center;
	letter-spacing: 1px;
	line-height: 120%;
	background-color: #999999;
	padding-bottom: 2px;
	/* background-color:#cccccc;  */
}

td.comingsoonEvent {
	font-size:8pt;
	font-weight:normal;
	padding-left: 4px;
	padding-bottom: 3px;  
	color:#000077;
}

td.comingsoonDate {
	font-size:8pt;
	font-weight:normal;
	padding-top: 3px; 
	padding-left: 4px; 
	color:#000000;
	border: 1px solid #aaaaaa; border-width: 1px 0px 0px 0px ;
}

td.SiteMap_Level1 {
	padding-top: 6px;
}

td.SiteMap_Level2 {
	padding-left: 20px;
}

table.see {
	background-color:#cc33cc; 
	padding-top: 5px; 
	padding-left: 5px;
	padding-right: 5px; 
	padding-bottom: 5px;
	border: 1px solid #660066; border-width: 1px 1px 1px 1px ;
}

table.see_blue {
	background-color:#eeeeff; 
	padding-top: 5px; 
	padding-left: 5px;
	padding-right: 5px; 
	padding-bottom: 5px;
	border: 1px solid #0000cc; border-width: 1px 1px 1px 1px ;
}

table.see_grey {
	background-color:#eeeeee; 
	padding-top: 5px; 
	padding-left: 5px;
	padding-right: 5px; 
	padding-bottom: 5px;
	border: 1px solid #cccccc; border-width: 1px 1px 1px 1px ;
}

td.see1 {
	font-size:8pt;
	font-weight:bold;
	padding-top: 3px; 
	padding-left: 5px;
	padding-right: 5px; 
	padding-bottom: 0px;
	color:#660066;
}

td.see2 {
	font-size:8pt;
	font-weight:normal;
	padding-top: 2px; 
	padding-left: 5px;
	padding-right: 5px; 
	padding-bottom: 5px;
	color:#000000;
}

.photoCap {
	font-size: 9 pt;
	font-weight:bold;
	padding-bottom: 2px;
 	color:#660066;
}            

/* -- Standard bulleted list in content -- */

.BulletList { }

.BulletList ul
{
	margin-top: 0px;	
	margin-left: 15px;
	padding-left: 0px;
	list-style-type: square;
	font-family: Verdana; font-size: 8pt;
}

.BulletList li
{
	margin-bottom: 1px;
	line-height: 150%;
}

.PictureLeft {
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 5px;
	border: 1px solid #aaaaaa; border-width: 1px 1px 1px 1px ;
}
.PictureLeftSmall {
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 2px;
	border: 1px solid #aaaaaa; border-width: 1px 1px 1px 1px ;
}
.PictureRight {
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 5px;
	border: 1px solid #aaaaaa; border-width: 1px 1px 1px 1px ;
}
.PictureLeftNoBorder {
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 5px;
	border: 1px solid #aaaaaa; border-width: 0px 0px 0px 0px ;
}

.PictureLeftNoSpacer {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	border: 1px solid #aaaaaa; border-width: 1px 1px 1px 1px ;
}
.PictureWhiteBorder {
	border: 1px solid #ffffff; border-width: 1px 1px 1px 1px ;
}

td.footnote {
	font-size:7pt; 
	color:#888888;
	text-align: right;
	padding-bottom: 2px;
	border: 1px solid #aaaaaa; border-width: 1px 0px 0px 0px ;
}


/* Quick link buttons - 160 px and 120 px width */

a.button120 { 
	width: 120px;
	height: 20px;
	display: block;
	background: url("images/button_qlink120.gif") no-repeat 0 0;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	color: #0000ee;
	border: 0px;
}

a.button120:hover { 
	text-decoration: none;
	font-weight: normal;
	color: #0000ee;
	border: 0px;
}	

a.button160 { 
	width: 160px;
	height: 20px;
	display: block;
	background: url("images/button_qlink160.gif") no-repeat 0 0;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	color: #0000ee;
	border: 0px;
}

a.button160:hover { 
	text-decoration: none;
	font-weight: normal;
	color: #0000ee;
	border: 0px;
}

/* change font colour */
.red {color:#cc0000;
}
	
.purple {color:#660066;
}	

.black {color:#000000;
}

.white {color:#ffffff;
}

.blue_ee {color:#0000ee;
}