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

body, p, td {
	font: normal 11px arial;}

/* Defines the body tag */
body {
	background: url(images/bg.gif) top right repeat;
	margin: 0; /* Always set margins to 0. Some browsers automatically apply them. */
	padding: 0; /* Always apply padding if you apply margins */
}

div {
	margin: 0;
	padding: 0;}

/* Redefines the p tag */
p { }

/* GENERAL H1 TAG */
h1 {
	font-size: 14px;
}

/* GENERAL H2 TAG */
h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;}

img {
	border: 0;}

/* Creates the general link style for the site. This is not the main navigation.  */
a {
	text-decoration: underline;
	font-weight: bold;}
a:visited {
	text-decoration: none;}
a:hover {
	text-decoration: none;}
a:active {
	text-decoration: none;}

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

/* Styles the div that serves as the container for the content and navigation.*/
div#container {
	border: 1px solid #000;
	margin: 0px auto;
	padding: 0px;
  	width: 770px;
  	background: #fff;
	text-align: left;
	position: relative;}

/* Creates DIV container for header. Setting the left and right margins to auto will center DIV. */
div#header {
	clear: both;
	position: relative;
	width: 770px; 
	height: 133px; 
	margin: 0px;
	padding: 0px;
	background: url(images/bg_header.gif) top left repeat-x;
}

/* Creates DIV container for body. Setting the left and right margins to auto will center DIV. */
div#textarea {display: block; text-align: center; padding: 30px; width: 500px;}

div#body {
	margin: 0px 0px 0px 150px;
	padding: 0px;
}

#content {
	margin: 0px;
	padding: 0px;
	background: none;}

	#content h1 {
		color: #000;
		font-size: 16px;
		line-height: 25px;
		background: none;
		text-align: left;
		text-weight: normal;
		padding: 0px;
		margin: 30px 30px 5px 30px;
		border-bottom: 1px solid #000;}
	#content h2 {
		font-size: 14px;
		font-weight: bold;
		color: #E27120;
		margin: 30px 30px 5px 30px;
		padding: 0px;}
	#content h3 {
		font-size: 12px;
		line-height: 16px;
		color: #000;
		font-weight: normal;
		margin: 0px 30px;
		padding: 0px;
		background: none;}
	#content h4 {
		color: #000;
		font-size: 16px;
		line-height: 25px;
		background: none;
		text-align: left;
		text-weight: normal;
		padding: 0px;
		margin: 30px 30px 5px 30px;
		border-bottom: 1px solid #000;}
	#content p {
		font-size: 12px;
		line-height: 24px;
		color: #333;
		font-weight: normal;
		padding: 0px 30px;
		background: none;}
		#content a {
			text-decoration: underline;
			color: #E27120;}
		#content a:hover {
			text-decoration: none;
			color: #E27120;}
			
table#supply {
		margin: 0px 30px;
		background: none;}
table#supply td.list{
		text-align: left;
		vertical-align: top;
		padding: 5px;
		border-collapse:;}
	
	table#supply td.list p{
		font-size: 12px;
		line-height: 18px;
		color: #333;
		font-weight: normal;
		margin: 0 0 10px 0;
		padding: 0px;}	
		
	
.info {
	position: absolute;
	top: 19px;
	right: 5px;
	font: 10px;
	color: #fff;
	text-align: right;
	}

/* ----------------- MAIN NAVIGATION ----------------- */
/* Creates the container for the navbar and centers it.*/ 
div#navcontainer {
	float: left;
	width: 150px;
	padding: 0px;
	margin: 0px;
	background: #000;
}
/* Removes any default margins or padding applied to lists. Floats the list to the left, which incorporates the child elements (i.e. the links) and provides a full-length background color that extends past the links.*/
ul#mainnav {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#mainnav li {
	display: inline; 
	list-style: none;
}

ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
	display: block;
	width: 135px;
	border-bottom: dotted 1px #000;
	border-left: solid 6px #666;
	padding: 7px 0px 7px 8px;

}

ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav a.current:visited {
	border-left: solid 6px #E27120;
	border-bottom: dotted 1px #666;
	color: #fff;
}





/* ----------------- IMAGE ELEMENTS ----------------- */

img.left {
	float: left;
	margin: 0px 10px 5px 0px;
	border: 1px solid #000;
}
img.right {
	float: right;
	margin: 0 10px 5px 10px;
	border: 1px solid #000;
}
img.center {
	text-align:center;
	margin-left: auto;
    margin-right: auto;
    padding:0px;
}
object.left {
	float: left;
	margin: 0px 10px 0 0;
	border: 1px solid #000;
}
clear {
	clear: both;
}

/* ---------------------------- FOOTER ----------------------------  */
/* Creates the div container for the footer. */
div#footer {
margin: 10px auto;
width: 770px;
clear: both;}

div#footer p{
color: #000; 
font: 9px Verdana, Arial, Helvetica, sans-serif;
text-align:center;}

div#footer a:link, a:visited, a:active {color: #000;}

div#footer a:hover {color: #E27120;}

div#copyright {font-size: 9px;}

/* ----------------- CUSTOM CLASSES ----------------- */