@charset "UTF-8";
/* CSS Document */

body {
	background-attachment: fixed;
	background-color: #ffb411;
	/*background-image: url(../images/SR_main01.jpg);*/
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}

#content {
	width:250px;
	padding-left:500px;
	padding-top:420px;
	text-align:left;
	font-size: 14px;
}

#content span {
	font-size: 16px;
	
}

#content a {
	color: #FFFFFF;	
}


#content a.active, #content a:hover {
	text-decoration: none;
	color: #FFFFFF;
}


#h2 {
	padding:0px;
	margin:0px;
}

/*-------FOOTER-----------------------*/	


ul#footer {
	width:285px;
	padding-top:5px;
	padding-left:290px;
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
}

ul#footer li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}

#footer a.active, #footer a:hover {
	text-decoration: underline;
	color: #ffffff;
}

ul#footer li a {
	color: #ffffff;
	text-decoration: none;
}

ul#footer li span { color: #ffffff; }

/* This is the CLEAR class which is essential when you are floating divs.  The rule of thumb is for every left / right div float combination you have, make sure you add this clear div.  There are other ways to "clear the floats"  but this has worked for me throughout my experience and IT NEVER FAILS when it comes to cross browser compatibility */
.clear { clear: both; }