/*
	Global Stylesheet for www.hfmarket.org
	Created 8.12.2009
	By Jay Pilgreen
	copyright River City Studio
*/



	/* ------------------------- Global Declarations ---------------------------------- */
	
* {
	margin: 0px auto;
}

body {
	background-color: #fff;
	font-family: "Arial", sans-serif;
	font-size: 11px;
/* 	padding-stop: 5px; */
	padding-bottom: 10px;
}

a {
	text-decoration: none;
	outline: none;
}

img {
	border: none;
}

#container {
	width: 953px;
	margin: 0px auto;
	position: relative;
	padding-bottom: 6px;
	background-color: #E9E9E9;
/* 	border-left: 2px solid #FAB500; */
}


	/* -------------------------- Right Column Declarations ------------------------------- */
	
#rail {
	float: right;
	width: 235px;
	position: relative;
/* 	background-color: #E5E5E5; */
}

#rail #socialLinks {
	background-color: #000;
	height: 56px;
	position: relative;
}

#rail #socialLinks p {
	position: absolute;
	right: 10px;
	bottom: 7px;
}	

#rail #socialLinks p img {
	margin-right: 10px;
}

#rail #socialLinks #havingTroubleLink {
	position: absolute;
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	position: absolute;
	left: 5px;
	top: 30px;
}

#rail #socialLinks #havingTroubleLink:hover {
	color: #FAB500;
}

#railContent {
	padding: 15px;
}

#rail img.center {
	display: block;
	margin: 0px auto;
}

#rail p.flashError {
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
}

#rail p.flashError a {
	color: blue;
	text-decoration: underline;
}

#rightNav {
	
}

#rightNav img {
	padding: 2px 0px;
	border-bottom: 3px dashed #FAB500;
	border-top: 3px dashed #FAB500;
	margin-top: 10px;
}

#rightNav p a {
	display: block;
	padding: 4px;
	background-color: #BDBCBC;
	font-family: "Times New Roman", "Times", serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

/*#rightNav p a:hover {
	background-color: #FAB500;
	color: #fff;
}*/

#rightNav p a.accordianReadMore {
	display: inline;
	padding: 0px;
	background-color: transparent;
	font-size: 11px;
	color: #333333;
	border-bottom: #F2B42C 1px solid;
}	

#twitterFeed {
	background-color: #fff;
	margin-top: 10px;
}

#twitterFeed p {
	padding: 6px;
	border-bottom: 2px dashed #FAB500;
	font-size: 10px;
}

#twitterFeed p a, #twitterFeed p b, #twitterFeed p strong {
	color: #FBBF16;
}



	/* ------------------------- Left Side Declarations --------------------------------- */
	
#left {
	margin-right: 235px;
	padding-top: 90px;
	background-image: url('/_img/headerBanner.jpg');
	background-repeat: no-repeat;
	border-left: 2px solid #FAB500;
/* 	background-color: #fff; */
}

/* ------------------------- In HEADER left Sub is the div used. To edit the Home page Use LEFT above 
			SUB PAGE HEADER--------------------------------- */
#leftSub {
	margin-right: 235px;
	padding-top: 90px;
	background-image: url('/_img/headerBannerSub.jpg');
	background-repeat: no-repeat;
	border-left: 2px solid #FAB500;
}


#sublink {
	width: 76px;
	height: 76px;
	position: absolute;
	top: 3px;
	right: 249px;
	/*border: #3333CC 2px solid; */
}

/* -------------------------*/

#content {
	background-color: #fff;
	border: 6px solid #F2B32C;
	border-top: none;
/* 	border-left-width: 2px; */
	border-left: none;
	position: relative;
}

	/* Ok, this rounded corner nav thing is apparently popular now, but I am going to try using a CSS property and for those browsers that don't have it they can deal with square boxes for now, as the rounded corner dynamic dash look ain't that great for any browsers anyway. I will test this heavily. */

#nav {
	margin-right: 40px;
	padding: 3px 25px;
	padding-top: 16px;
	margin-bottom: 10px;
	border-bottom: 3px dashed #FAB500;
}

#nav a {
/* 	padding: 4px 5px; */
	padding: 4px;
	font-family: "Helvetica Light", "Verdana", sans-serif;
	font-size: 12px;
	color: #333;
	border: 3px dashed #fff;
	border-bottom: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#nav a:hover, #nav a.active {
	border-color: #FAB500;
}

#tagline {
	height: 85px;
	padding: 10px 40px;
}

#tagline #logo {
	float: left;
}

#tagline h1 {
	margin-top: 40px;
/* 	margin-right: 120px; */
	margin-right: 30px;
	margin-left: 140px;
	text-align: center;
/* 	text-align: right; */
	font-family: "Times New Roman", "Times", serif;
	font-size: 21px;
}



	/* ----------------- Investement Table Declarations ----------------------------- */
	
