/*-------------------------------------------------------------
----| Main Area / CSS Background Stretch Hack
---------------------------------------------------------------*/

	html, body {
		height				: 100%;
		margin				: 0px;
		padding				: 0px;
	}
	
	img#bg {
		position			: fixed;
		top					: 0px;
		left				: 0px;
		width				: 100%;
		height				: auto;
	}    

	img.bg {
		position			: fixed;
		top					: 0px;
		left				: 0px;
		width				: 100%;
		height				: auto;
	}   	
	
	div#page {
		position			: relative;
		z-index				: 1;	
	}
	
/*-------------------------------------------------------------
----| Logo Area and Login 
---------------------------------------------------------------*/

	div#header {
		margin					: 0px auto;
		width					: 960px;		
	}
		div#header div.right h3 {
			color					: #FFF;
			font-size				: 100%;
			text-align				: left;
			margin					: 20px 0 6px 0;
		}
			
		div#header div.right form input {
			float					: left;
			margin					: 0 15px 10px 0;
			width					: 150px;			
		}
		
		div#header div.right input.submitlogin { 
			background-color		: #242323;
			color					: #FFF;
			font-size				: 8pt;
			font-weight				: bold;
			width					: 156px;			
			border					: 1px solid #242323;
			padding					: 3px 14px 3px 5px;
			text-align				: left;
		}
	
/*-------------------------------------------------------------
----| Navigation
---------------------------------------------------------------*/

	div#navigation { 
		margin				: 5px 0 0 0;
		background-image	: url(images/background-navigation.jpg);
		background-repeat	: repeat-x;
		height				: 76px;
	}
	
		div#navigation ul { 
			width				: 960px;
			margin				: 5px auto 0 auto;
			border-left			: 1px solid #545454;		
		}
		
			div#navigation ul li { 		
				list-style			: none;
				text-align			: center;
				padding				: 27px 16px 22px 15px;
				float				: left;
				border-left			: 1px solid #060606;
				border-right		: 1px solid #545454;
			}
		
			div#navigation ul li.last { 		
				padding				: 27px 10px 22px 10px;
				border-left			: 1px solid #060606;
				border-right		: none;
			}

			div#navigation ul li.clear { 		
				border-right		: none;
				border-left			: none;				
			}
				div#navigation ul li a { 			
					font-size			: 15pt;
					color				: #FFF;			
				}
				
/*-------------------------------------------------------------
----| Billboard Area
---------------------------------------------------------------*/

	div#billboard, div.billboard { 
		width				: 960px;
		margin				: 10px auto 0 auto;		
	}
	
	/*-------------------------------------------------------------
	----| Left Billboard
	---------------------------------------------------------------*/

		div#billboard div.left, div.billboard div.left { 
			width				: 454px;
			background			: transparent url(images/index-background-billboard1.png) no-repeat 0 0;
			text-align			: left;
			padding				: 15px 20px 20px 0px;
		}
		
			div#billboard div.left h1, div.billboard div.left h1 { 
				width				: 220px;
				margin				: 0 0 0 210px;
				color				: #FFF;
				font-size			: 140%;
			}
			
			div#billboard div.left p, div.billboard div.left p { 
				font-family			: Arial, Helvetica, sans-serif;
				width				: 220px;
				margin				: 10px 0 0 210px;
				color				: #FFF;
				font-size			: 70%;
			}		
	
	/*-------------------------------------------------------------
	----| Right Billboard
	---------------------------------------------------------------*/

		div#billboard div.right, div.billboard div.right {
			width				: 450px;
			background			: #000 url(images/index-background-billboard2.jpg) repeat-x 0 0;
			text-align			: left;
			padding				: 15px 10px 10px 10px;
			border				: 5px solid #908E7D;
			margin				: 5px 0 0 0;
		}
		
		div#billboard div.right h2, div.billboard div.right h2 {
			font-size			: 170%;
			color				: #FFF;
		}
	
		div#billboard div.right h2 span, div.billboard div.right h2 span {
			color				: #F3A60B;
		}
		
		div#billboard div.right p, div.billboard div.right p {
			color				: #FFF;
			font-size			: 80%;
			line-height			: 1.2em;
			margin				: 6px 0 8px 0;
		}
	
		div#billboard div.right input.bb2input, div.billboard div.right input.bb2input {	
				font-size			: 110%;
				color				: #FFF;
				background-color	: #20201A;
				float				: left;
				border				: 1px solid #F3A60B;
				width				: 186px;
				margin				: 0 4px 6px 3px;
				padding				: 3px;
		}
	
