/*

Stylesheet that contains all elements used by the website AND by the Editor.
This is so that the way the site looks in the editor is the same as on the actual
content of the site. This stylesheet should not contain rogue classnames that are not
prefixed with a tag.

eg.

.myclass is invalid
p.myclass is valid

This is because when you right click on a tag in the editor, it only lists classes that relate to that tag.
If you place classes here without a prefix, they appear in every list of classes because the editor doesn't know
where to put them.

To include classes that you want the Editor to ignore, place them after this line.
--------------------------------------------------------------------------------*/


/*MAIN STATIC TEMPLATE
=======================================*/
#mf_siteframe	{	background-color:#ffffff;
					color:#000000;
					width:100%;
					max-width:1000px;
					min-width:600px;
					margin-left:auto;
					margin-right:auto;
					position:relative;}

/* BREADCRUMB
================ */
#mf_breadcrumb {
	float:right;
	margin-top:5px;
	padding:0px;
	font-size:0.9em;
	color:#868686;
	background-color:#FFFFFF;
}

#mf_toplinks a {
	background: url("/images/template/mf_small_bp.gif") no-repeat left 3px #FFFFFF;
	color: #EE4240;	
	padding-left:15px;
	margin-left:15px;
	text-decoration:none;
}
#mf_toplinks a:hover {
	color:#868686;
	background-color:#ffffff;
}

/* HEADER
================ */
#mf_header	{
	background: url("/images/template/mf_head_main.gif") repeat-x top left #ffffff;
	color:#000000;
	height:206px;
	padding:0px;
	margin:0px;
	position:relative;
}
#mf_headleft {
	float:left;
	background: url("/images/template/mf_head_left.gif") no-repeat top left;
	width:30px;
	height:206px;
}
#mf_headright {
	float:right;
	background: url("/images/template/mf_head_right.gif") no-repeat top right;
	width:30px;
	height:206px;
}
#mf_headlogo {
	position:absolute;
	top:-28px;
	right:40px;
}
#mf_headlogo img {padding:0px; border:none;}

/* Left / right shadow
=====================*/
#mf_shadowleft {
	background: url("/images/template/mf_shadow_left.gif") repeat-y top left;
	padding-left:13px;
}
#mf_shadowright {
	background: url("/images/template/mf_shadow_right.gif") repeat-y top right;
	padding-right:13px;
	height:1%;
}

/* LEFT BAR
================ */
#tpl_leftbar	{	width:200px;}

/* NAVIGATION BAR
================= */
#mf_navpanel{
	position:absolute;
	bottom:5px;
	left:270px;
	padding-right:200px;
	margin:0px;
}
#mf_navpanel ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#mf_navpanel ul li{
	float:left;
	padding:0px;
	margin: 0px;
	margin-right:5px;
}
#mf_navpanel ul li a {
	display:block;
	background-color:#EF4341;
	background-image: url("/images/template/mf_button_up.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	color:#ffffff;
	margin:0px;
	padding:3px 10px 5px 10px;
	text-decoration:none;
	font-weight:bold;
}

#mf_navpanel ul li a:hover {
	background-image: url("/images/template/mf_button_over.jpg");
}

/* Nav 2
=================== */

#mf_subnav{
	clear:both;
	color:#ffffff;
	background-color:#868686;
	padding:5px;
	margin:0 0 0 257px;
}
#mf_subnav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#mf_subnav ul li {
	color:#FFFFFF;
	background:none;
	background-color:transparent;
	display:inline;
	padding: 0px 10px 0px 10px;
	margin:0px;
	border-left: 2px solid #FFFFFF;
}
#mf_subnav ul li.firstli {border-left:none;}
#mf_subnav ul li a {
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
	font-family:Arial, Helvetica, san-serif;}
#mf_subnav ul li a:hover {
	color:#dddddd;
	background-color:inherit;
}
#mf_subnav ul li a.selected {font-weight:bold;}


/* MAIN CONTENT
================ */
#mf_maincontent{
					margin:0px;
					padding:1px;
					}
#mf_page{			margin:0px 0px 0px 255px;
					padding:0px 10px 10px 10px;
					height:1%;}
#mf_pageInner {
	padding-top:5px;
	clear:right;
}

