* {margin:0; padding:0}
body {	color: #212121;
		background-image: url('../images/bg/mcf_backgroundcolour.jpg');  
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		text-align: center;
}

img { border: none;}

a:active {background: transparent; text-decoration: none;}	

a:link {background: transparent; text-decoration: none;}	

a:visited {background: transparent; text-decoration: none;}	

a:hover {background: transparent; text-decoration: none;}	

a {background: transparent; text-decoration: none;}	
a:link { color: #0000ff;}
a:visited { color: #0000ff;}
a:hover { color: red;}
a:active { color: Silver;}

h6 { color: #000066; margin-bottom: .1em; background: transparent;}

h5 { color: #000066; margin-bottom: .1em; background: transparent;}

h4 { color: #000066; margin-bottom: .1em; background: transparent;}

h3 { color: #000066; margin-bottom: .1em; background: transparent;}

h2 { color: #000066; margin-bottom: .1em; background: transparent;}

h1 { color: #000066; margin-bottom: .1em; background: transparent;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}
h1 a:active { text-decoration: none; }


h1 a:visited { text-decoration: none; }


h1 a:link { text-decoration: none; }


#wrap { 
		width: 800px; 
		margin: auto; 
		position: relative; 
  
}
#wrap #header { 
		width: 800px; 
		height: 119px; 
		margin: 0px; 
		padding-top: 1px; 
		position: relative; 
		z-index:4; 
		background-image: url('../images/bg/bg_drop_header.png');  
		background-repeat: no-repeat; padding-left:0px; padding-right:0px; padding-bottom:0px  
}
#wrap  #navs { 
		width: 800px; 
		height: 22px; 
		margin-left: 0px; 
		margin-right: 0px; 
		padding-left: 20px;
		position: relative;
		z-index:10;  
		background-image: url('../images/bg/bg_drop_navs.png');  
		background-repeat: repeat-y;  
		text-align: left; padding-right:0px; padding-top:0px; padding-bottom:0px 
}
#wrap #container {
		width: 800px; 
		
	
		height: 520px;  /*  added 80px */

	
		margin: 0px; 
		padding: 0px;
		position: relative; 
		z-index:5;  
		background-image: url('../images/bg/bg_drop_body.png');  
		background-repeat: repeat-y; 
		text-align: left
}

#wrap #containertest {
		width: 800px; 
		height: 1650px; 
		margin: 0px; 
		padding: 0px;
		position: relative; 
		z-index:3;  
		background-image: url('../images/bg/bg_drop_body.png');  
		background-repeat: repeat-y; 
		text-align: left
}

#container .floater {
		position: absolute; 
		left: -26px; bottom: 12px; 
		width: 453px; 
		height: 367px; 
		z-index: 4;
}
#container #main { 
		width: 486px; 
		height: 485px; /*  added 80px */
		margin: 10px 0px 10px 25px; 
		padding: 6px; 
		position: relative; 
		z-index: 5; 
		float: left; 
		background: transparent; 
		overflow: auto; 
}
#container #main1 { 
		width: 496px; 
		height: 420px;
		margin: 0px 0px 0px 20px; 
		padding: 6px; 
		position: relative; 
		z-index: 5; 
		float: left; 
		background: transparent; 
		
}
#GalleryContainer { 
		text-align: left;

		margin: 0px 0px 0px 5px; 
		padding: 6px; 
		position: relative; 
		z-index: 5; 
		float: left; 
		background: transparent; 
}
#container #content { 
		width: 730px; 
		height: 495px; /*  added 80px */
		margin: 10px 0px 10px 35px; 
		padding: 6px;
		padding-top: 1px;
		position: relative; 
		z-index: 5; 
		float: left; 
		background: transparent; 
		overflow: auto; 
}
#containertest #contenttest { 
		width: 730px;  
		margin: 10px 0px 10px 35px; 
		padding: 6px;
		padding-top: 1px;
		position: relative; 
		z-index: 5; 
		float: left; 
		background: transparent; 
		overflow: auto; 
}
#container #rosterHeading { 
		width: 730px; 
		height: 90px; 
		margin: 10px 0px 0px 35px; 
		padding: 0px;
		padding-top: 0px;
		position: relative; 
		z-index: 5; 
		float: left; 
		background: transparent; 
}
#container #roster { 
		width: 736px; 
		height: 330px; 
		margin: 0px 0px 0px 35px; 
		padding: 0px;
		padding-top: 0px;
		border-top: 1px solid #000000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		position: relative; 
		z-index: 5; 
		float: left; 
		background: transparent; 
		overflow: auto; 
}
#container #news { 
		width: 230px; 
		height: 404px; 
		margin: 10px 0px 10px 0px; 
		padding: 6px; 
		position: relative; 
		z-index:2; 
		float: left; 
		background: #fff;  
		border-style: dashed;  
		border-width: 2px;  
		border-color: #999999; 
		overflow: auto; 
}
#newstest { 
		width: 240px; 
		 		/* was height: 420px; */ 
		margin: 10px 0px 10px 0px;  
		position: relative; 
		z-index:2; 
		float: left; 
		background: #FFF;  
		border-style: dashed;  
		border-width: 2px;  
		border-color: #999999; 
		/* overflow: auto; */ 
}