/*-------------------------------------------------------------
----| Content Area
---------------------------------------------------------------*/
	
	div#content { 
		width				: 960px;
		margin				: 0 auto;
		font-family			: Arial, Helvetica, sans-serif;;
	}
	
	/*-------------------------------------------------------------
	----| Left - Side Nav
	---------------------------------------------------------------*/

		div#content div.left {
			width				: 222px;
			background-color	: #EBE7D5;
			border				: 4px solid #7b956e;
		}
		
		div#content div.left h3 {
			width				: 222px;
			background			: transparent url(images/index-sidenav-h3.png) no-repeat 0 0;
			color				: #FFF;
			padding				: 10px 6px 26px 10px;
		}		
	
		div#content div.left ul li {
			margin				: 0 10px 0 10px;
			padding				: 6px 0px 6px 0px;
			color				: #000;
			font-size			: 90%;
			font-weight			: bold;
			border-bottom		: 1px solid #7b956e;
		}		

			div#content div.left ul li a {
				color				: #000;
			}		
	
			div#content div.left ul li span {
				color				: #DB6D00;
			}

		div#content div.left p {
			margin				: 0 10px 0 10px;
			padding				: 10px 0px 10px 0px;
			color				: #000;
			font-size			: 80%;
			line-height			: 1.2em;
		}		
	
	/*-------------------------------------------------------------
	----| Right - Content Boxes
	---------------------------------------------------------------*/

	div#content div.right {
		width					: 724px;	
		text-align				: right;
	}
	
		div#content div.right div {		
			background				: transparent url(images/index-background-panel.png) repeat 0 0;
			text-align				: left;			
		}

		div#content div.right div#content1,div#content div.right div#content2,div#content div.right div#content3  {		
			height					: 216px;		
		}
		
		
		div#content div.right div#content5 { 		
			height					: 180px;
		}
		
		
		div#content div.right div#content1,div#content div.right div#content2,div#content div.right div#content3,div#content div.right div#content5  {		
			float					: left;
			width					: 217px;
			margin					: 0 0 10px 5px;
			color					: #FFF;
			padding					: 9px;
			overflow				: hidden;
		}
	
		div#content div.right div h3 {			
			color					: #FFF;
			border-bottom			: 1px solid white;
			font-size				: 150%;
			padding					: 0px 0 5px 0;
			margin					: 0 0 5px 0;
		}
			
		div#content div.right div p {
			font-size				: 80%;
			line-height				: 1.2em;
		}

		div#content div.right div#content4 {
			float					: left;
			width					: 457px;
			margin					: 0 0 10px 5px;
			color					: #FFF;
			padding					: 9px;
			height					: 180px;
			overflow				: hidden;
		}
	
/*-------------------------------------------------------------
----| Footer
---------------------------------------------------------------*/

	div#footer { 
		background-color		: #000;
		color					: #FFF;
		padding					: 20px 0 20px 0;
		margin					: 20px 0 0 0;
	}
	
	div#footerwrap { 
		width					: 960px;
		margin					: 0 auto;
		font-size				: 80%;
		line-height				: 1.3em;
	}	

	div#footerwrap a { 
		color					: #d16600;
	}
	
		div#footerwrap div.addthis{ 
			margin					: 0 0 5px 0;
		}

		div#footerwrap div.right{ 
			padding					: 5px 10px 0 0;
		}				
		
/*-------------------------------------------------------------
----| Content Box
---------------------------------------------------------------*/

	div#content { 
		margin						: 20px auto 0 auto;
	}