@charset "utf-8";

body {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif; /* 0.8em */
	background: #666666;
	background-image:url(images/metal019.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#wrapper {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	background-image:url(images/fslogos.png);
	background-repeat:no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#dropmenu {
margin-top: -70px;
}

#download {
padding-top: 155px;
padding-left: 210px;
}

#paybutton {
margin-top:-105px;
padding-left:500px;
text-align: left;
}

h2 {
margin-left:18px;
}

#container {
	margin-top: 142px; /* changed from 84px to allow for menu */
	border-top: 1px solid #FFFFFF; 
	background: #FFFFFF;
	background-image:url(images/header.png);
	background-repeat:no-repeat;
}

#header {
	padding: 10px 10px 0 20px;  /* 0 10 0 20 this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 230px; /*changed from 220px to allow for menu */
}

#mainContent {
	padding: 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#info {
	position:relative;
	width:350px;
	height:160px;
	margin-left:220px;
	margin-top:80px;
}

.floatright {
	float:right;
}

#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_one */

.menu1 {padding: 0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(images/button3.gif);}
.menu1 li.current a b {background:url(images/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(images/button2.gif);}
.menu1 li a:hover b {background:url(images/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(images/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(images/button3.gif) no-repeat right top;}