/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

*/ { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 
 background-color: #000000;

/* specifying a background will make the bkgrnd fill the page vertically- Without, footer will be end of page */
/* background-image: url('images/background1.png');

 background-repeat: repeat-y; 
 background-position: 
 center center;  */ 
 
 
}




body, td
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: small;
}

a
{
	color: #0000FF !important;	/* For Firefox... mark as important, otherwise it becomes black */
}

a.footer_nounderline {text-decoration: none; font-weight: normal; color: #FFFFFF !important;	/* For Firefox... mark as important, otherwise it becomes black */}

a.footer:link
{
	text-decoration: none; font-weight: normal; color: #FFFFFF !important;	/* For Firefox... mark as important, otherwise it becomes black */
}

a.navmenu:link
{
	text-decoration: none; font-weight: bold; color: #000000 !important;	/* Button text link color - For Firefox... mark as important, otherwise it becomes black */
}

a.footer:visited
{
	text-decoration: none; font-weight: normal; color: #FFFFFF !important;	/* For Firefox... mark as important, otherwise it becomes black */
}

a.navmenu:visited
{
	text-decoration: none; font-weight: bold; color: #000000 !important;	/* For Firefox... mark as important, otherwise it becomes black */
}

a.footer:hover
{
	text-decoration: none; font-weight: normal; color: #FFFFFF !important;	/* For Firefox... mark as important, otherwise it becomes black */
}


a.navmenu:hover
{
	text-decoration: none; font-weight: bold; color: #fff0dc !important;	/* For Firefox... mark as important, otherwise it becomes black */
}

a.footer:active
{
	text-decoration: none; font-weight: normal; color: #FFFFFF !important;	/* For Firefox... mark as important, otherwise it becomes black */
}

a.navmenu:active
{
	text-decoration: none; font-weight: bold; color: #000000 !important;	/* For Firefox... mark as important, otherwise it becomes black */
}

.Bold
{
	font-weight: bold;
}


.NormalText
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: small;
	color: #000000;
}


.PageHeader
{
	font-weight: bold;
	font-size: medium;  /* font-size: 18px */
	color: #cc0000;
}

.PageHeaderBlack
{
	font-weight: bold;
	font-size: medium;  /* font-size: 18px */
	color: #000000;
}

.SubHeading
{
	font-weight: bold;
	font-size: small;  /* font-size: 14px */
	color: #cc0000;
}

.SubHeadingBlack
{
	font-weight: bold;
	font-size: small;  /* font-size: 14px */
	color: #000000;
}


.LargeText
{
	font-weight: bold;
	font-size: Large;
	color: #CC0000;
}


.LargeTextBlack
{
	font-weight: bold;
	font-size: Large;
	color: #000000;
}


.Title
{
	font-weight: bold;
	font-size: medium;  /* font-size: 18px */
	color: #cc0000;
}

hr.g {border: none 0;    /* hr.g is not used anymore.  Does not display correctly if FireFox */
	border-top: 4px double #800000 solid;
	width: 96%;
	height: 3px;
	  /* margin: 2px auto 0 0; */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
	
hr.FooterHorizonalRule /* Not used anymore.  Does not display correctly in FireFox */
{ color:#000000; background: #000000; border: 0; Height:3px; width: 78%; text-align: center! important; margin: 0px auto; padding: 0px;}
/*  { color:#000000; background: #000000; border: 0; Height:3px; width: 78%; text-align: center! important; margin: 0px auto; padding: 0px; margin: 0px 150px 0px 150px;}  */
	/* Note about hr color: IE uses the "color" and FireFox uses the "background" color */	
	
/* Handle HR tag in both IE and FF 
div.hr { margin: 0px auto; padding: 2px; border: none; border-top: 2px solid #000000; width: 78%; text-align: center;}
div.hr hr { display: none; }
*/
h1 { color: #000080; }
h2 { color: #000080; }

h3 { color: #000080;}
h4 { color: #000080;}



/*
h1 { font-family: arial; font-size: 32px; color: #BD5208; }
h2 { font-family: arial; font-size: 24px; color: #BD5208; }

h3 {color: red; font:normal medium arial;}
h4 {color: black; font:normal small arial;}

mk { font-family: Garamond, "Times New Roman", serif; font-size: 200%; }

mk1 {color: #000000;
	font-size: 12pt;
	font-family; Arial, Verdana
	font-weight: bold
}
*/


#button {
	width: 7em;
	border-right: 1px solid #000000;
	padding: 0 0 0em 0;
	margin-bottom: 0em;
	font-family: Arial;
	font-size: 11pt;
	color: #333;
	}
 

	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #000000;
		border-top: 1px solid #000000;
		margin: 0;
		}


	#button li a {
		display: block;
		padding: 8px 3px 8px 0.5em;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		background-color: #E8E8E8;  /* Button background color */
		color: #000000;  
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		background-color: #800000;
		/* color: #ffffff; */
		}




#wrapper { 
 margin: 0 auto;
 width: 779px;
}

#faux {
 background: url(images/background1.png);
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#header {
 color: #333;
 padding: 10px;
 height: 0px;  /* Height of Header area */
 margin: 0px 0px 0px 0px;  /* top, right, bottom, left */
 background: #D1DBDB;
}

#navigation {
 color: #000000;  /* Text Color */
 height: 45px;
 padding: 0px;
 margin: 0px 0px 0px 0px;  /* top, right, bottom, left */
 background: #8B7E66;
}


#leftcolumn { 
 display: inline;
 color: #333;  /* Text color */
 margin: 10px 0px 0px 10px;  /* top, right, bottom, left */
 padding: 0px;
 width: 138px;
 float: left;
}

#content { 
 float: left;
 color: #000000;  /* Text color */
 margin: 10px 0px 0px 14px;  /* top, right, bottom, left */
 padding: 0px;
 width: 460px;
 display: inline;
 position: relative;
}

#rightcolumn { 
 display: inline;
 position: relative;
 color: #000000;  /* Text color */
 margin: 10px 0px 0px 10px;  /* top, right, bottom, left */
 padding: 0px;
 width: 138px;
 float: right;
}

#verticalspace {
 /* This was added to add vertical space after the navigation area - IE and FireFox use diff vert space */
 clear: both;
 color: #000000;
 /* background: #8B7E66; */  /* use for solid background versus image */
 
background-image: url('images/background1.png');
 
 height: 12px;  /* Add vertical space */
 width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 position: relative;
 
}


#footerimage_css {
 width: 100%;
 
 clear: both;
 color: #000000; /*Text Color if applicable */
 
 /* Use color or image */
 background: #989898;
 height: 40px;
   
 background-image: 
 url('images/footerimage2.png');

 background-repeat: no-repeat; 
 background-position: 
 center center;

 margin: 0px 0px 0px 0px;
 padding: 0px;
}




#footer_css { 
 clear: both;
 color: #000000;  /* Color of non-link text in footer */
 text-align: center! important;
 font-weight: bold;
 font-size: 16px;
 /* font-size: normal; */
 /* background: #081434; */
 background: #8B7E66;
 height: 65px;
 width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 
   
}



#copyright_css { 
 height: 18px;
 width: 100%;
 clear: both;
 color: #000000;
 /* background: #004489; */
 /* background: #989898; */
 background: #9F9784;
 
 margin: 0px 0px 0px 0px;
 padding: 0px;
 font-family:Arial;
 font-size: 14px;
 text-align: center;
  
}

/* Table Font-Tables do not inherit fonts */
td { 
  font-weight: normal;
  font-size: medium;
  color: #000000;
 
}

.clear { clear: both; background: none; }