body  {
	background-color: #003366;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin: 0;
}

a img {
	border: none;
}




#container {
	background-image: url(../images/body-bg.png);
	background-repeat: repeat-y;
	width: 980px;
	position: absolute;
	top: 328px;
	left: 50%;
	margin-left: -490px;
	padding-left: 32px;
	padding-right: 32px;

}



#header {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -500px;
	z-index: 1;
}



#topbar {
	position: absolute;
	top: 109px;
	left: 50%;
	margin-left: -468px;
	width: 937px;
	height: 219px;
	background-image: url(../images/topbar.png);
	background-repeat: no-repeat;
}

#topbar a {
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -115px;
}

table tr td.adSide {
	background-color: #cccccc;
	width: 189px;
	max-width: 189px;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 1px;
	border-style: solid;
	border-color: #000000;
}

table tr td.mains {
	background: #FFFFFF;
	position: relative;
	width: 726px;
	background-color: #ffffff;
	background-image: url(../images/mainBG.png);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

 #sidebar {
	width: 189px;
	max-width: 189px;
}



.go-button {
	background: #3E9EB9; /* Sets the background color of the go button to a medium blue.  */
	color: #fff; /* Sets the GO text to white. */
	border: 1px solid #fff; /* Places a white, 1 pixel, solid border around the GO button. */
	margin-left: 5px; /* Adds a 5 pixel left margin so that there is space between the GO button and the text field to its left. */
}

.searchwidth {
	width: 125px; /* Sets the width of the textfield to 125 pixels so that there is room for a GO button next to it. */
	border: 1px solid #333; /* Places a solid, 1 pixel, dark gray border around the search input element. */
	background: #ECECEC; /* Places a light gray background color on the text field. */
}



#mainContent {
	position: relative;
	width: 726px;
}

#mainContent p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
}

#mainContent h1 {
	color: #003366;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin-left: 10px;
	margin-right: 10px;
}

#mainContent h3 {
	color: #126634;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#nav2 {
	background: #999999;
	color: #FFFFFF;
	width: 916px;
	height: 24px;
	padding-top: 5px;
	font-size: 12px;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#nav2 a {
	font-size: 12px;
	text-decoration: none;
	color: #003366;
	margin: 0px;
}

#nav2 a:hover {
	font-size: 12px;
	text-decoration: underline;
	color: #003399;
	margin: 0px;
}

#footer {
	width: 916px;
	height: 40px;
	background-color: #000000;
	color: #FFFFFF;

}

#footer p {
	font-size: 10pt;
	margin: 0px;
	padding-top: 3px;
}

div.tick {
	max-width: 915px;
	z-index: 0;
}

div#topSignup {

	background-image: url(../images/sign-up-bluebg.jpg);
	background-repeat: no-repeat;
}

#sidebar div#nav {
	max-width: 189px;
	margin: 0px;
	border-bottom: 3px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-color: #333333;
	border-style: solid;
}

#sidebar div.navHd {
	background-image: url(../images/navHD.jpg);
	background-repeat: repeat-x;
	width: 189px;
	height: 38px;
}

#sidebar div#nav div.navBtn {
	width: 189px;
	height: 31px;
	background-image: url(../images/navBG.jpg);
	background-repeat: repeat-x;
}

#sidebar div#nav div.navBtn img {
	margin-right: 5px;
}

#sidebar div#nav div.navBtn a {
	color: #003366;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#sidebar div#nav div.navBtn a:hover {
	color: #0066cc;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

#sidebar div#nav div.navBtn p {
	margin: 0px;
	padding-left: 15px;
	padding-top: 7px;
}

#sidebar div.navHd p {
	margin: 0px;
	padding-top: 6px;
	color: #FFFFFF;
	font-weight: bold;
}

#stockgraphSkin {
	width: 400px;
	background: #003366;
	margin-bottom: 15px;
}

#stockgraphSkin h3 {
	color: #ffffff;
	padding: 3px;
}

#stockGraph {
	width: 400px;
	text-align: center;
	background-color: #cccccc;
	color: #003366;
	font-size: 12px;
}

#stockGraph h3 {
	color: #FFFFFF;
	font-size: 14px;
}


#stockGraph tr td {
	border: 1px;
	border-style: solid;
	border-color: #003366;
	background-image: url(../images/graphBG.jpg);
	background-repeat: repeat-x;
}

#sidegraphSkin {
	width: 170px;
	background: #336633;
	margin: 10px;
	color: #336633;
	font-size: 10px;
}

#sidegraphSkin p {
	color: #ffffff;
	margin: 0px;
}

#sideGraph {
	width: 170px;
	max-width: 170px;
	font-size: 10px;
	text-align: center;
}

#sideGraph tr td {
	width: 56px;
	border: 1px;
	border-style: solid;
	border-color: #003366;
	background-image: url(../images/graphBG.jpg);
	background-repeat: repeat-x;
}

#ironBrand {
	position: absolute;
	top: -21px;
	left: 50%;
	z-index: 1;
}

#linkBox {
	background: #ebebeb;
	color: #333333;
	width: 600px;
	height: 130px;
	border: 1px;
	border-color: #003366;
	border-style: solid;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#linkBox h3 {
	color: #33cc33;
	font-size: 18px;
}

#linkBox a {
	font-size: 14px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}

#linkBox a:hover {
	font-size: 14px;
	color: #0099ff;
	text-decoration: underline;
	font-weight: bold;
}

/* CLASSES FOR ALIGNING ELEMENTS LEFT AND RIGHT IN A DIV -------- */
/* --------------------------------------------------------- */

.left-element {
	position: absolute; /* Takes the element out of the flow and sets it at precise coordinates in relation to the footer div. */
	left: 20px; /* Moves the left element 20 pixels from the edge of the layout. */
	width: 50%; /* Makes the left element half the width of the footer region. */
   }

.right-element {
	position: absolute; /* Takes the element out of the flow and sets it at precise coordinates in relation to the footer div. */
	right: 30px; /* Moves the right element 30 pixels from the right edge of the layout. */
	width: 50%; /* Makes the left element half the width of the footer region. */
	text-align: right; /* Aligns the right-element text to the right of the footer. */
   }

#footer .right-element a {
	color: #333; /* Sets the color of the back to top link to gray. */
	text-decoration: none; /* Removes the default underline from the link. */
}

/* CLASSES FOR IMAGES AND CLEARING FLOATS -------- */
/* --------------------------------------------------------- */

.fltrt {
	float: right; /* Generic class to use for floating images to the right. */
	margin-left: 8px; /* Adds 8 pixels of space on the left side of the image so that the text doesn't touch it. */
}
.fltlft {
	float: left; /* Generic class to use for floating images to the left. */
	margin-right: 8px; /* Adds 8 pixels of space on the right side of the image so that the text doesn't touch it. */
}

clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel.*/
	line-height: 0; /* Sets line-height to 0 -font and line-height; even if not explicitly on the page, they might add dimension to the clearing element rather than make it larely invisible */
	clear: both; /* Keeps floated divs from draping over objects beneath them. */
	height: 0; /* Makes sure the clearing element has no height */
}