@charset "utf-8";
	/* Colours
	Blue-page: #8dcbe3
	Blue-content: #c3e3ef
	Blue-dk-banner: #50a3cb
	Blue-bubbles: #d4ebf5
	
	Brown-header: #4b3d06
	Brown-dk: #2d2506
	Brown-Bubbles: #5b4e1c
	
	*/
	/* CSS Document */
	
	/* ----------------------------------------------------
	
	Screen - * default browser CSS for the screen.
	
	---------------------------------------------------- */
	
	/* Include all the other css files need to render on the screen */
	@import url("reset.css");
	@import url("typography.css");
	@import url("menu.css");
	@import url("buttons.css");
	@import url("links.css");
	@import url("forms.css");
	
	
	/* ----------------------------------------------------
	Global Styling
	---------------------------------------------------- */
	
	/* Set the default html tag for the entire site */
	html 
		{ 
		height: 100%; 
		margin: 0 auto; 
		padding: 0; 
		color: #000; 
		text-align: center;
		background-image: url(../img/IMAGE-NAME-GOES_HERE.png);
		background-repeat: repeat-x;
		background-color: #4b3d06;
		}

	/* Set the default body tag for the entire site */
	body 
		{ 
		margin: 0 auto; 
		padding: 0;
		font-size: 62.5%; /* Sets the default font size to 10px by using a percentage of the global size of 16px */
		font-family: "Times New Roman", Times, Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		line-height: 1.8em;
		height: 100%;
                background-color: #4b3d06;
		}
	
	img {
		border: 0px;
	}
	
	/* IE PNG Transparency Fix */
	*
		{
		behavior: url(../iepngfix.htc);
		outline: none;
		}
	
	h1 {
		color: #4b3d06;
		font-size: 2.2em;
		font-weight: bold;
	}
	
	/* ----------------------------------------------------
	pageTop - outside wrapper to extend width of the page
	---------------------------------------------------- */
	#pageTop {
		margin: auto;
		width: 100%;
		height: 102px;
		background-color: #8dcbe3;
		align: center;
		font-size: 1.3em;
		font-weight: bold;
	}
	#pageTopImage {
		width: 1024px;
		height: 102px;
		background-image: url('../img/page_top.png');
		background-repeat: no-repeat;
		background-color: #8dcbe3;
	}
	/* ----------------------------------------------------
	Main Navigation
	---------------------------------------------------- */
	
	/* Top Navigation Background */
	div#topNavigation
		{
		float: right;
		width: 553px;
		padding-top: 8px;
		font-size: 1.1em;
		color: #fff;
		}
		
	/* Top Navigation list */
	div#topNavigation ul 
		{
		bullet-style: none;
		display: inline;
		} 

	/* Top Navigation Unordered list */
	div#topNavigation ul li 
		{
		list-style: none;
		display: inline;
		}
	
		
		
	/* ----------------------------------------------------
	Main Navigation
	---------------------------------------------------- */
	
	/* Main Navigation Background */
	div#mainNavigation
		{
		float: left;
		width: 415px;
		margin: 50px 0px 0px 0px;
		color: #fff;
		font-size: 1.1em;
		padding-left: 150px;
		}
		
	/* Main Navigation list */
	div#mainNavigation ul 
		{
		display: inline;
		} 

	/* Main Navigation Unordered list */
	div#mainNavigation ul li 
		{
		list-style: none;
		display: inline;
		}

	
	/* ----------------------------------------------------
	Wrapper
	---------------------------------------------------- */
	
	/* Set the outter wrapper to make your background 100% of the browser window */
	div#outterWrapper
		{
		margin: 0 auto; 
		padding: 0;
		width: 1024px;
		height: 100%;
		background-image: url(../img/BACKGROUND-IMAGE-NAME-GOES_HERE.png);
		background-repeat: repeat-y;
		background-position: center;
		}
	
	/* Set the wrapper for the entire site */
	div#wrapper
		{
		margin: 0 auto; 
		padding: 0;
		width: 1024px;
		overflow: auto;
		overflow: hidden;
		background-image: url(../img/BACKGROUND-IMAGE-NAME-GOES_HERE.png);
		background-repeat: repeat-y;
		background-position: center;
		}
		
		
	/* ----------------------------------------------------
	Page Header
	---------------------------------------------------- */
		
	/* Page Header Background */

	div#pageHeader
		{
		width: 1024px;
		}
	div#pageBanner
		{
		width: 1024px;
		/*height: 272px;*/
		height: 260px;
		/*background-image: url('../img/page_banner.png');*/
		background-repeat: no-repeat;
		background-position: center;
		}
	
	
	/* Company Logo */
	div#companyLogo
		{
		
		}
		
	/* Company Logo Img Element Remove Link Border */
	.companyLogo
		{
		border: 0;
		}
		
		

		
	
	/* ----------------------------------------------------
	Middle
	---------------------------------------------------- */
	
	/* Middle */
	div#middle
		{
			font-size: 1.4em;
		}
		
	#left_col{
		float: left;
	}
	#content {
		float: left;
	}
	#min_height {
		height: 269px;
		float: left;
	}
    #content_top{
		width: 689px;
		/*height: 27px;*/
		height: 40px;
		background-image: url('../img/page_left_top.png');
		background-repeat: no-repeat;
		background-position: left;
	}
    #content_middle{
		width: 460px;
		padding: 15px 29px 15px 200px;
		background-image: url('../img/page_left_middle_tall.png');
		background-repeat: no-repeat;
		background-position: left bottom;
	}
    #content_bottom{
		width: 689px;
		height: 28px;
		background-image: url('../img/page_left_bottom.png');
		background-repeat: no-repeat;
		background-position: left;
	}
    #right_col{
		float: left;
		padding-top: 6px;
	}
	
	/* ----------------------------------------------------
	Footer
	---------------------------------------------------- */
	
	/* Footer */
	div#footer
		{
		
		}
		
	/* Footer Content */
	div#footerContent
		{
		
		}
		
	/* Footer Copyright */
	div#footerCopyright
		{
			
		}
		
	/* Footer Nav */
	div#footerNav
		{
		
		}
		
	/* Footer Nav list */
	div#footerNav ul 
		{
		display: inline;
		} 

	/* Footer Nav Unordered list */
	div#footerNav ul li 
		{
		list-style: none;
		display: inline;
		}