/* MSF_Style */
body {
	font-family:'Special Elite', cursive;
	font-weight: normal; 
	font-style: normal; 
	text-align: left;
	margin-top: 0px; 
	margin-bottom: 0px; 
	color: white;
	}

body {background:black url('..../images/msftable2_bg.jpg') 
	}
/* repeat-x right 50%; */ 

p {
	font-family:'Special Elite', cursive;
	font-size: 12pt; 
	font-weight: bold; 
	font-style: normal; 
	text-align: left;
	margin-top: 0px; 
	margin-bottom: 0px; 
	color: white;
	}

p.rightalign { font-size: 12pt; font-style: normal; text-align: right;} 
p.quotetext{ font-size: 10pt; font-style: italic; text-align: right; margin-top: 6px; } 

p.specialoffer1{ font-size: 36pt; font-weight: bold; font-style: italic; text-align: center; color: firebrick;} 
p.specialoffer2{ font-size: 24pt; font-weight: bold; font-style: italic; text-align: center; color: firebrick;} 
p.specialoffer3{ font-size: 24pt; font-weight: normal; font-style: italic; text-align: center; color: firebrick;} 
p.specialoffer4{ font-size: 18pt; font-weight: bold; font-style: italic; text-align: center; color: firebrick;} 

p.title{ font-size: 24pt; text-align: left;} 
p.large{ font-size: 18pt; text-align: left;} 
p.lessontext{ font-size: 14pt; text-align: left;} 
p.lessonalttext{ color: #AAAAFF; font-size: 14pt; text-align: left;} 
p.copyright{ font-size: 8pt; text-align: right;} 

.centred {
	text-align: center;
	}
	
span.emphasis_1 { 
	color: white; 
	font-style: italic; 
	font-weight: bolder;
	}

ul.contentpages{
	font-family:'Special Elite', cursive;
	font-size: 12pt; 
	font-weight: normal; 
	font-style: normal; 
	text-align: left;
	margin-top: 0px; 
	margin-bottom: 0px; 
	color: white;
	}

h1{ text-align: center; font-family:'Special Elite', cursive; font-weight: normal; font-style: normal; color: white; margin-top: 0px; margin-bottom: 0px;} 
h2{ text-align: center; font-family:'Special Elite', cursive; font-weight: normal; font-style: normal; color: white; margin-top: 0px; margin-bottom: 0px;} 
h3{ text-align: center; font-family:'Special Elite', cursive; font-weight: normal; font-style: normal; color: white; margin-top: 0px; margin-bottom: 0px;} 
h4{ text-align: center; font-family:'Special Elite', cursive; font-weight: normal; font-style: normal; color: white; margin-top: 0px; margin-bottom: 0px;} 

.newstitle { text-align: left; font-family: verdana; font-weight: bold; font-style: italic; color: white; margin-top: 0px; margin-bottom: 0px;} 
.newsdate  { text-align: right; font-family: verdana; font-size: 10pt; font-weight: bold; font-style: italic; color: white; margin-top: 0px; margin-bottom: 0px;} 

a:link {color:#F54001; 	font-weight: bold; }
a:visited {color:#F54001; font-weight: bold}
a:hover {color:#F5010D; font-weight: bold}
a:active {color:#F5010D; font-weight: bold}

a:link {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

.oddBoxOut, 
.evenBoxOut 
	{ width: 12em; 
	padding: 0.5em; 
	margin: 0.5em; 
	border: solid 1px black; 
	} 
	
.oddBoxOut { float: left; 
	} 
.evenBoxOut { float: right; 
	}


#tablewrapper {
		margin: 0 auto;
		width: 923px;
		align: center;
		background-image: url('../images/msf_wrapper.jpg');
		background-repeat:repeat-y;
		padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
		}

#venuewrapper {
		margin: 0 auto;
		width: 923px;
		align: center;
		background: white;
		padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
		}

table.contentclass {
	background: #1A1A1A;
	border: 0px none;
	text-align: left;
	border-collapse: collapse;
	width: 850px;
	}


/*	background-image: url('../images/msftable2_bg.jpg'); */

table.venueclass {
	background: white;
	border: 0px none;
	text-align: left;
	border-collapse: collapse;
	width: 850px;
	}

/* background-image: url('/images/hom_bg.jpg');  */

td.topimage { 
	colspan: 3;
	border: 0px solid white;
	width: 836px;
	height: 443px;
	color: white; 
	background-image: url('../images/newwebheader2.jpg');
	}

td.topimagedif { 
	colspan: 3;
	border: 0px solid white;
	width: 836px;
	height: 168px;
	color: white; 
	}

td.menuseperator { 
	colspan: 3;
	width: 836px;
	height: 0px;
	color: white; 
	background-color: black;
	}

td.leftbordertop { 
	border-top: 0px solid;
	border-bottom: 0px solid;
	border-left: 0px solid ;
	border-right: 0px solid ;
	border-color: black;
	width: 7px;
	height: 0px;
	color: black; 
	background-color: black;
	}

td.rightbordertop { 
	border-top: 0px solid;
	border-bottom: 0px solid;
	border-right: 0px solid white;
	border-left: 0px solid white;
	border-color: white;
	width: 7px;
	height: 0px;
	color: white; 
	background-color: black;
	}

td.topborderclass { 
	border-top: 0px solid;
	border-bottom: 2px solid white;
	border-left: 0px solid white;
	border-right: 0px solid white;
	border-color: white;
	width: 836px;
	height: 0px;
	color: white; 
	background-color: black;
	}

td.bottomborderclass { 
	border-top: 2px solid white;
	border-bottom: 0px solid white;
	border-left: 0px solid white;
	border-right: 0px solid white;
	border-color: white;
	width: 836px;
	height: 7px;
	color: white; 
	background-color: black;
	}

td.leftborderclass { 
	border-top: 0px solid;
	border-bottom: 0px solid;
	border-left: 0px solid white;
	border-right: 2px solid white;
	border-color: white;
	width: 7px;
	height: 0px;
	color: white; 
	background-color: black;
	}

td.rightborderclass { 
	border-top: 0px solid;
	border-bottom: 0px solid;
	border-right: 0px solid white;
	border-left: 2px solid white;
	border-color: white;
	width: 7px;
	height: 0px;
	color: white; 
	background-color: black;
	}
	
table.heavytable {
	border: 5px solid black;
	}

/* 796 */

td.celltitleclass { 
	colspan: 2;
	padding:0px 10px 0px 10px; 
	width: 836px;
	height: 30px;
	text-align: left;
	valign: top;
	color: white;
	}

td.cellcontentclass { 
	padding:0px 10px 0px 10px; 
	width: 836px;
	height: 30px;
	text-align: left;
	valign: top;
	color: white;
	}
	
td.submenucellcontentclass { 
	padding:0px 10px 0px 10px; 
	height: 30px;
	text-align: left;
	valign: top;
	color: white;
	}

td.menucell { 
	border-top: 2px solid  white;
	border-bottom: 2px solid  white;
	border-left: 0px solid;
	border-right: 0px solid;
	border-color: white;
	width: 836px;
	height: 0px;
	color: white; 
	background-color: black;
	}
	
td.submenucell { 
	padding:0px 10px 0px 10px;
	border:0px solid;
	width: 175px;
	height: 0px;
	text-align: left;
	valign: top;
	color: white; 
	}


td.cellpaddedtitle { 
	colspan: 2;
	padding:0px 50px 0px 50px; 
	width: 836px;
	height: 30px;
	text-align: left;
	valign: top;
	color: white;
	}

td.cellpaddedcontent { 
	padding:0px 50px 0px 50px; 
	width: 796px;
	height: 30px;
	text-align: left;
	valign: top;
	color: white;
	}

td.narrowcellpaddedtitle { 
	colspan: 2;
	padding:0px 15px 0px 15px; 
	width: 836px;
	height: 30px;
	text-align: left;
	valign: top;
	color: white;
	}

td.narrowcellpaddedcontent { 
	padding:0px 15px 0px 0px; 
	width: 600px;
	height: 30px;
	text-align: left;
	valign: top;
	color: white;
	}

img.piconlyshadow {
	border: 0px solid white;
	margin:0px;
-moz-box-shadow: 3px 3px 3px grey; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 3px 3px 3px grey; /* Safari and Chrome */
box-shadow: 3px 3px 3px grey;
	}

img.picshadow {
	border: 10px solid white;
	margin:6px;
-moz-box-shadow: 3px 3px 3px grey; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 3px 3px 3px grey; /* Safari and Chrome */
box-shadow: 3px 3px 3px grey;
	}

img.picleft {
	border: 10px solid white;
	float:left;
	margin:6px;
-moz-box-shadow: 3px 3px 3px grey; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 3px 3px 3px grey; /* Safari and Chrome */
box-shadow: 3px 3px 3px grey;
	} 

img.piccenter {
	border: 10px solid white;
	float:center;
	margin:6px;
-moz-box-shadow: 3px 3px 3px grey; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 3px 3px 3px grey; /* Safari and Chrome */
box-shadow: 3px 3px 3px grey;
	} 
	
img.picright {
	border: 10px solid white;
	float:right;
	margin:6px;
-moz-box-shadow: 3px 3px 3px grey; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 3px 3px 3px grey; /* Safari and Chrome */
box-shadow: 3px 3px 3px grey;
	} 
	

/* ######### NEW Centred Menu ######### */

#centeredmenu {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	border-bottom:0px solid black;             /* black line below menu */
	width:100%;
	font-family:'Permanent Marker', cursive;  /* Menu font */
	font-size:130%;                            /* Menu text size */
	z-index:1000;                             /* This makes the dropdown menus appear above the page content below */
	position:relative;
}

/* Top menu items */
#centeredmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	right:50%;
}
#centeredmenu ul li {
	margin:0 0 0 1px;
	padding:0;
	float:left;
	position:relative;
	left:50%;
	top:0px;
}
#centeredmenu ul li a {
	display:block;
	margin:0;
	font-size:1em;
	line-height:1em;
	background: url('http://manchesterskafoundation.com/images/goldmenu_bg2.jpg') repeat-x ;  /* Top menu items background colour */
	 /* height: 40px; Adjust to height of background image */
	border-top: 0px solid black;
	border-bottom: 0px solid dimgrey;
	text-decoration:none;
	color:white;                               /* Top menu items font colour */
	font-weight:bold;
	border-bottom:0px solid black; padding-left:0.5em; padding-right:0.5em; padding-top:.6em; padding-bottom:.4em
}
#centeredmenu ul li.active a {
	color:white;                              /* Top menu active items font colour */
	background:grey;                         /* Top menu active items background colour */
}
#centeredmenu ul li a:hover {
	background:dimgrey;                          /* Top menu items background colour */
	color:white;                               /* Top menu items font colour */
	border-bottom:0px solid black;             /* If you want a line under the menu */
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a {                 /* This line is required for IE 6 and below */
	background:dimgrey;                          /* Top menu items background colour */
	color:white;
    border-top: 0px solid black;
	border-bottom:0px solid black;
}

