@charset "UTF-8";

/* default fonts, margins and padding for the document */

* {
	margin: 0;
	padding: 0;
}

/* main tages */
body {background: #000; font-family: Century Gothic, Verdana, Arial, Sans-Serif; font-size: .8em; color: #FFFFFF;}
body {background-image: url(Images/swirls2.png); background-repeat:
no-repeat; background-position: 0px 0px; background-attachment: fixed; }
/* body {background: #3a3a3c url(Images/bg01.png) repeat-x; font-family: Century Gothic, Verdana, Arial, Sans-Serif; font-size: .8em; color: #000000;} */
h1, h2 {font-family: Century Gothic, Verdana, Arial, Sans-Serif; font-size: 170%;color: #FFFFFF}
h3 {font-family: Century Gothic, Verdana, Arial, Sans-Serif; font-size: 120%;color: #000000; font-weight: normal;}
p {font-family: Century Gothic, Verdana, Arial, Sans-Serif; font-size: 100%;color: #FFFFFF}
a {color: #FFFFFF; font-weight:normal; text-decoration:none;}
a:hover {color:#FFFFFF; text-decoration:underline;}

/* Menu Definitions */ 
#menu {width: 976px; height: 35px; margin: 0 auto; background:#0f75bc; border-left: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF;}
#menu ul {margin: 0; padding: 0; list-style: none;}
#menu li {padding: 0; display: inline; background: none;}
#menu a {display: block; float: left; height: 25px; padding: 10px 20px 0 20px; font-family: Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", sans-serif; font-size: 90%;color: #FFFFFF; text-decoration: none; border-left: 1px solid #0f75bc; border-right: 1px solid #0f75bc;}
#menu a:hover { 
	background: #b2141b; 
	text-decoration: none; 
	color: #FFFFFF; 
	border-left: 1px solid #ffffff; 
	border-right: 1px solid #ffffff;	
}


/* Define header graphics and text */
#header {width: 980px;
	height: 135px; 
	margin: 0 auto; 
	position: relative; 
	background: url(Images/f_day.gif) repeat-y;
}

#header h1 {margin: 0; padding: 100px 20px 0 50; text-align: left; letter-spacing: -1px; font-size: 280%; color:#FFFFFF;}
#header h2 {margin: 0; padding: 0 20px 0 0; text-align: left; letter-spacing: -1px; font-size: 170%; font-weight: normal; font-style: italic; color:#FFFFFF;}

/* define logo size and position */
#header img{position: relative; left:710px; top:20px;}

/* define the banner */
#banner {width: 980px; height: 390px; margin: 0 auto; background: #010100 url(Images/banner01.jpg);	border-left: 0px;}
#banner a {
	color:#900;
}
#banner a:hover {color:#FFF;}

/* Define the Page container */
#page {width: 980px; margin: 0 auto; background: url(Images/background_page.png) repeat-y; border-bottom: 1px dashed #FFFFFF; border-right: 1px dashed #FFFFFF;
		border-left: 1px dashed #FFFFFF; border-top: 1px dashed #FFFFFF;}
#page h2 {color: #ffffff; font-family: Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", sans-serif; font-size: 1.1em; padding-top: 20px; padding-bottom: 3px;}
#page h3 {color: #ffffff; font-family: Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", sans-serif; font-size: 1 em; padding-top: 10px; padding-bottom: 3px;}

/* Define the main content area */
#content {float: left; width: 930px; padding: 15px 25px 5px 25px;}
#content h1 {margin: 15px 0 0 0; padding: 0px 0 10px 0; border-bottom: 0px solid #ccc; font: normal 200% Century Gothic, Verdana, Arial, Sans-Serif; color: #809337; background: inherit;}
#content h2 { padding: 10px 0 0px 0; margin: 0; border-bottom: 0px solid #ccc; font: normal 130% Century Gothic, Verdana, Arial, Sans-Serif; color: #809337; background: inherit;}
#content h3 { padding: 10px 0 0px 0; margin: 0; border-bottom: 0px solid #ccc; font: normal 120% Century Gothic, Verdana, Arial, Sans-Serif; color: #809337; background: inherit;}
#content h4 {padding: 0px 20px 3px 0; margin: 0; border-bottom: 0px solid #ccc; font: normal 130% Century Gothic, Verdana, Arial, Sans-Serif; color: #FFFFFF; 
			background: inherit; text-align: center}

/* define the welcome message area */
#welcome { margin-bottom: 10px; padding-bottom: 0px;}
#welcome ul {margin: 10px; padding: 0;}
/* #welcome li {margin-left: 1em; margin-top: .5em; padding: 0; display: block; background: none;} */

/* floating boxes for pictures */
.floating-box {	float: left; width: 290px; height: 230px;}
.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {line-height: 144%;font-size: 92%;}
.floating-box img {border: 5px solid #FFFFFF; }
.floating-box h3 {font-size: 120%; color: #FFFFFF;}

/* Define Page Footer */
#footer {width: inherit; height: 50px; border-top: 0px dashed #FFFFFF; border-bottom: 0px solid #FFFFFF;}
#footer .wrapper { width: 980px; margin: 0 auto;}
#footer .links { float: left; width: 660px; height: 34px; padding: 16px 30px 0 30px; border-left: 0px solid #FFFFFF; font-size: 85%;}
#footer .legal { float: right; width: 220px; height: 34px; margin: 0 auto; padding: 16px 20px 0 0; text-align: right; font-size: 85%; color: #FFFFFF;}

/* Sidebar */
#sidebar { float: right; width: 200px; padding: 10px; list-style: none;}
#sidebar h2 { padding: 10px 0 10px 0; margin: 0; border-bottom: 0px solid #ccc; font: normal 130% Century Gothic, Verdana, Arial, Sans-Serif; color: #F30; background: inherit;}
#sidebar ul li { display: inline; padding: 0; margin: 0;}
#sidebar ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: 0;
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #C0C0C0;
}
#sidebar ul li a:hover {
	background: #eee;
	color: #cf2503;