/*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: #aee1e2;
		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: #cf0021; 
		text-decoration: underline;
		}
	
	/*wouldn't worry about these...
	a:active {color: 004a80; }
	a:visited {color: #8dcb41; }
	a:focus {color: #f1a629; }*/
	
	
	/*NO NEED TO KEEP REPEATING FONT FACE - ALREADY SET GLOBALLY IN BODY UP TOP*/
	
	h1 {
		font-size: 20px; 
		line-height: 125%;
		color: #cf0021; 
		}
		
	h2 {
		font-size: 14px;
		color: #034694;
		}
		
	h3 {
		font-size: 13px; 
		color: #000; 
		}
		
	h4 {
		font-size: 12px; 
		color: #000; 
		text-align: center;
		}
		
	/*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: 165px;
		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;
		/*height: auto; no need for this. Also, dono't make auto margins on elements inside your side. Best for just the wrapper*/
		float: left;
		background: #00aaad;
		}
		
		#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;
			
				}
			
		#menu ul li a {
			background: #00aaad;
			color: #ffffff;
			display: block;
			padding: 5px 28px 5px 28px;
			text-decoration: none;
			}
			
		#menu ul li a:hover {
			background: #aee1e2;
			color: #000000;
			text-decoration: none;
			}
			
		#menu ul li a.live {
			background: #aee1e2;
			color: #000000;
			text-decoration: none;
			font-weight: bold;
			}
			
	div#content {
		width: 475px;
		height: 250px;
		padding: 25px;
		background: #ffffff;
		float: left;
		}
		
		#content2 {
		width: 575px;
		
		padding: 25px;
		background: #ffffff;
		float: left;
		}
		
		#content h1 {
			
			font-weight: bold;
			}
			
		#content h2 {
			
			font-weight: bold;
			}
		
		#content p {
			
			margin-bottom: 10px;
			}
			
		#content h1.alt {
			float: right;
			font-weight: bold;
			}
			
		#content h2.alt {
			float: right;
			font-weight: bold;
			}
		
		#content p.alt {
			float: right;
			margin-bottom: 10px;
			}
		
		#content li.one {
		list-style: square;
		list-style-position: inside;
		}
		
		
		
			
				
		
	div#footer {
		padding-top: 15px 0 15px 0;
		text-align: center;
		font-size: 10px;
		float: left;
		width: 785px;
		color: #034694;
		}
			
			
	
	
	div#rightsidebar {
		width: 210px;
		height: 250px;
		padding: 25px;
		float: left;
		background: #ffffff;
		}

	div#leftsidebar {
		width: 130px;
		height: 250px;
		padding: 25px;
		float: left;
		background: #ffffff;
		}