#inv {
	width: 682px;
	margin: 0px auto;
/* 	margin-bottom: 30px; */
	margin-top: 20px;
	padding-bottom: 30px;
}

#invTop {
	background-image: url('/_img/tableBackerTop.jpg');
	background-repeat: no-repeat;
	height: 20px;
}

#invBottom {
	background-image: url('/_img/tableBackerBottom.jpg');
	background-repeat: no-repeat;
	height: 21px;
}

#invMid {
	background-image: url('/_img/tableBackerMid.jpg');
	background-repeat: no-repeat;
	background-color: #646162;
	min-height: 362px;
	height: auto !important;
	height: 362px;
}

#searchForm {
	width: 290px;
	float: right;
	margin-right: 15px;
}

#searchForm a {
	font-size: 10px;
	color: #666;
	border-bottom: 1px dashed #333;
}

#searchForm a:hover {
	color: #fff;
	/*border-color: #fff;*/
}

#searchForm input {
	width: 125px;
	padding: 2px;
	background-color: #E9E9E9;
	color: #333;
	/*border: 1px inset #333;*/
	font-size: 10px;
	margin-left: 7px;
	vertical-align: text-bottom;
}

#searchForm input.submit {
	background-color: #000;
	border: none;
	color: #FAB500;
	font-weight: bold;
	/*border-style: dashed;
	border-width: 1px;*/
/* 	width: 22px; */
	width: 29px;
	height: 25px;
	background-image: url('/_img/goButtonBacker.jpg');
	background-repeat: no-repeat;
	background-position: center;
	/*-moz-border-radius: 30px;
	-webkit-border-radius: 30px;*/
}

#searchForm input.submit:hover {
	background-color: #000;
	color: #fff;
/*	border-color: #fff;*/
	cursor: pointer;
}

#inv h2 {
	color: #fff;
	font-size: 23px;
	font-weight: normal;
	margin-left: 24px;
}

#invTableWrapper {
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#invTable {
	width: 650px;
	border: 2px solid #FAB500;
	border-bottom-width: 1px;
	margin: 0px auto;
	background-color: #FFFBF2;
	margin-top: 10px;
}

#invTable th, #invTable td {
	text-align: left;
	padding: 7px;
	border-bottom: 1px solid #FAB500;
	border-right: 1px dashed #252122;
	color: #333;
	font-size: 11px;
	line-height: 16px;
}

.cartTable th, .cartTable td {
	border: none !important;
}

#invTable td a {
	color: #000000;
	border-bottom: 1px solid #FDB129 ;
	font-weight: bold;
}

#invTable .opportunities {
	width: 200px;
}

#invTable .buttonCell {
	border-right: none;
	padding: 17px 7px;
}

#invTable td a.submitButton {
 	background-color: #0A0A0A; 
	border: 1px outset #0A0A0A;
	color: #fff; 
	padding: 2px 5px;
	font-weight: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 50px;
}

#invTable td a.submitButton:hover {
	background-color: #FAB500;
	border: 1px outset #FAB500;
	color: #000;
}

#invTable td a.invest {
	background-color: #FAB500;
	border: 1px outset #FAB500;
	color: #000;
	padding: 2px 5px;
	font-weight: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 50px;
}

#invTable td a.invest:hover {
	
}

	/* ------------------------- Secondary Content Declarations ------------------------ */
	
#secContent {
/*	background-image: url('/_img/secondaryDivider.gif');*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.noSecLine {
	background-image: none !important;
}

#secContent h1 {
	margin-top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
	padding-top: 20px;
	margin-bottom: 12px;
	margin-left: 40px;
}


#secContent h2 {
	margin-left: 40px;
	font-size: 22px;
	color: #FAB500;
	padding-top: 20px;
	margin-bottom: 12px;
}

#secContent h3 {
	margin-left: 40px;
	font-weight: bold;
	color: #000;
}

#secContent h2.news {
	margin-left: 40px;
	font-size: 17px;
	color: #FAB500;
	padding-top: 20px;
	margin-bottom: 12px;
}


#secContent p, #secContent ul, #secContent ol {
	margin: 8px 50px 8px 40px;
	font-size: 12px;
	line-height: 20px;
}

#secContent a {
	color: #333333;
	border-bottom: #F2B32C 1px solid;
}

#pageJumpNav {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 4px;
}

#secContent a.submitButton {
	background-color: #0A0A0A;
	border: 1px outset #0A0A0A;
	color: #fff;
	padding: 2px 5px;
	font-weight: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 50px;
}

#secContent a.submitButton:hover {
	background-color: #FAB500;
	border: 1px outset #FAB500;
	color: #000;
}


	/* --------------------------- Trouble Form Styles --------------------------------- */
	
#contactRight {
	width: 260px;
	float: right;
}	
	
