/****************************************** 

This file contains all front-end CSS for version 1 of the site.

******************************************/

html {}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}


input[type=text], input[type=password], select, textarea {
	border: 1px solid #c7b299;
	padding: 3px;
	vertical-align: middle;
	}

.right {text-align:right;}

#inputSearch input {
	width:500px;
	}

.inputWidth1 input {
	width:100px;
	}


.formInput {
	width: 254px;
	height: 18px;
	padding: 2px 0px 0px 4px;
	margin: 2px;
	font-size: 1em;
	}

.formInputShort {
    width: 53px;
    height: 18px;
    padding: 2px 0px 0px 4px;
    font-size: 1.0em;
    border: 1px solid #B9D3EB;
	}

.formInputBox {
    padding: 0px 0px 0px 0px;
    margin: 0px 8px 0px 0px;
    font-size: 1.0em;
	}

.formSelect {
	width: 260px;
	font-size: 1em;
	border: 1px solid #bae6f3;
	}

.formSelectShort {
	height: 20px;
	font-size: 1em;
	border: 1px solid #B9D3EB;
	width: 50px;
	}

.formSelectShort2 {
	height: 20px;
	font-size: 1em;
	border: 1px solid #B9D3EB;
	width: 70px;
	}





/********************* Global ***************************/
html {
}
body {
	font: 12px/15px Arial,Geneva,Helvetica,sans-serif;
	background-color:#120703;
}
input {padding:1px 2px;vertical-align:middle;} /* border: 1px solid #ebebeb; border-top: 1px solid #b1b1b1; border-left: 1px solid #b1b1b1; */

body#body-popup{background-color:#FFFFFF;}

a {
	text-decoration:none;
	color:#669900;
}
a:hover {text-decoration:underline;}
a:visited {
	color:#000000;
}


div.clear {clear:both;}

h1, h2, h3, h4, h5, h6 {margin:0 0 9px 0; border-collapse:separate;line-height:120%;font-weight:bold;}

h1 {font-size: 26px; color: #000000;}
h2 { font-size: 22px;color: #2c3740;}
h3 { font-size: 18px;}
h4 { font-size: 14px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}
strong {font-weight:bold;}
em {font-style:italic;}
p {padding: 0 0 14px 0; line-height:18px;}
.error {color:red;}
.warning {color:orange;}



/***************** FRAMES ***************************/
div#wrapper {
	margin: 3px auto 10px auto;
	text-align:left;
	width:880px;
	background-color:#FFFFFF;
	}

div#header div.masthead {
	padding: 10px 0 20px 0;
	}
div#header div.masthead div.logo {width:229px;float:left;margin: 25px 0 15px 20px;}
div#header div.masthead div.utilities {
	width: 300px;
	float:right;
	text-align:right;
	padding: 0 20px;
	}
div#header div.masthead div.utilities ul {float:right;color:#a89a6f;}
div#header div.masthead div.utilities li {float:left;margin-left: 6px; padding-left: 6px;border-left: 1px solid #a89a6f;}
div#header div.masthead div.utilities li.first {border:0;margin:0;padding:0;}
div#header div.masthead div.utilities li a {color: #a89a6f;}
div#header div.masthead div.utilities div.contact {
	clear:both;
	padding-top: 25px;
	font-size: 11px;
	color: #000000
	}
div#header div.masthead div.utilities div.contact p {
	font-size: 18px;
	color: #333333;
	padding-bottom:3px;
}



/* Menu */
div#header div.nav {
	width:840px;
	margin: 12px auto 1px auto;
	}
div#header div.nav li {float:left;text-align:center;}
div#header div.nav li a {display:block;}

div#header div.nav ul.tabs {
	background-color:#E5E3CE;
	height:25px;
	}

div#header div.nav ul.tabs li.tab, div#header div.nav ul.tabs li.tab-alt {
	font-size: 12px;
	height:25px;
	width:166px;
	border-right: 2px solid #ffffff;
	}
div#header div.nav ul.tabs li.tab-alt {background-color: #E5E3CE;}
div#header div.nav ul.tabs li.last {border-right: 0;width:167px;}
div#header div.nav ul.tabs li a {color: #4e3939;height:20px;padding-top:5px;}
div#header div.nav ul.tabs li a:hover {
	background-color:#E3E1B8;
	color: #000000 !important;
	}
div#header div.nav ul.tabs li.tab-alt a {color: #303134;height:20px;padding-top:5px;}
div#header div.nav ul.tabs li.tab-alt a:hover {background-color:#E3E1B8;color: #000000 !important;}
div#header div.nav ul.tabs li.selected {
	background-color:#c0a818;
	}
