/* LAYOUT */

html, body {
	height:100%
}

body {
	background-color: #561902;
	background-image: url( ../images/background.gif );
	background-repeat: repeat-y;
	background-position: center;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

/* GLOBALS */
	
	* {
		margin: 0;
		padding: 0;
	}
	
	a {
		color: #FFFF06;
		text-decoration: none;
	}
	
	a:hover, a:focus {
		color: #FFFF06;
		text-decoration: underline;
	}
	
	a:active {
		color: #FFFF06;
		text-decoration: none;
	}
	
	ul{
		list-style: none;
		list-style-type: none;
	}
	
	img {
		border: none;
	}
	
/* LAYOUT */

	#layout{
		width: 745px;
		margin: 0px auto 0px auto;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		background-color: #fb4f54;
		padding: 0px 1px 0px 1px;
		height: 100%;
	}
	
	#header{
		
	}
	
		#header .top{
			width: 745px;
			height: 48px;
			background-image: url( ../images/topBackground.gif );
			background-repeat: repeat-x;
			position: relative;
		}
	
		#logo{
			position: absolute;
			top: 0px;
			left: 17px;
		}
		
		#core{
			width: 745px;
			height: 175px;
			overflow: hidden;
			padding-bottom: 9px;
			background-image: url( ../images/deco1.gif );
		}
		
		#menu{
			width: 743px;
			height: 25px;
			border-top: 2px solid #702003;
			border-bottom: 3px solid #702003;
			padding-left: 2px;
			background-image: url( ../images/menuMargin.gif );
			overflow: hidden;
		}
			
			#menu a,a:hover{
				color: #FFFFFF;
				text-decoration: none;
			}
		
			#menu li{
				width: 104px;
				height: 25px;
				margin-right: 2px;
				background-image: url( ../images/menuBackground.gif );
				background-repeat: repeat-x;
				overflow: hidden;
				text-align: center;
				line-height: 25px;
				float: left;
				color: #FFFFFF;
				font-weight: bold;
				text-transform: uppercase;
				overflow: hidden;
				cursor: pointer;
			}
			
			#menu .menuHover{
				background-image: url( ../images/menuBackgroundOver.gif ) !important;
			}
			
	#banner{
		margin-bottom: 7px;
	}
			
	#content{
		background-color: #d0071e;
		padding: 5px 0px 0px 6px;
		width: 739px;
	}
	
	#content:after{
		clear: both;
		content: '.';
		display: block;
		height: 0;
		visibility: hidden;
	}
		
		.containerInfo{
		}
		
		.containerInfo:after{
			clear: both;
			content: '.';
			display: block;
			height: 0;
			visibility: hidden;
		}
		
		.containerInfo img{
			border: none !important;
			margin: 0 !important;
			padding: 0 !important;
		}
		
		.containerFull{
			width: 720px;
			margin-right: 5px;
			margin-bottom: 5px;
			padding: 5px 5px 5px 5px;
			clear: both;
		}
		
		.containerFull:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		
		.container1of2{
			width: 350px;
			margin-right: 5px;
			margin-bottom: 5px;
			padding: 5px 5px 5px 5px;
			float: left;
		}
		
		.container1of2:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		
		.container1of3{
			width: 227px;
			margin-right: 5px;
			margin-bottom: 5px;
			padding: 5px 5px 5px 5px;
			float: left;
		}
		
		.container1of3:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		
		.container2of3{
			width: 473px;
			margin-right: 5px;
			margin-bottom: 5px;
			padding: 5px 5px 5px 5px;
			float: left;
		}
		
		.container2of3:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		
		.containerTitle{
			margin-bottom: 7px;
			text-indent: 7px;
			height: 26px;
			line-height: 26px;
			color: #FFFFFF;
			font-weight: bold;
			font-family: Verdana, Arial;
		}
		
		.containerTitle span{
			padding-right: 7px;
			padding-left: 7px;
			padding-top: 2px;
			padding-bottom: 2px;
			background-color: #ac4409;
			opacity: 0.8;
			filter: alpha(opacity=80);
		}
		
		.containerTitle a{
			color: #FFFFFF;
			text-decoration: none;
		}
		
		.containerTitle a:hover{
			color: #FFFFFF;
			text-decoration: underline;
		}
		
		.Red{
			background-color: #9e0701;
			border: 2px solid #ff1122;
			color: #FFFFFF;
		}
		
		.Red img{
			border: 2px solid #FFFF06;
			float: left;
			margin-right: 5px;
			margin-bottom: 5px;
		}
		
		.Yellow{
			background-color: #b9590b;
			border: 2px solid #e68110;
			color: #FFFFFF;
		}
		
		.Orange{
			background-color: #e41026;
			border: 2px solid #ff1122;
			color: #FFFFFF;
		}
		
		.Orange img{
			border: 2px solid #FFFF06;
			float: left;
			margin-right: 5px;
			margin-bottom: 5px;
		}
		
		.Red .containerTitle{
			background-image: url( ../images/redTile.jpg );
			background-repeat: repeat-x;			
		}
		
		.Yellow .containerTitle{
			background-image: url( ../images/yellowTile.jpg );
			background-repeat: repeat-x;
		}
		
		.Yellow img{
			border: 2px solid #FFFF06;
			float: left;
			margin-right: 5px;
			margin-bottom: 5px;
		}
		
		input{
			border: 1px solid #E68110;
			background-color: #FBAA2D;
		}
		
		label{
			font-weight: bold;
			display: block;
			width: 52px;
			float: left;
		}
		
		textarea{
			border: 1px solid #E68110;
			background-color: #FBAA2D;
		}
		
		.button{
			border: 1px solid #BC0A1A;
			background-color: #BC0A1A;
			color: #FFFF06;
			font-weight: bold;
			cursor: pointer;
		}		
		
		.Orange .containerTitle{
			background-image: url( ../images/orangeTile.jpg );
			background-repeat: repeat-x;
		}
		
		.containerInfo{
			
		}
		
		.containerInfoHome{
			height: 110px;
		}
		
		.contactTitle{
			font-size: 16px;
			font-weight: bold;
			
		}
		
		.col1of2{
			float: left;
			width: 369px;
		}
		
		* html .col1of2{
			width: 365px !important;
			overflow: hidden;
		}
		
		.col1of3{
			float: left;
			width: 246px;
		}
		
		#allPages{
			clear: both; 
			text-align: center;
			width: 300px;
			margin-left: auto;
			margin-right: auto;
			padding: 15px;
		}
	
	#footer{
		border-top: 2px solid #d0071e;
		background-color: #d0071e;
	}
	
		#footer .deco1{
			height: 9px;
			background-image: url( ../images/deco1.gif );
			background-repeat: repeat-x;
		}
		
		#footer .deco2{
			height: 30px;
			background-image: url( ../images/bottomDeco.gif );
			background-repeat: repeat-x;			
		}
		
		#footer .info{
			height: 50px;
			text-align: center;
			padding-top: 7px;
		}
		
	#pages{
		width: 720px;
		margin-right: 5px;
		margin-bottom: 10px;
		padding: 10px 5px 5px 5px;
		clear: both;
		text-align: center;
	}	