/* =============================================================== */
/* ====================== GECKO STYLESHEET ======================= */
/* =============================================================== */


html, body {
	background: #8F0303;
	margin: 0;}
	
html {
	margin-bottom: 25px;}
	
#topContainer {
	min-height: 135px;
	width: 100%;
	background: url(../images/scaua_back.jpg) top left repeat-x #323232;}
	
	#logo {
		background: url(../images/scaua_logo.jpg) top left no-repeat;
		width: 572px;
		height: 135px;
		left: 0;
		margin-left: -100px;}
		
	#dots {
		background: url(../images/rightHandDots.jpg) top right no-repeat;
		height: 135px;
		width: 95px;
		right: 0;
		position: absolute;}
		
#icons {
	width: 100%;
	background: url(../images/icons.jpg) top left repeat-x;
	height: 79px;}
	
#contentContainer {
	width: 90%;
	margin: 10px auto 0 auto;}
	
	#navContainer {
		width: 20%;
		background: url(../images/topLeftCornerNavigation.jpg) top left no-repeat #EEEEEE;
		height: 300px;
		border-right: 3px solid #8F0303;}
	
	#bodyContainer {
		width: 80%;
		background: url(../images/bodyBack.jpg) top right no-repeat white;
		padding-bottom: 25px;}

		#topCorner {
			background: url(../images/topRightBodyCorner.jpg) top right no-repeat;
			width: 100%;
			height: 23px;}
			
		#bodyContentContainer {
			width: 95%;
			margin: 0 auto;}
		
	#bottomLogos {
		height: 68px;
		border-top: 3px solid #8F0303;
		width: 90%;
		margin: 0 auto;}
		
		#left {
			width: 2%;
			height: 68px;
			background: url(../images/bottomLeftCorner.jpg) no-repeat top right;
			float: left}
			
		#center {
			background-color: white;
			float: left;
			width: 96%;
			height: 68px;
			text-align: center;}
			
			#center img {
				margin: 7px 1% 0 1%;}
			
		#right {
			width: 2%;
			background: url(../images/bottomRightCorner.jpg) top left no-repeat;
			float: left;
			height: 68px;
			margin: 0 auto;}
			
	#bottomText {
		width: 90%;
		margin: 10px auto 0 auto;
		text-align: right;}