#container .newsfloat { 
		width: 220px; 
		height: 15px; 
		margin: 0px 0px 0px 0px; 
		padding: 0px; 
		position: absolute; 
		right: 50px; bottom: 5px;
		z-index:20; 
		float: left; 
		text-align: center;

}


#main .links { 
		width: 180px; 
		height: 70px; 
		margin: 10px 5px 5px 0px; 
		padding: 0px; 
		position: absolute; 
		left: 10px; bottom: 10px;
		z-index:20; 
		float: left; 
		background: transparent;
}

#container .mainfloat { 
		width: 150px; 
		height: 70px; 
		margin: 0px 0px 0px 0px; 
		padding: 0px; 
		position: absolute; 
		left: 340px; bottom: 20px;
		z-index:5; 
		background: transparent;
}
#container .floaterwelcome {
		position: absolute; 
		left: -119px; bottom: -1px; 
		width: 550px; 
		height: 350px; 
		z-index: 4;
		float: left;
		background: transparent; 
}
#container .floaterwelcome0909 {
		position: absolute; 
		left: 150px; bottom: -230px; 
		width: 360px; 
		height: 500px; 
		z-index: 99;
		float: left;
		background: transparent; 
}


#container .floaterright {
		position: absolute; 
		right: 21px; bottom: -1px; 
		width: 222px; 
		height: 331px; 
		z-index: 4;
		float: left;
		background: transparent; 
}
#container .floater780 {
		position: absolute; 
		left: 10px; bottom: 16px; 
		width: 780px; 
		height: 20px; 
		z-index: 50;
}

#wrap #footer {
	width: 785px;
	height: 19px;
	margin: 0px;
	position: relative;
	background-image: url('../images/bg/bg_drop_footer.png');
	background-repeat: no-repeat;
	text-align: right;
	font-size: 80%;
	padding-left:0px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:0px;
	z-index: 4;
	background-position: top;		
}


.error {
	color: red;
	height:50px; 
	font-size: 1em;
	padding: 0px 0px 5px 60px;
	background: url("../images/exclamationred.png") top left no-repeat;
}
.error	span{ 
	font-weight: bold;
}
.newshead	{ 
	color: #669900; 
	font-size: 1.4em;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}


.bulletpt {
	
	padding: 0px 0px 5px 35px;
	background: url("../images/bullet_arrow.gif") top left no-repeat;
}

.greynews {
	float: left;
	width: 100%;
	background: #e1e1e1;
	margin: 0px 0px 5px 0px;
}
.whitenews {
	float: left;
	width: 100%;
	background: #fff;
	margin: 0px 0px 5px 0px;
}