div#header div.nav ul.tabs li.selected a {
	background-color:#999900;
	color:#FFFFFF !important;
	}
div#header div.nav ul.tabs li.selected-alt {background-color:#c0a818;}
div#header div.nav ul.tabs li.selected-alt a {background-color:#c0a818;color:#ffffff !important;}

/*
#header .nav div.subtabs {background-color: #e5f1fd;height:20px;width:780px; margin: 1px auto 9px !important; padding: 0 20px;}
#header .nav div.subtabs-alt {background-color: #e5f1fd !important;}
#header .nav ul.subtabs {}
#header .nav ul.subtabs li {height: 10px;border-right: 1px solid #303134;margin: 4px 12px 0 0;padding-right:12px;}
#header .nav ul.subtabs li.last {border-right: 0;margin-right:0;padding-right:0;}
#header .nav ul.subtabs li a {color:#303134;font-size: 11px; line-height:11px;display:block;}
#header .nav ul.subtabs li a:hover {color:#8A2C2C;}
*/


/* Content */
div#content {padding: 0 20px;text-align: left; height: 450px; overflow:visible;}
div#frame-popup div#content {margin:0px 12px;clear:both;}


/* IE treats 'height' as 'min-height' if overflow:visible, but it ignores CSS2 "child selector" syntax, 
   so IE will respect the first instruction below and ignore the second.  Other browsers will respect both,
   and so the right thing will happen for all browsers--a min-height will be set, and the div will grow and
   push down all content below it if the content demands it */

html > body > div#wrapper > div#content { height:auto; min-height: 450px; } 
html > body > div#wrapper-popup > div#content { height:auto; min-height: 450px; } 


/* Home */
div#content div.headBannerHome {
	background: url(../images/header_home.png) no-repeat 0px 0px;
	width:840px;
	height:234px;
	margin-top:2px;
	border-top:1px solid #dfdbdb;
	border-bottom:2px solid #dfdbdb;
	}
div.feature div.featuretextcontainerHome {
	padding:10px 0 0 17px;
	float: left;
	width:520px;
	}

div.feature div.callingTabs {
	height:35px;
	width:450px;
	}



	


div#content div.callouts {margin-top:10px;}
div#content div.colFirst {
	width: 277px;
	float:left;
	text-align:left;
	padding: 4px 0 0 0;
	}
div#content div.colMid {
	width:277px;
	float:left;
	border-right: 2px dotted #cccccc;
	border-left: 2px dotted #cccccc;
	padding: 4px 0 0 0;
	}
	
div#content div.colLast {
	width: 279px;
	float:right;
	text-align:left;
	padding: 4px 0 0 0;
	}


/* Entrepreneurship */

div#content div.headBannerEntrepreneurship {
	background: url(../images/header_entrepreneurship.png) no-repeat 0px 0px;
	width:840px;
	height:206px;
	margin-top:2px;
	border-top:1px solid #dfdbdb;
	border-bottom:2px solid #dfdbdb;
	}
div#content div.headBannerEntrepreneurship div.feature div.featuretextcontainer {
	padding:50px 0 0 130px;
	float: left;
	}


/* Marketing */

div#content div.headBannerMarketing {
	background: url(../images/header_marketing.png) no-repeat 0px 0px;
	width:840px;
	height:206px;
	margin-top:2px;
	border-top:1px solid #dfdbdb;
	border-bottom:2px solid #dfdbdb;
	}
div#content div.headBannerMarketing div.feature div.featuretextcontainer {
	padding:50px 0 0 180px;
	float: left;
	}


/* Investing */
div#content div.headBannerInvesting {
	background: url(../images/header_investing.png) no-repeat 0px 0px;
	width:840px;
	height:206px;
	margin-top:2px;
	border-top:1px solid #dfdbdb;
	border-bottom:2px solid #dfdbdb;
	}
div#content div.headBannerInvesting div.feature div.featuretextcontainer {
	padding:50px 0 0 50px;
	float: left;
	}


/* Mentorship */
div#content div.headBannerMentorship {
	background: url(../images/header_mentorship.png) no-repeat 0px 0px;
	width:840px;
	height:206px;
	margin-top:2px;
	border-top:1px solid #dfdbdb;
	border-bottom:2px solid #dfdbdb;
	}
div#content div.headBannerMentorship div.feature div.featuretextcontainer {
	padding:50px 0 0 130px;
	float: left;
	}
	
	