/* Submenu items */
#centeredmenu ul ul {
	display:none;                             /* Sub menus are hidden by default */
	position:absolute;
	top:2em;
	left:0;
	float:left;
	right:auto; /*resets the right:50% on the parent ul */
	width:10em;                               /* width of the drop-down menus */
}
#centeredmenu ul ul li {
	left:auto;  /*resets the left:50% on the parent li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:left;
	float:left;
	width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
	font-size:.8em;
	font-weight:bold; /* resets the bold set for the top level menu items */
	background:black;  /* Submenu Background */
	color:white;       /* Submenu Item Colour */
	line-height:1.2em; /* overwrite line-height value from top menu */
	border-bottom:1px solid dimgrey;              /* sub menu item horizontal lines */
	float:left;
	width:100%;
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	background:dimgrey;                           /* Sub menu items background colour */
	color:white;
	float:left;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
	left:auto; /* reset left:0; value */
	right:0; /* Set right value instead */
}
#centeredmenu ul ul.last li {
	float:right;
	position:relative;
	right:.8em;
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
	display:block; /* Show the sub menus */
}


/* ######### Old Menus No Longer Used ######### */

/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
border-left:1px solid dimgrey; border-right:1px solid dimgey; border-top:1px solid dimgrey; border-bottom:0px solid dimgrey; margin:0; padding:0; position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: black;
visibility: hidden;
z-index: 100; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:Verdana
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: white;
background-color: black;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid dimgrey;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: dimgrey;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0px none;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0px none;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Site Menu Strip Main Menu Bar CSS ######### */

.sitemenu ul{
margin: 0;
padding: 0;
font: bold 16px Verdana;
list-style-type: none;
border-bottom: 0px solid black;
background: black;
overflow: hidden;
width: 100%;
position: static; 
}

.sitemenu li{
display: inline;
margin: 0;
}

.sitemenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid dimgrey; /*right divider between tabs*/
color: white;
background: black;
}

.sitemenu li a:visited{
color: white;
}

.sitemenu li a:hover{
background: #3F3F3F; /*background of tabs for hover state */
}

.sitemenu a.selected{
background: #3F3F3F; /*background of tab with "selected" class assigned to its LI */
}