/* CSS Document */

html, body { margin:0; padding:0 }
body {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #0a84c1;
}
form {
	padding: 0;
	margin: 0;
}

/* General */
.noborder { border: none; }
.textright { float: right; padding: 0; margin: 0; }
/* IE 7 and below hack */
*:first-child+html .textright { margin-top: -20px; }
* html .textright { margin-top: -20px; }

.alignright { float: right; padding: 0; margin: 0 0 0 10px; }
.alignleft { float: left; padding: 0; margin: 0 10px 0 0; }
a { color: #1489c3; text-decoration: none; }
a:hover { text-decoration: underline; }
br { padding: 0; margin: 0; }
.hr { height: 1px; border-bottom: 1px solid #dfdfdf; padding: 0; margin: 0 15px 15px 0; }

/* Formatting hack */
.clear { clear: both; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */

/* Container */
#container {
	width: 1024px;
	background: url(../images/bgContainer.png) repeat-y;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	position: relative;
}

/* Header */
#header { background: url(../images/bgHeader.png) no-repeat; width: 1024px; height: 88px; padding: 0; margin: 0; }

/* Menu */
#menu {
	width: 1024px;
	background: url(../images/bgMenu.png) no-repeat;
	height: 35px;
	padding: 0;
	margin: 0;
	color: #ffffff;
}

/* Banner */
#banner {
	width: 1024px;
	background: url(../images/bgBanner.png) no-repeat;
	height: 325px;
	padding: 0;
	margin: 0;
}

/* Content */
#content {
	float: left;
	width: 576px;
	padding: 10px 0 10px 17px;	
	margin: 0;
}

/* Naviagtion */
#navigation {
	float: right;
	width: 431px;	
	padding: 10px 0 0 0;
	margin: 0;
}

/* Extra */
#extra {
	float: left;
	clear: left;
	width: 253px;
	padding: 0;
	margin: 0;
}

/* Footer */
#footer {
	clear: both;
	width: 1014px;
	background: url(../images/bgFooter.png) repeat-x;
	height: 105px;
	padding: 15px 0 0 0;
	margin: 0 auto;
	color: #ffffff;
}