html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	
	background: url(../imageslayout/background.gif);
	
	font-family: arial;
	font-size: 12px;
	color: #000;
}

img {
	border: 0px;
}

a {
	color: #0f6aaa;
}

a:hover {
	color: #000000;
}

div#container {
	width: 100%;
	min-height: 100%;
	
	position: relative;
}

	* html div#container {
		height: 100%;
	}

div#top {
	width: 100%;
	background: #2b2b2b;
}

	div#header {
		width: 821px;
		height: 104px;
		
		margin: 0px auto 0px auto;
		
		background: url(../imageslayout/logo.gif) no-repeat;
	}
	
		div#header div.space {
			padding: 22px 0px 0px 0px;
		}
	
		div#header div#logo {
			height: 64px;
			width: 275px;
			
			float: left;
		}
		
			div#header div#logo a {
				display: block;
				width: 275px;
				height: 64px;
			}
			
				div#header div#logo a span {
					display: none;
				}
		
		div#header div#banner {
			height: 64px;
			width: 481px;
			
			float: right;
			
			background: url(../imageslayout/bannerBackground.gif) no-repeat;
		}
		
			div#header div#banner div.space {
				padding: 2px 0px 0px 11px;
			}
	
	div#menu {
		background: url(../imageslayout/menuBackground.gif);
		
		height: 31px;
	}
	
		div#menu ul {
			list-style: none;
			margin: 0px auto 0px auto;
			padding: 7px 0px 0px 0px;
			width: 821px;
		}

			div#menu ul li {
				margin: 0px;
				padding: 0px;
				
				float: left;
				padding: 0px 35px 0px 0px;
			}
			
				div#menu ul li a {
					color: #000;
					text-decoration: none;
					font-weight: bold;
				}

				div#menu ul li a:hover {
					color: #d82600;
				}
	
	div#menuBottom {
		background: url(../imageslayout/menuBackgroundBottom.gif) repeat-x;
		
		height: 10px;	
		
		font-size: 1px;
	}
	
div#content {
	width: 821px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 40px 0px;
}

	div#left {
		width: 200px;
		float: left;
	}
	
	div#middle {
		width: 200px;
		float: left;
		margin: 0px 7px 0px 7px;
	}

	div#middle2 {
		width: 200px;
		float: left;
		margin: 0px 7px 0px 0px;
	}
	
	div#right {
		width: 200px;
		float: left;
	}
	
div#footer {
	background: url(../imageslayout/menuBackground.gif);

	height: 31px;
	width: 100%;
	
	position: absolute;
	bottom: 0px;
	left: 0px;
}

	div#footer p {
		margin: 0px;
		padding: 9px 0px 0px 0px;
		
		text-align: center;
		
		font-size: 11px;
	}

	* html div#footer {
		bottom: -1px;
	}
	
div.block {
	width: 200px;
	padding: 0px 0px 7px 0px;
}

div.block-full {

     width: 821px;

}

	div.block div.header {
		height: 37px;
		
		background: url(../imageslayout/blockHeaderOrange.gif) no-repeat;
	}
	
		div.block div.header h1 {
			font-size: 13px;
			font-weight: bold;
			margin: 0px;
			padding: 12px 0px 0px 14px;
			color: #000;
		}
		
	div.block div.content {
		padding: 12px 14px 1px 14px;
		
		background: url(../imageslayout/blockBackground) 0px 0px no-repeat #fff;
	}
	
		div.block div.content ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
		div.block div.content ul li {
			margin: 0px;
			padding: 0px 0px 5px 0px;
		}
		
			div.block div.content ul li a {
				font-weight: bold;
			}
			
			div.block div.content ul li a div {
				display: none;
				
				width: 80px;
				height: 80px;
				
				position: absolute;
				top: 25px;
				left: 10px;
				
				z-index: 3;
				
				border: 1px solid #000;
			}
	
	div.block div.footer {
		height: 11px;
	}
	
	/* block colors */
	div.blockOrange div.header {
		background: url(../imageslayout/blockHeaderOrange.gif) no-repeat;
	}
	div.blockPurple div.header {
		background: url(../imageslayout/blockHeaderPurple.gif) no-repeat;
	}
	div.blockBlue div.header {
		background: url(../imageslayout/blockHeaderBlue.gif) no-repeat;
	}	
	div.blockGreen div.header {
		background: url(../imageslayout/blockHeaderGreen.gif) no-repeat;
	}	
	div.blockAdvertisement div.content {
		background: #fff;
		padding: 3px 14px 3px 14px;
	}
		div.blockAdvertisement div.content {
		background: #fff;
		padding: 3px 14px 3px 14px;
	}
	div.block-full div.header {
		background: url(../imageslayout/blockHeaderOrangeFull.gif) no-repeat;
	}