@charset "utf-8";

/* reset margins and padding to remove differences between browsers */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0pt;
	padding:0pt;
}



body {
	background-color: #000000;
	background-image: url(images/header_bg.jpg); /* top gradient */ 
	background-repeat: repeat-x;
	text-align: center;
	z-index:10;
}


#loading-mask{
	display:block;
	background-color: #000;
	height:1300px;
	left:0px;
	opacity:0.5;
	position:absolute;
	top:0px;
	width:100%;
	z-index:200;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;

}

#loading {
	position:absolute;
	left:30%;
	top:118px;
	z-index:2001;
    height:auto;
}
#loading img {
    margin-bottom:5px;
}

#loading .loading-indicator {
	color:#FFFFFF;
	font:bold 13px tahoma,arial,helvetica;
	padding:0px;
	margin:0;
    text-align:center;
    height:auto;
}



#main-container {
	background-image: url(images/header.jpg); /* complete header image. using background to allow page width to change with resize */
	background-position: center top;
	background-repeat: no-repeat;
	width:100%; /* required for ExtJS to be able to mask this element in IE */
	visibility: hidden;
	z-index:100;
}

#header-container {
	width: 878px;
	margin-right: auto;
	margin-left: auto;
	height: 272px;
}

#nav-container {
	width: 850px;
	margin-left: 25px;
	position: relative;
	top: 216px;
	font-size: 16px;
}


/* Main div between header and footer */
#content-background {
	background-image: url(images/content_bg.jpg);
	background-repeat: no-repeat;
	width: 878px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	left: 2px;
	padding-top: 30px;
	z-index:200;
}


#content-container {
	padding-right: 10px;
	padding-left: 10px;
}

#content-column1 {
	float: left;
	width: 504px;
}

#content-column2 {
	width: 343px;
	float: right;
}




/***********************************************************************
	Navigation Styles
 ***********************************************************************/
#nav-container div {
	display: inline;
	position: absolute;
	width: 295px;
}
#centre-nav-items {
	left: 251px;
	font-size: 18px;
	top: -3px;
}
#right-nav-items {
	left: 531px;
}
#left-nav-items {
	left: 3px;
}

#nav-container {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FBB515;
	font-style: italic;

}

#nav-container a:link, 
#nav-container a:active, 
#nav-container a:visited {
	color: #FECF03;
	text-decoration: none;
	padding-right: 6px;
	padding-left: 6px;
}

#nav-container a:hover {
	color: #FFFF00;
}




/***********************************************************************
	Footer Styles
 ***********************************************************************/
 
#footer-container {
	height: 82px;
	width: 878px;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AEEFFF;
	padding-top: 15px;

}

#footer-container a:link,
#footer-container a:active,
#footer-container a:visited {
	color: #AEEFFF;
	text-decoration: none;	
}
#footer-container a:hover {
	text-decoration: underline;
}