/* Footer */
div#footer {
	background-color:#999900;
	color:#333333;
	height:51px;
	margin: 9px 0 1px 0;
	padding:0 20px;
	text-align:left;
} 
div#footer div.links {float:left; margin-top: 9px; }
div#footer div.forward {float:right;}
div#footer div.links a {display:block;float:left;margin:0 12px 6px 0;padding-right:12px;border-right:1px solid #4e3939;font-size:11px;line-height:14px;color:#333333;}
div#footer div.links a.last {border:0;}
div#footer div.links div.linkgroup {clear:both;}
div#footer div.links div.primary {}
div#footer div.links div.secondary a {font-size:11px;}
div#footer div.footerbadge {float:right;margin-top:9px;}

div#footer div.copyRight {
	float:right;
	margin: 30px 0 0 0;
	font-size:11px;
}

div#framefooter {
	background-color: #2f1e1e;
	color: #4e3939;
	padding: 9px 20px 18px 20px;
	text-align:left;
}
div#stagelandingfooter {margin: 9px auto 0 auto;width:880px;padding-bottom:18px;color:#56768b;}
div#framefooter div.badges, div#stagelandingfooter div.badges {float:left;}
div#framefooter div.copyright, div#stagelandingfooter div.copyright {float:right;}
div#copyright-popup {clear:both; text-align:right; font-size:10px;margin: 6px 12px;}


/* Order */


.orderform {
	width: 600px;
	border: 4px;
	border-style: solid;
	border-color: #FFE9BB;
	margin: 0 auto;
	padding: 5px 15px;
	background-color: #ffffcc;
	text-align: center;
	}

.orderform li {
	list-style:disc;
	margin-left: 50px;
	}	
	
.borderTop {
	border-top: 1px solid #D0D0D0;
	}
	

.title-td {
    text-align:left;
    padding: 1px 1px 1px 1px;
    margin:2px 2px 2px 2px;
    border-bottom: 1px solid #D0D0D0;
    background-color: #F0F0F0;
	font-weight:bold;
	}

.title-td-right {
	font-weight:bold;
	text-align:right;
	padding: 5px 8px 5px 0px;
	margin:0 0 10px 0;
	border-right: 1px solid #D0D0D0;
	background-color: #F0F0F0;
	}

.title-td-left {
	font-weight:bold;
	text-align:left;
	padding: 5px 3px 5px 8px;
	margin:0 0 10px 0;
	background-color: #F0F0F0;
	border-right: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	}

.title-td-main {
    font-weight:bold;
	text-align:left;
    padding: 0 3px 15px 8px;
    margin:0 0 10px 0;
    background-color: #F0F0F0;
    border-right: 1px solid #D0D0D0;
    border-left: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
	}

.cart-td-right {
	text-align:right;
	padding: 3px 3px 3px 8px;
	margin:0 0 10px 0;
	border-right: 1px solid #F0F0F0;
	}

.cart-td-left {
	text-align:left;
	padding: 3px 3px 3px 8px;
	margin:0 0 10px 0;
	border-right: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
	}

.cart-top {
    border-top: 1px solid #F0F0F0;
	text-align:right;
	}

.right-td {
    text-align:left;
    padding: 0 3px 15px 8px;
    margin:0 0 10px 0;
	}

.title {
    text-align:left;
    border-right: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
	}

.formInput {
	width: 254px;
	height: 18px;
	padding: 2px 0px 0px 4px;
	font-size: 1em;
	border: 1px solid #cccccc;
	margin-left:8px;
	}

.formInputShort {
    width: 53px;
    height: 18px;
    padding: 2px 0px 0px 4px;
    font-size: 1.0em;
    border: 1px solid #cccccc;
	margin-left:8px;
	}

.formInputBox {
    padding: 0px 0px 0px 0px;
    margin: 0px 8px 0px 0px;
    font-size: 1.0em;
	}

.formSelect {
	width: 260px;
	font-size: 1em;
	border: 1px solid #cccccc;
	margin-left:8px;
	}

.formSelectShort {
	height: 20px;
	font-size: 1em;
	border: 1px solid #cccccc;
	width: 50px;
	margin-left:8px;
	}

.formSelectShort2 {
	height: 20px;
	font-size: 1em;
	border: 1px solid #cccccc;
	width: 70px;
	margin-left:8px;
	}
	
#guaranteeseal {
	background: transparent url(/images/guaranteeseal.jpg) no-repeat 20px 20px;
	height:145px;
	width:127px;
	}