/* Left Panel
===================*/
#mf_leftPanel {
	position:absolute;
	top:110px;
	left:15px;
	width:252px;
}
#mf_imgholder {
	background-color:#A8A8A8;
	color:#FFFFFF;
	padding:5px;
}
#mf_slideshowcontainer img {padding:0px; border:none;}
#mf_newsholder {
	background-color:#A8A8A8;
	background-image: url("/images/template/mf_lp_shadow.gif");
	background-repeat: repeat-x;
	background-position: top left;
	padding:20px 8px 20px 9px;
}
#latestnews h2 {
	background: #A8A8A8 url("/images/template/mf_lp_newshead.gif") no-repeat top left;
	height:25px;
	padding:13px 10px 5px 50px;
	font-style:italic;
	color:#FFFFFF;
	margin:0px;
	font-size:1.6em;
	font-weight:bold;
}
#latestnews ul {
	margin:2px 0px 0px 3px;
	width:228px;
	padding:0px;
	list-style-type:none;
	background: url("/images/template/mf_lp_newsback.gif") no-repeat bottom right;
	border: 1px solid #FFFFFF;
}
#latestnews ul li {
	margin: 10px;
	background: url("/images/template/mf_lp_newsbp.gif") no-repeat top left;
	padding-left: 20px;
}
#latestnews ul li a {
	color:#FFFFFF;
	background-color:transparent;
	font-weight:bold;
}
#latestnews ul li a:hover {
	color:#DDDDDD;
	background-color:transparent;
}

#latestnews .bbot01,
#latestnews .btop01,
#latestnews .listmore {
	display:none;
}

#mf_darkbar {margin-top:1px; background-color:#868686; color:#FFFFFF; height:13px;}
#mf_wiggle {height: 25px; background: #FFFFFF url("/images/template/mf_wiggle.gif") no-repeat bottom center;}

#mf_details {
	margin:390px 0px 0px 2px;
	width:252px;
	text-align:center;
	padding:0px;
}
#mf_details h1 {margin:0px;padding:0px;}
#mf_details h2 {margin:0px;padding:0px;font-style:italic;color:#EF4341;background-color:#FFFFFF;}
#mf_details p {color:#333333; background-color:#FFFFFF;margin:8px; font-weight:bold;}
#mf_details span {color:#000000; background-color:#ffffff; font-size:1.3em; font-weight:bold;}
					

/* BOTTOM BAR
================ */
#mf_botbar	{	clear:both;
				color:#ffffff;
				background-color:#868686;
				padding:5px;
				text-align:right;
				font-size:0.9em;}
#mf_botbar a	{	color:#ffffff;
				background-color:inherit;
				text-decoration:none;}
#mf_botbar a:hover{
				text-decoration:underline;}
				
#mf_shadowb {
	background: url("/images/template/mf_shadow_bottom.gif") repeat-x top left; height:8px;
}
#mf_shadowbl {float:left; background:url("/images/template/mf_shadow_bl.gif") repeat-x top left; height:8px; width:13px;}
#mf_shadowbr {float:right; background:url("/images/template/mf_shadow_br.gif") repeat-x top right; height:8px; width:13px;}

/*--------------------------------------------------------------------------------
Styles above here will not be included in the editor.
This is because the CSS will be divided into 2 parts using the split tag below


/*CLASSES USED BY THE EDITOR
============================
CMSLite 2.0 notes : There are common classes for this area found in the public_global area.
You can also add them here if they are specific to the account but should be available in the editor.
*/

/*<SPLIT>*/

body{	
		color:#000000;
		background-color:#FFFFFF;
		font-family:Georgia, Times,serif;
		font-size:0.75em;
		margin:20px;
		padding:0px;}
h1{		color:#EF4341;
		background-color:#ffffff;
		letter-spacing:-1px;
		font-size:2.2em;
		font-weight:normal;
		font-style:italic;}
h2{
	font-size:1.5em;
	color:#868686;
	background-color:#ffffff;
	font-weight:normal;}
h3{
	color:#000000;
	background-color:#ffffff;
	font-size:1.2em;
}
h4{
	color:#000000;
	background-color:#ffffff;
	font-size:1em;
}
a,a:active,a:link,a:visited{
	color:#EF4341;
	background-color:inherit;
	text-decoration:none;}
a:hover	{
	color:#868686;
	background-color:inherit;}

ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
ul li {
	background: #ffffff url("/images/template/mf_small_arrow.gif") no-repeat left 4px;
	padding-left:15px;
	margin:6px 0px 6px 15px;
}
img {border:1px solid #000000; padding:5px;}

div.hidden {display: none;}
div .flt_r {float:right;}
div .flt_l {float:left;}
div .clear {clear:both;}
div .floatright {float:right; padding:10px;}
div .floatleft {float:left; padding:10px;}
div.floatleftPic {float:left; padding:10px; height:240px;}
.center {text-align: center;}
.right {text-align: right;}