* {
  /* This is the universal selector: It allows us to style every element
      on a page. In this case, we remove the default browser padding 
      and margin on every element */
  margin: 0;
  padding: 0;
  }
  
a:link {background-color: transparent; color: #A52A2A; text-decoration: underline;}
a:visited {background-color: transparent; color: #EF78BA; text-decoration: underline;}
a:hover {background-color: transparent; color: #F4268C; text-decoration: underline;}
a:focus {background-color: Aqua; outline: 0;} 

hr {
	background: #083873;
	height: 2px;
	width: 860px;
	}

body {
  /* Styles applying to the entire page */
  font: 0.9em/1.5 Verdana, Sans;
  color: #083873;
  background-color: #52656B;
  text-align: center;
  }

ul, li {
	list-style-type: none;
	}
	
#header {
  /* To the header we apply a background image which tiles horizontally */
  height: 140px;
  background: url(../Images/lcctheader.gif) no-repeat top center;
  }
 
#wrapper {
  /* The wrapper contains the content area, navigation and footer.
    It's positioned in the center of the page using auto margins */
  width: 800px;
  margin: 0 auto;
  text-align: left;
  }
 
#content {
  background: #ffffff;
  }  

#content h1, #subContent h1 {
  /* Section headers share the same tiled background image and font */
  color: #D3F0FA;
  background: #194163 url('images/smallHeaderBG.jpg') repeat-x top left;  
  font: bold 26px/30px Sans;
  text-align: center;
  }

#subContent h1 {
  border-bottom: 2px solid #083873;
  }
  
#content ul {
	margin-left: 2em;
	}
 
#content h2, #subContent h2 {
  /* Section headers share the same tiled background image and font */
  background: #7BC3DE url('images/smallHeaderBG.jpg') repeat-x top left;  
  font: bold 14px/28px Sans;
  text-indent: 1em;
  border-bottom: 2px solid #083873;
  border-top: 2px solid #083873;
  }
    
 #content {
  /* The content area is positioned to the right using a right float */
	float: right;
	width: 870px;
	margin-right: -10px;
	min-height: 150px;
  }
  
html>body #content {
  /* The content area is positioned to the right using a right float */
	float: right;
	width: 860px;
	margin-right: -30px;
	min-height: 150px;
  }
 
#subContent {
  /* The navigation is positioned to the left using a left float */
  display: block;
  float: left;
  width: 860px;
  margin-left: -29px;
  padding: 0;
  background: transparent;
  }
 
  /* The following styles apply to lists and links within the navigation */ 
  
#subContent li {
	background:  transparent url(../Images/tabs2-big.gif) 100% 100% no-repeat;
	overflow: hidden;
	padding: 0;
	float: left;
	line-height: 20px;
	white-space: nowrap;
	list-style: none;
	}
 
#subContent a {
	display: block;
	float: left;
	padding: 10px 18px 0 23px;
	border-right: 1.05px solid #7094A6;
	border-left: none solid #7094A6;
	color: #333333;
	background: transparent url(../Images/tabs2-big.gif) 0% 0% no-repeat;
	font: bold 1.0em Sans-Serif;
	text-decoration: none;
  }
 
#subContent a:hover {
  color: #D87238;
  text-decoration: underline;
  }
  
html>body #subContent a {
	width: auto;
	}/*fixes IE6 hack*/

#subcontent a {
	float: none;
	}/*End IE5-Mac Hack*/
	
#subContent #current, #subContent #current a {
	color: #ffddbb;
	background: transparent url(../Images/tabs2-big-ct.gif) 0% 100%;
	}

  /* The following styles apply to the footer and it's contents */
#footer {
  clear: both;
  text-align: center;
  padding: 2px 10px;
  font: 0.8em Sans-Serif;
  background-color: #7BC3DE;
  color: #4869B2;
  border-top: 2px solid #083873;
  border-bottom: 2px solid #083873;
  }  
 
#footer a {
  color: #0F3A99;
  }
 
#footer a:hover {
  color: #FFF;
  }    
 
  /* General styles */  
img {
  border: none;
  }
 
img.center {
	margin: 0 auto;
	} 
 
img.left {
  float: left;
  margin: 1em 1em 1em 0;
  }
 
img.right {
  float: right;  
  margin: 1em 0 1em 1em;
  }  
 
p, h3, h4 {
  margin: 11px;
  }