/* +++++ global general styles start +++++ */
html, body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helveitca, sans-serif;
	font-size: 16px;
	background: #fff;
	color: #000;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 28px;
font-style: italic;
font-stretch: ultra-expanded;
color: #486815;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
color: #486815;
}

a:link {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
text-decoration: underline;
padding:1px;
}

a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
text-decoration: underline;
padding:1px;
}

a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #D45302;
text-decoration: underline;
padding:1px;
}
/* +++++ global general styles end +++++ */

/* +++++ global structure styles +++++ */

#mf-body-center {
	text-align: center;
	border: 0px solid #000000;
}

#mf-body {
	position: relative;
	width: 920px; /* change this to a specific amount for a fixed width design or a relative
					 amount if the design should expand to a percentage of the screen. 
					 E.g., 770px or 100%, repectively. */
	/*if design is to be centered, remove these comment tags 
	and adjust 'text-align' in #body-center to 'center' */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-bottom: 10px;
	border: 0px solid #000000;
}

#mf-columnLeft {
float: left;
top: 0px;
padding: 0px ;
width: 450px;
}

#mf-columnLeftB {
float: left;
top: 0px;
padding: 10px 0px 0px 10px;
width: 440px;
}

#mf-SLcolumnLeft {
float: left;
top: 0px;
width: 900px;
padding: 10px;
}

#mf-columnRight {
float: left;
top: 0px;
width: 468px;
text-align: left;
}

#mf-footer {
	clear:both;
	left: 0px;
	top: 0px;
	height: 24px; 
	background-image: url(../Images/mf3_01_940.gif);
	background-repeat:no-repeat;
	border: 0px solid #000;
}

/* HEADER STYLES */

#mf-header {
	position: relative;
	left: 0px;
	top: 0px;
	height: 215px; 
	background-image: url(../Images/mf3_01B_940.gif);
	background-repeat:no-repeat;
	border: 0px solid #000;
}

#mf-headerPic {
position: absolute;
top: 32px;
left: 0px;
width: 268px;
}

#mf-headerText {
position: absolute;
top: 90px;
left: 370px;
}

#mf-mainContent {
position: absolute;
left: 0px;
top: 280px;
width: 100%;
}

/* NAVIGATION STYLES */

#mf-nav {
position:absolute;
top:232px;
right: auto;
left:0px;
width:100%;
height:50px;
padding:0px;
background-color: #D45302;
background-image: url(../Images/corner-2.png);
background-repeat: no-repeat;
border:0px dotted #000;
}

#navcontainer ul {
margin: 10px; /* originally 5px */
padding: 5px; 
list-style-type: none; 
text-align: center;
/*background-color: #003366*/
}

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul li a { 
text-decoration: none;
padding: 0px 15px 5px 15px;
font-size: 16px;
color: #000; /* originally fff */
/*background-color: #036; */
}

#navcontainer ul li a:hover{
color: #fff;
/*background-color: #667E94;*/
}

body#home a#homenav,
body#about a#aboutnav,
body#music a#musicnav,
body#contact a#contactnav,
body#links a#linksnav {
color: #fff;
/*background-color: #667E94;*/
}

/* +++++ global structure styles END +++++ */

/* +++++ Classes Start +++++ */

a.footer:link {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: underline;
padding:1px;
}

a.footer:visited {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: underline;
padding:1px;
}

a.footer:hover {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #D45302;
text-decoration: underline;
padding:1px;
}

.smText {
font-size: 12px;
}

.smTextCtr {
text-align: center;
font-size: 10px;
}

.margin0 {
margin: 0px;
}