/*set the html tag to 0 - no extra space*/
	*, html {
		padding: 0;
		margin: 0;
		}
		
	html { height: 100%; } /*fix for scrolling in firefox*/
	
	body {
		background-color: #7898b6;
		font: 12px/140% Verdana, san-serif; /*SET UNIFORM LIGHT HEIGHT IN PERCENTAGE AFTER FONT SIZE*/
		text-align: center; /*IE float fix*/
		}
	
	
	/*SET IT ALL TO ZERO SO YOU DON'T HAVE REPETITIVE ELEMTNS IN ID'S AND CLASSES*/
	p, a, form, h1, h2, h3, h4, h5, h6, table, tr, td, div {
		padding: 0;
		margin: 0;
		}
		
	/*ALREADY SET IN THE BODY
	p {font-family: Verdana, san-serif; font-size: 11px; line-height: 18px; color:black; }*/	
	
	a {
		color: #00aeed; 
		text-decoration: underline;
		}
	
	a:hover {
		color: #a5d8f6; 
		text-decoration: underline;
		}
	
	
	/*NO NEED TO KEEP REPEATING FONT FACE - ALREADY SET GLOBALLY IN BODY UP TOP*/
	
	h1 {
		font-size: 20px; 
		color: #e3372e; 
		}
		
	h2 {
		font-size: 14px;
		color: #0c3f6e;
		}
		
	h3 {
		font-size: 13px; 
		color: #000; 
		}
		
	h4 {
		font-size: 12px; 
		color: #000; 
		text-align: center;
		}
		
	h5 {
		font-size: 30px; 
		color: #ffffff; 
		text-align: center;
		line-height:115%;
		}
		
	/*TAKE OFF ALL IMG BORDERS UNLESS OTHERWISE SPECIFIED*/
	
	img {
		border: 0;
		}
	
	
	/*BEGIN WRAPPER
	  encapsulate entire site in one div and add auto margin to that div to float it center*/
	  	
	div#wrapper {
		width: 785px;
		margin: 0 auto;
		text-align: left;
		}
		
	/*------ BEGIN HEADER ------ */
	
	
	div#header {
		width: 785px;
		height: 180px;
		background: #ffffff;
		float: left; /*starting floating elements to get them to line up*/
		}
		
		/*float all images in your header. */
		#header img {
			float: left;
			}
	
	
	/*--------BEGIN MENU*--------*/
	
	div#menu {
		width: 785px;
		float: left;
		background: #0c3f6e;
		}
		
		#menu ul {
			list-style: none;
			font-size: 12px; 
			
			}
			
		#menu ul li {
			display: inline;
			border-right: 1px solid #fff;
			float: left;
			}
			
		#menu ul li.last {
			border: 0; /*strip the border on the last list element*/
			
			}
			
		#menu ul li.last a {
			padding-right: 28px;
			 /* in the future, make your site the width of how the menu best divides out. This may be an odd number, such as 813px. FYI, 970 is a good width too, for most contemporary resolutions*/
				}
			
		#menu ul li a {
			background: #0c3f6e;
			color: #ffffff;
			display: block;
			padding: 5px 28px 5px 28px;
			text-decoration: none;
			}
			
		#menu ul li a:hover {
			background: #a9c0d6;
			color: #000000;
			text-decoration: none;
			}
			
		#menu ul li a.live {
			background: #a9c0d6;
			color: #000000;
			text-decoration: none;
			font-weight: bold;
			}
			
	div#content {
		width: 735px;
		padding: 25px;
		background: #ffffff;
		float: left;
		}
		
		#content h1 {
			
			font-weight: bold;
			}
			
		#content h2 {
			
			font-weight: bold;
			}
		
		#content p {
			margin-bottom: 10px;
			}
		
		#content li.one {
		list-style: square;
		list-style-position: inside;
		line-height: 150%;
	
		}
		
			
				
		
	div#footer {
		padding-top: 10px 0 10px 0;
		text-align: center;
		font-size: 10px;
		float: left;
		width: 785px;
		color: #0c3f6e;
		}
					
			
	div#rightsidebar {
		width: 335px;
		padding:20px;
		
		float: left;
		background: #ffffff;
	
		}


	div#leftsidebar {
		width: 385px;
		padding: 25px;
		float: left;
		background: #ffffff;

		}
		
		#leftsidebar li.one {
		list-style: square;
		list-style-position: inside;
		line-height: 150%;
	
		}

div#banner {
		width: 765px;
		padding: 10px 10px 10px 10px;
		background: #ff0000;
		float: left;
		text-align: center;
		}
		
		#banner a {
			
			color: #ffffff;
			text-decoration: underline;
			}
			
		#banner a:hover {
		
			color: #000000;
			text-decoration: none;
			}
			
		#banner a.live {
			
			color: #fffff;
			text-decoration: none;
			font-weight: bold;
			}