.troubleForm {
	width: 300px;
	margin-left: 40px;
	margin-bottom: 15px;
}

.troubleForm p {
	margin: 5px 0px !important;
}	

.troubleForm p.leftAlign {
	text-align: left;
}

.troubleForm input {
	width: 150px;
	padding: 1px;
	border: 1px solid #111111;
	display: block;
	width: 300px;
}	

.troubleForm textarea {
	display: block;
	width: 260px;
	border: 1px solid #111111;
	padding: 1px;
	height: 140px;
	margin-left: 0px;
	width: 300px;
}

.troubleForm input.hidden {
	display: none;
}

.troubleForm input.submit {
	border-style: outset;
	-moz-border-radius: 4px;
	width: auto;
	background-color: #FAB500;
	color: #000000;
	margin-left: 0px;
}

.troubleForm input.submit:hover {
	cursor: pointer;
}

	/* --------------------------- Footer Declarations --------------------------------- */
	
#footer {
	width: 75%;
	height: 52px;
	margin: 0px auto;
	margin-top: 6px;
	padding-top: 9px;
/* 	padding-bottom: 5px; */
	background-image: url('/_img/littleLogo.jpg');
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#littleLogoLink {
	height: 52px;
	position: absolute;
	/*border: #FFFFFF 1px solid;*/
	left: 115px;
	width: 50px;
}

/*-----this link is for the footer two logo----*/
#littleLogoLink2 {
	height: 52px;
	position: absolute;
	/*border: #FFFFFF 1px solid;*/
	left: 135px;
	bottom: 0px;
	width: 50px;
}

#footer2 {
	clear: right;
}

/* #footerLogo { */
/* 	float: left; */
/* } */


#footer p {
	margin-left: 55px;
	color: #fff;
	font-size: 10px;
	line-height: normal;
	margin: 0px 0px 0px 55px;
}

#footer p a, #footer p span {
	color: #fff;
	padding: 2px 0px;
	padding-right: 4px;
	text-decoration: none;
	border-bottom: none;
}

#footer p a:hover, #footer2 p a:hover {
	color: #FAB500;
}




#footer2 {
	width: 70%;
	margin: 0px auto;
	margin-top: 6px;
	padding-top: 7px;
	padding-bottom: 5px;
	background-image: url('/_img/littleLogoB.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#footer2 p {
	margin-left: 55px;
	color: #000;
	font-size: 10px;
}

#footer2 p a, #footer2 p span {
	color: #000;
	padding: 2px 0px;
	padding-right: 4px;
}

#blackFooterBar {
	height: 20px;
	background-color: #000;
	width: 953px;
	margin: 0px auto;
}


/* ------------------- Accordian Function ---------------------------- */

#initialShow {
	display: block;
	overflow: hidden;
}

.initialHide {
	display: none;
	overflow: hidden;
}


	/* ------------------- Additional Styles ----------------------------- */
	
	
.focusForm {
	margin-top: 6px;
}

.focusForm input {
	width: 150px;
	border: 1px solid #333;
	padding: 1px;
	margin-left: 6px;
}

.focusForm input.submit {
	width: auto;
	background-color: #0A0A0A;
	border: 1px outset #0A0A0A;
	color: #fff;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 11px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	position: relative;
	top: -2px;
}


.red {
	color: red;
	padding-left: 100px;
	padding-top: 25px;
}

/* ------------------ Styles for the Portfolio pages ----------------- */

#portfolio {
}

#portfolio th {
	text-align: left;
}

#portfolio td {
	padding-bottom: 4px;
}

#portfolio h2 {
	font-size: 16px;
	margin-left: 65px;
}

#portfolio2 h2 {
	font-size: 16px;
	margin-left: 65px;
}

#paymentForm {
	margin-left: 10px;
}

#paymentForm td {
	padding-bottom: 4px;
}

#paymentForm p.req {
	margin-left: 32px;
}

#reviewAddressTable h2 {
	margin-left: -4px;	
}
	/* ------------------ Styles for the Opportunity pages ----------------- */
	
.opportunity {
	float: right;
	width: 350px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.opportunity div {
	background-color: #FFFBF2;
	border: 2px solid #FAB500;
	padding: 5px 10px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.opportunity p {
	margin: 4px 5px !important;
	padding: 0px !important;
}

.opportunity h3 {
	padding-left: 0px;
	text-align: center;	
	font-size: 16px;
	margin: 6px 15px !important;
	padding-bottom: 3px;
	border-bottom: 2px dashed #FAB500;
}

.opportunity table {
	width: 100%;
}

.opportunity td, .opportunity th {
	text-align: left;
	vertical-align: top;
	padding: 4px;
}

.opportunity table.details th {
	width: 35%;
}

.opportunity table.budget th, .opportunity table.budget td {
	border-bottom: 1px dashed #FAB500;
}

#copyright {
	text-align:right;
}