.newsheading	{ 
	color: #666; 
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px 0px -3px 0px;
}
.newsblock {
	float: left;
	margin: 5px 2px 5px 5px;
	/* height: 75px; */
}
.dateblock {
	/* color: #000; */
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	float: left;
	width: 50px;
	height: 45px;
	margin: 5px 5px 0px 0px;
	background: url("../images/bgdatebox.gif") top left no-repeat;
}
.christmasdateblock {
	color: #000;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	float: left;
	width: 66px;
	height: 67px;
	margin: 0px 0px 5px 0px;
	background: url("../images/christmashat.gif") top left no-repeat;
}

.date {
	font-size: 1.1em;
	margin: 3px 0px 0px 0px;
}
.year {
	position: relative;	
	font-size: 1.4em;
	top: -4px;
}





.contentHeading { font-family: Arial; color: navy; font-size: 24pt; font-weight: bold }
.contentSubHeading { font-family: Arial;  color: #808080; font-size: 16pt; font-weight: bold }
.indentContent { margin-left: 20px; position:absolute }
span.inlineheading { font-size: 16px; color: #5C85A9; font-weight: bold }

.menu {	width:750px; font-size:12px;position:relative;z-index:999;}



/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
		padding:0;
		margin:0;
		list-style-type:none;
}
.menu ul ul {
		width:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
		float:left;
		width:80px;
		position:relative;
}
/* style the links for the top level */
.menu a:visited {
		display:block;
		font-size:12px;
		font-weight: bold;
		text-decoration:none; 
		color:#fff; 
		width:69px; 
		height:22px; 
		border:0px solid #fff; 
		border-width:0px 1px 1px 0px; 
		background:#182F4C; 
		padding-left:10px; 
		line-height:20px;
}
.menu a {
		display:block;
		font-size:12px;
		font-weight: bold;
		text-decoration:none; 
		color:#fff; 
		width:69px; 
		height:22px; 
		border:0px solid #fff; 
		border-width:0px 1px 1px 0px; 
		background:#182F4C; 
		padding-left:10px; 
		line-height:20px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a:visited {
		width:100px;
		w\idth:89px;
}

* html .menu a {
		width:100px;
		w\idth:89px;
}

/* style the second level background */
.menu ul ul a.drop:visited {
		background:#182F4C url('../images/drop.gif') no-repeat bottom right;

}
.menu ul ul a.drop {
		background:#182F4C url('../images/drop.gif') no-repeat bottom right;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
		background:#5c85a9 url('../images/drop.gif') no-repeat bottom right;
}
.menu ul ul :hover > a.drop {
		background:#5c85a9 url('../images/drop.gif') no-repeat bottom right;
}
/* style the third level background */
.menu ul ul ul a:visited {
		background:#182F4C;
}
.menu ul ul ul a {
		background:#182F4C;
}
/* style the third level hover */
.menu ul ul ul a:hover {
		background:#5c85a9;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
		visibility:hidden;
		position:absolute;
		height:0;
		top:23px;
		left:0; 
		width:80px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
		top:22px;
		t\op:23px;
}

/* position the third level flyout menu */
.menu ul ul ul{
		left:90px; 
		top:0;
		width:80px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
		left:-69px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a:visited {
		background:#182F4C; 
		color:#fff; 
		height:auto; 
		line-height:1em; 
		padding:5px 10px; 
		width:89px
/* yet another hack for IE5.5 */
}
.menu ul ul a {
		background:#182F4C; 
		color:#fff; 
		height:auto; 
		line-height:1em; 
		padding:5px 10px; 
		width:89px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
		width:100px;
		w\idth:89px;
}


/* style the top level hover */
.menu ul ul a:hover{
		color:#fff; 
		background:#5c85a9;
}
.menu a:hover{
		color:#fff; 
		background:#5c85a9;
}
.menu ul ul :hover > a {
		color:#fff;
		background:#5c85a9 ;
}

.menu :hover > a {
		color:#fff;
		background:#5c85a9 ;
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
		visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
		visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
		visibility:visible;
}