* { margin: 0; padding: 0; }

body {
  padding: 0 0 10px 0; 
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;  
  font-size:1em; 
  line-height:1em; 
  background-color: #350B0B;
  background-image:url(/site_images/bg_tile_x.jpg); 
  background-repeat: repeat-x; 
  text-align: center; /* for IE */ 
  margin: 0 auto; /* for the rest */
} 


/* ------------------------------------ General Links ----------------------------------------- */

a {}
a:hover {}

/*------------------------------------ Layout Elements ---------------------------------------- */

#header {
	float: left;
	width: 750px;
	height: 120px;
	background-color: #000000;
	text-align: center;
}
#headerslogan {
	float: left;
	width: 750px;
	height: 20px;
	background-color: #cc0f10;
	background-image: url(/site_images/header_slogan.gif); 
	background-position: center;
	background-repeat: no-repeat;
}

#container {
 	text-align: left; /* Reset Text Alignment */
	margin: 0 auto; /* for the rest */
	width: 750px;
}
#containerbg {
	width: 750px;
	background-image: url(/site_images/content_bg.gif);
	background-repeat: repeat-y;
}

#content {
	font-size: .7em;
	color: #555555;
	line-height: 1.6em;
	padding: 10px 20px 20px 20px;

	float: left;
	width: 510px;
}

#content ul {
	margin: 0 0 10px 20px;
}
#content p {
	margin: 10px 0 5px 0;
}

#content a:hover {
	background-color: #FFEFEF;
}

#content a {
	 color: #cc0f10;
	 text-decoration: underline;
}

#content h1 {
	font-size: 1.7em;
	font-weight: normal;
	background-color: #000;
	margin: 0 -20px 0 -20px;
	padding: 25px 20px 7px 20px;
	color: #fff;
	border-bottom: solid 5px #cc0f10;
}

#content h2 {
	margin: 15px 0 -5px 0;
	font-weight: normal;
	font-size: 1.3em;
	color: #000000;
}

#content h3 {
	margin: 10px 0 -10px 0;
	font-weight: bold;
	font-size: 1em;
	color: #000000;
}

#rotatingimagearea {
	margin: -10px -20px 0 -20px;
}

#footer {
	float: left;
	width: 750px;
	height: 40px;
	background-color: #cc0f10;
	background-image: url(/site_images/footer_cap.gif);
	background-repeat: no-repeat;
	background-position: bottom; 
}

#footer p {
	margin: 11px 20px 0 20px;
	font-size: 10px;
	color: #fff;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

/* ---------------------------------------- Classes ------------------------------------------- */
.pdf_link {
	padding-left: 14px;
	background: url('/site_images/icons/icon_PDF.gif') left no-repeat;
}
.pdf_link_h2 {
	padding-left: 14px;
	background: url('/site_images/icons/icon_PDF.gif') left no-repeat;
	font-size: .75em;
}

/* ----------------------------------- Navigation Elements ------------------------------------ */

#nav {
	float: left;
	width: 200px;
}

#nav a {
	color: #cc0f10;
	text-decoration: none;
}
#nav a:hover {
	color: #F36E73;
}

#nav ul ul a {
	color: #474747;
	text-decoration: none;
}

#nav ul ul a:hover {
	color: #919191;
}

#nav ul {
	font-size: 14px;
	line-height: 24px;
	color: #cc0f10;
	list-style: none;
	margin: 10px 0 10px 20px;
}
#nav ul ul {
	font-size: 11px;
	color: #474747;
	margin: 0 0 5px 5px;
	line-height: 18px;
}
#nav hr {
	border-color:#CCCCCC;
	margin: 0 0 0 10px;
}

#navlogos {
	text-align: center;
	margin: 10px 0 10px 0;
}
#navlogos p {
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	color: #cc0f10;
	margin: 0 0 0 20px;
}

#contactinfo {
	margin: 0 10px 0 20px;
}

#contactinfo h2 {
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	color: #cc0f10;	
	margin: 10px 0 0 0;
}

#contactinfo p {
	font-size: 10px;
	margin: 5px 0;
}

#contactinfo .slogan {
	font-size: 9px;
	color:#666666;
	margin: -5px 0 0 0;
}

#pagenav {
	width: 550px;
	margin: 0 -20px 0 -20px;
	background-color: #e1e1e1;
}

#pagenav ul {
	width: 490px;
	float: left;
	margin: 0;
	padding: 5px 20px 5px 20px;
	list-style-type: none;
}

#pagenav li {
	float: left;
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
}

#pagenav a {
	background: none;
	color: #666666;
	text-decoration: underline;
}
#pagenav a:hover {
	background-color: #D6D6D6;
	text-decoration: underline;
	color: #666666;
}

/* Hacks */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */