/*@import url(stylesheet.css);*/
@import url(tabs.css);

/*
COLOUR SCHEME:
==================

#24825e		MF logo colour (get rid of all the #24825e versions which aren't right)
#80bba5		contrast lighter green (used on dropdown menu active item backgrounds)
#b1ddc3		yet another light green
#30bdb0		21 days logo

*/


/*
Taken from original stylesheet
*/
body, td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
}

body {
	background-color: #ccc;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 180%;
	color: #00764A;
	line-height: 120%;
}

h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 150%;
	color: #00764A;
}

h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 140%;
	color: #000;
}

.text {
	font-size: 1em;
}

.text2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	text-indent: 8px;
}

.textgreenbold {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	color: #00764A;
	font-weight:bold;
}

a.text2:link {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	text-decoration: underline;
}

a.text2:hover {
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
}

.textgreen {
	color: #00764A;
}

.large {
	font-size: 130%;
}

a.text3:link {

	font-size: 1em;
	font-weight: normal;
	color: #00764A;
	text-decoration: none;
}
a.text3:hover {
	font-size: 1em;
	font-weight: normal;
	color: #00764A;
	text-decoration: underline;
}

a.textgreen:link {

	font-size: 1em;
	font-weight: normal;
	color: #00764A;
	text-decoration: none;
}
a.textgreen:hover {
	font-size: 1em;
	font-weight: normal;
	color: #00764A;
	text-decoration: underline;
}

a.textgreenbold:link {
	font-size: 1em;
	font-weight: bold;
	color: #00764A;
	text-decoration: none;
}
a.textgreenbold:hover {
	font-size: 1em;
	font-weight: bold;
	color: #00764A;
	text-decoration: underline;
}

.greenbutton {
	text-transform: uppercase;
	font-weight: bold;
	color: #00764A;
}

.greenbutton a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}

.red {
	color: #ff0;
}

/*a:link {text-decoration: none; color: #04754A;}
a:visited {text-decoration: none; color: #04754A;}
a:hover {text-decoration: none; color: #000000;}*/


/* === */


/*
Header menu bar style
*/
.header_menu {
	list-style: none;
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	text-transform: uppercase;
	/*letter-spacing: -1px;*/
	word-spacing: -2px;
	width: 516px;
	border: 0;
	margin: 0 0 8px 0;
	padding: 4px 0;
	background-color: #24825e;
	text-align: justify;
}

.header_menu li {
	display: inline;
	margin: 0;
	padding: 6px 3px;
	border-right: 1px dotted #fff;
}

.header_menu li:hover {
	background-color: #999;
}

.header_menu li a {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.header_menu li a:hover {
	/*color: #ff3;*/
}

li.header_menu_selected {
	background-color: #24825e;
}
li.header_menu_selected:hover {
	background-color: #24825e;
}

/*
Side menu bar style
*/
.side_menu {
	list-style: none;
	font-weight: bold;
	font-size: 7pt;
	font-family: verdana, helvetica, sans-serif;
	text-transform: uppercase;
	border: 0;
	margin: 1em 2px;
	padding: 2px 0;
	text-align: right;
}

.side_menu li {
	display: block;
	margin: 0 0 0.8em 0;
	padding: 3px 1px;
}

.side_menu li a {
	text-decoration: none;
	padding: 0;
	color: #24825e;
}

.side_menu li:hover {
	background-color: #ddd;
}

.side_menu li a.c1 {
	color: #c33;
}

li.side_menu_selected {
	background-color: #24825e;
}
li.side_menu_selected:hover {
	background-color: #24825e;
	/*border-bottom: 2px solid black;*/
}

/*
New side menu bar style
*/
.side_menu_2 {
	list-style: none;
	font-weight: bold;
	font-size: 12pt;
	font-family: helvetica, arial, sans-serif;
	border: 0;
	margin: 0 0 2px 0;
	padding: 0;
	text-align: right;
}

.side_menu_2 li {
	display: block;
	margin: 0 0 1px 0;
	padding: 5px 5px 5px 0;
	background-color: #24825e;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}

.side_menu_2 li a {
	text-decoration: none;
	/*letter-spacing: 1px;*/
	color: #eee;
	padding: 0;
}

.side_menu_2 li:hover {
	background-color: #999;
}

.side_menu_login {
	list-style: none;
	font-weight: bold;
	font-size: 11pt;
	font-family: helvetica, arial, sans-serif;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: right;
}

.side_menu_login li {
	display: block;
	margin: 0 0 1px 0;
	padding: 5px 5px 5px 0;
	background-color: #666;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}

.side_menu_login li a {
	text-decoration: none;
	color: #eee;
	padding: 0;
}

.side_menu_login li:hover {
	background-color: #999;
}

/*
Images on the sidebar
*/
.side_menu_img {
	width: 220px;
}

/*
Images in the main content area
*/
.main_content_img {
	/*width: 400px;*/
	text-align: center;
	border: 0;
}

/*
Main content
*/
.content {
	padding: 10px;
}

.content a:link {text-decoration: none; color: #04754A;}
.content a:visited {text-decoration: none; color: #04754A;}
.content a:hover {text-decoration: none; color: #000000;}


#wrap {
	width: 754px;
	top: 0;
	margin: 0 auto;
	padding: 0;
	background-color: white;
	border-top: 10px solid #24825e;
}

#leftnav {
	width: 222px;
	margin: 0 2px;
	padding: 0;
	background-color: white;
	/*border: 1px solid black;*/
	float: left;
}

#leftnav img {
	border: 0;
}

#main {
	width: 518px;
	margin: 1px;
	padding: 0 2px;
	background-color: white;
	/*border: 1px solid black;*/
	height: 100%;
	float: right;
}

#main h1, #main p {
	padding: 0 2px 0 0;
}

#main_video {
	width: 740px;
	margin: 1px;
	padding: 0 2px;
	background-color: white;
	/*border: 1px solid black;*/
	height: 100%;
	float: right;
}

#main_video h1, #main_video p {
	padding: 0 2px 0 0;
}

#footer {
	clear: both;
	background-color: #ccc;
	border-top: 20px solid #24825e;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 2em;
}

/*
Video menu styles
*/

.video_menu {
	text-align: center;
	background-image: url(../images/logos/mf_bird_01.gif);
	background-repeat: no-repeat;
	min-height: 285px;
}

.video_menu ul {
	font-family: helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	list-style-type: none;
	color: #24825e;
}

.video_menu li {
	margin: 10px;
	padding: 5px;
	background-color: #ddd;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.video_menu li a{
	color: #24825e;
	text-decoration: none;
}

.video_menu li:hover {
	background-color: #ccc;
}

/*
Tooltip styles
*/
a:hover {
	/*background: #fff;*/	 /*BG color is a must for IE6*/
	text-decoration: none;
}

a.tooltip {
	border: 0;
}

a.tooltip span {
	display: none;
	padding: 2px 3px;
	margin-left: 8px;
	width: 200px;
}

a.tooltip:hover span {
	display: inline;
	position: absolute;
	background-color: #fff;
	border: 1px solid #063;
	color: #333;
}

.tooltip img {
	border: 0;
	padding: 0;
	margin: 0;
	width: 22px;
	height: 22px;
	vertical-align: middle;
}

/*
Other styles for individual pages
*/
.white_on_green {
	color: #fff;
	background-color: #02774B;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.profile_text {
	color: #000;
	background-color: #fff;
	text-align: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}

p.c4 {text-align: center;}
div.c3 {text-align: left;}
ul.c2 {color: red;}

a.c1 {
	color: #c33;
}