/*FMF STYLE SHEET*/


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin:0 1px 0 0;
	background:url(images/bg.gif) center top repeat-y;
}

h1 {color:#ec008c; font-size: 120%; line-height: 1.6em; font-weight: normal;}
h2 {font-size: 100%; color: #990066; margin:0;}
p {font-size: 90%;}
a:link, a:visited {color: #990066; outline: none; text-decoration: none;}
a:hover {text-decoration: none; color: #ec008c;}



#page { width: 780px; margin-top: 0px; margin-right: auto;margin-bottom: 0px; margin-left: auto; background: #000; height: 680px;}

#header { background:#000000 url(images/FMF_logo.gif) bottom no-repeat; height:102px;border-bottom: 1px solid #990066;}

#logo {float: left;}


#navbar {float: left; clear:both;margin-top:68px; padding:0 0 0 0;}
#navbar ul {margin: 1.1em 0 0 1em; font-size: 90%;padding:0}
#navbar ul li {display:inline;}
#navbar  ul li a {padding: 0.3em 1em; color:#fff;}
#navbar ul li a:hover {color:#000;}
#navbar ul li.active a {color:#000;}


#main { background: url(images/main_img1.png) no-repeat; height:300px; width: 780px; overflow:hidden; float: left; margin: 0; padding: 0;}
#main p {line-height: 1.6em; padding: 0;}
.maintext { float: left; padding: 10px 20px; margin-right:280px; height: 260px;}
.brands { padding-top:15px; border-top: 2px dashed #990066;}
#main.img2 { background: url(images/main_img2.png) no-repeat;}
#main.img3 { background: url(images/main_img3.png) no-repeat;}
#main.img4 { background: url(images/main_img4.jpg) no-repeat;}
#main.img5 { background: url(images/main_img5.jpg) no-repeat;}
#fullwidth { background: #f4f3f3; float: left; margin:0; padding:10px 20px 20px 20px; width:740px;}
#sections { background: #f4f3f3; float: left; margin:0; padding:10px 0; border-top: 4px solid #467fff; width: 780px;}
.nextevent{ padding:0 10px; width: 250px; border-right: 1px solid #990066; height: 300px; float: left;}
.comingevent{ padding:0 10px 10px 10px; float: left; border-bottom: 1px dashed #000;margin: 0 10px; width: 740px;}
.event {padding: 5px 20px; background: #000; margin-top:15px; color:#fff;}
.button {background: #fff; padding: 0.3em; border-left: 2px dotted #ec008c;}
.float_right {float: right;}
.panel {padding: 10px; background: #ffffff; border: 1px solid #eaeacf; height: 230px;}
.panel ul {width: 300px; float: left; padding-left:25px;}


#mailingList {float:right; padding-right:15px; text-align:left; width: 210px;}
#mailingList h2 {color:#467fff;}
#mailingList ul li {list-style: none; font-size: 80%;}
input#email1, input#email2 {color: #000; width: 200px; float:left; margin: 5px 0; border: 1px solid #999999; background: #fff;clear:left;}
label {float: left; clear: left; margin: 5px 0; color:#467fff; width: 200px;}
input {border:none; background: #467fff; color: #fff;}
input.blue {width: 80px; background: #467fff;}
input.blue:hover {background: #ec008c; cursor:pointer;}
.clear { clear: both;}
form {padding: 5px; font-size: 90%;}
input.radio {background: #fff;}

.abrand {width: 740px; float: right; clear:both; border-bottom: 1px dashed #999;}
.brandtext {padding: 6px 10px 6px 10px;  float: right; width: 500px; clear: none;}
a:hover .abrand {border-bottom: 1px dashed #990066;}

#footer {float:left; text-align: center; width: 780px;}
#footer ul {font-size: 80%; font-family: Helvetica; margin:6px auto;}
#footer ul li {padding: 0 0.8em; display: inline;}
#footer ul li a{color:#666666;}
#footer ul li a:hover {border-bottom: 1px dotted #999;}