/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */

 

body {
          background: url(IMAGES/bg.gif);
          margin: 0px; /* Always set margins to 0. Some browsers automatically apply them. */
          padding: 0px; /* Always apply padding if you apply margins */
          text-align: center; /* Equivalent to <center> tag for older IE browsers. Remove if you do not want to center page. */
}

 
/* This sets a default font for all of our tag selectors. We set the text align back to left so it won't center (based on the body tag to compensate for IE.) */

 

p, h1, h2, h3, h4, h5, ul, li, lo, td {
        font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: left; /* Not necessary if not using text-align center in body tag for older IE browsers. */

}

/* Redefines the p tag */

p{ 	color: #666666;
		font-size: 12px;
		margin: 15px;
		line-height: 20px;}
.address{ font-size: 10px;
	color: #666666;
	font-weight: normal;
	padding: 0px 0px 0px 4px;
	background-color: #cccccc;}	


h1 {font-size: 12px;
    line-height: normal;
	text-transform: uppercase;
	color: #FFCC33;
	font-weight: bold;
	margin: 10px;
	padding: 5px;
	background-color: #ffffff;}

h2 {font-size: 16px;	
	color: #666666;
	margin: 10px;
	padding: 5px;
	border: 0px;
	background-color: #ffffff;}
	
h3 {font-size: 10px;
	color: #666666;
	font-weight: normal;
	padding: 0px 0px 0px 4px;
	background-color: #cccccc;}	

/* Creates the general link style for the site. This is not the main navigation.  */

a:link { 
	color: #333333;
	text-decoration: underline;}

a:visited { 
	color: #333333;
	text-decoration: underline;}

a:hover { 
	color: #666666;
	text-decoration: underline;}

a:active { 
	color: #333333;
	text-decoration: underline;}

/* ----------------- MAIN NAVIGATION ----------------- */

/* Apply the ul#mainnav style to our entire <ul>.*/

/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
ul#mainnav {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 179px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

/* Removes the default bullets. */
ul#mainnav li {
	display: inline; /* Redefined here only to remove stray padding. */
	list-style: none;
	}

/* Styles our links. Setting the display to block ensur s our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 179;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0px 5px 0px;
	text-indent:10px;
}
/* Creates our hover!status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav a.current:visited {
	background: #FCCD35;
	color:#000000;
}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

 

/*Collapses borders that some browsers automatically apply to tables. */

table, td, th  { border-collapse: collapse;}

 

/* Creates DIV container for header. Setting the left and right marghns to auto will center DIV. */

div#header { margin-right: auto;
			 margin-left: auto;}

 
/* Styles the table that serves as the container for the content and navigation.*/

table#container {width: 770px;
				 margin-left: auto;
				 border: 1px none #666666;
				 margin-right: auto;
				 padding: 0px;
				 background-color:FFFFFF
				}

 
/* Aligns content in the tableContainer's td tags to the top. Same as <td valign="top">. */

table#container td {vertical-align: top;}

/* Creates the div container for the footer. */

div#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #666666;
	text-decoration: none;}

div#copyright a:link {
	color: #666666;
	text-decoration: underline;}

div#copyright a:hover{
	color: #999999;
	text-decoration: underline;}

div#utility {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 9px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;}

div#utility a {
	font-weight: bold;	
	padding: 1px;	
	font-size: 9px;
	color: #ffffff;
	text-decoration: underline;}

div#utility a:hover{
	color: #A8C6E0;
	text-decoration: underline;}
/* ----------------- IMAGE ELEMENTS ----------------- */

img.left {float: left;}

img.right {float: right;
		   margin: 10px;}
 
/* ----------------- CUSTOM CLASSES ----------------- */