body { margin: 0;
	background:#000;
	background-image: url(gradient_blue.gif);
	background-repeat: repeat-x;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff}
	
a:link {
  text-decoration: none;
  color: #6699cc; 
  border: 0;}

a:visited {
  text-decoration: none;
  color: #FFF; 
  border: 0;}
  
a:hover {
  color:#fff;
  text-decoration: underline;
  border: 0;}
  
a:active {
  color: #ccffff;
  text-decoration: underline;
  border: 0;}
  
img { border: 0;}	

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 0px; }
	
	
#navigation ul, #navigation ul li {
     list-style: none;
     margin: 0;
     padding: 0;
	 text-transform: uppercase;
 }

 #navigation ul {
     text-align: center;
	 background: #1D6893 ;
 }

 #navigation ul li {
     display: inline;
     margin-right: .75em;
 }

 #navigation ul li.last {
     margin-right: 0;
 }

#navigation li a {
     padding: 5px 1em;	
 }
 
#navigation li a:hover {
	 background-color: #000;
	 color: #1D6893 ;
	 }


#listbox li { padding: 10px;}
	

.ph {
	font-family:Arial, Helvetica, sans-serif;
	color:#1D6893 ;
	font-size: 2em;
	text-align: center;
	}
	
.addy {
	font-family:Arial, Helvetica, sans-serif;
	color:#1D6893 ;
	font-size: 1em;
	text-align: center;
	}	
	
	
.aloa {
	padding-top: 2px;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	}
	
.sub {
	height: 200px;
	text-align:center;}
	
		
hover{ background-color:#CCCCCC;
		color:#fff;}

.guts { 
	min-height: 100%;
	width: 850px;
	margin-bottom: -330px;
	position: relative;
	padding: 5px;
	margin: 0 auto;
	}
	
		
.sidebar {
	width: 200px;
	margin-top: 20px;
	padding: 2px;
	float: right;
	border-left: solid 1px #333333;
	margin-left: 10px;
	background: url(blackbg.gif) #000;
	border: 3px #262626 solid;
}

.sidebar p {
	text-transform: uppercase;
	line-height: 14px;
	letter-spacing: 2px;
	font-size: .8em;
	text-align:center;
	}

.sidebar img {
	padding: 2px;
	margin: 0 auto;
	}	
	
.sidebar h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: #999999 1px dotted;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2em ;
	color:#fff;
	}
	
.feature {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff ;
	
}
	

.feature img {
	margin: 5px;
	float: left;
	padding: 2px;
	}
		

	
.header { 
		/*background-image:url(headerbg.jpg);*/
		width: 100%; 
		height: 75px;
		margin: 0 auto;}
		
		
.text { 
		width: 600px;	
		text-align: left;
		background: url(blackbg.gif) #000 ;
		margin-top: 20px;
		padding: 0 10px;
		letter-spacing: 1.5px;
		border: 3px #262626 solid;
		}

.text p 
	{
	padding: 10px;
	margin: 0 14px;
	}

.text h1 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	}
		
.img-group {			
	text-align: center;
	margin: 0 auto;
	}	
				
.img-group img 
		{
	text-align: center; 
	margin: 5px;
	border: 0;
	}


.footer
	{
	background: url(footer-bg2.jpg) repeat-x ;
	background-color:#242321;
	color:#fff ;
	text-align: left;
	padding-bottom:14px;
	padding-top:10px;
	height: 100px;
	font-size: .75em;
	margin: 0 auto;
	width: 850px;
}

.footer p {
	float: left;
	padding-left: 15px;
	line-height: 14px;
	}


#74logo {
	float: left;
	padding: 5px;
	}


h2 {font-size: 14px;
	font-family: Arial, Helvetica, sans-serif; }


.inbed {float:right; padding:10px; margin-top: 20px; margin: 15px; border: 1px dashed #666666;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/***** Menu Formatting *****/
#menu { 
	display: block;
    text-align: center;
    font-size: 90%;
    text-decoration: none;
}

#menu ul { 
	width: 620px; /*If your links text is bigger you will have to adjust this value*/
    height: 34px;
	margin: 0 auto;
	padding: 0;
	line-height: 34px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
    background: url(menu_bg.jpg) repeat-x left top;
}

/*Left Corner*/
#menu ul li.left {
	display: block;
	float: left;
	clear: left;
	width: 60px;
	height: 34px;
    background: url(menu_l.jpg) no-repeat left top;
}

/*Right Corner*/
#menu ul li.right {
	display: block;
	float: right;
	clear: right;
	width: 60px;
	height: 34px;
    background: url(menu_r.jpg) no-repeat right top;
}

#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}
			
#menu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 25px;
	color: #CCCCCC;
}

#menu ul li em {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
    background: url(menu_sep.jpg) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 2px;
    background: url(menu_sep.jpg) no-repeat left top;
}
		  
#menu ul li a:hover, #menu ul li a.active { 
	background: transparent url(menu_over.jpg) repeat-x center top;
	text-decoration: none;
	Color: white;
}

#menu ul li a.active {
	font-weight: bold;
	cursor: default;
}


.flash{
vertical-align: bottom;
padding-bottom:0px;
margin:0 auto;
text-align: center;
}

/******IE hack******/
<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->