/* ---------------------------------------------
Screen Stylesheet for http://www.librafoundation.com
Created: 08/21/08 MM, JDB / iBecCreative.com
Updated: 09-01-08 JDB, 09-19-08 JDB, 
-------------------------------------------------
::TOC::
	Resets
	Typography
	Links
	Forms
	Template
	Sections
	Navigation
	Other

--------------- ::Resets:: --------------------- */
body, form {
margin:0;
padding:0;
}
fieldset, table {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word;
}
caption, th, td {
text-align: left;
}
/* ---------- ::Typography:: ------------------- */
p, li {font:16px 'Times New Roman',Times,Serif}
table tr td p { margin:3px 0;padding:0;line-height:12px; }
/* ---------- ::Links:: ------------------------ */
a {
	text-decoration: none;
}

#left ul a:link, #left ul a:hover, #left ul a:active, #left ul a:visited {
	text-decoration: none;
}

#left ul a:hover, #left ul a:active {
	text-decoration: underline;
	color: inherit;
}

a img { border:none; }

/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
vertical-align:middle;
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:0 0.2em 0.2em;}
textarea {overflow:auto;}

/* ---------- ::Template:: --------------------- */
body {
	position:relative;
	margin:0 auto;
	width: 100%;
	min-height: 100%;
	height: 100%;
}

#levelOne {
	position: relative;
	width: 800px;
	min-height:750px;
	background-repeat: repeat-y;
	background-position: center;
	padding-right: 26px;
	padding-left: 18px;
	margin: auto;
}

#levelTwo {
	position: relative;
	width: 800px;
	min-height:750px; 
}

#container {
	position: relative;
	min-height:750px;
}

#header {
	position: relative;
	background-color: #FFFFFF;
	height: 100px;
}

#header h1, #header h2 {
	font-size:9px;
	text-indent:-99999em;
	margin: 0;
	padding:0;
}

#header .search {
	position: absolute;
	top: 10px;
	right: 15px;
	height: 13px;
	width: 158px;
	padding: 10px;
}

#header .search .input {
	position: relative;
	top:-1px;
	border: 0px;
	margin: 0px;
	width: 148px;
	text-align: right;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	background: none;
}

#left {
	position: relative;
	float: left;
	width: 192px;
	padding: 20px 0px 10px 0px;
	z-index:200;
}

#right {
	position: relative;
	float: right;
	width: 595px;
}

#right .container, #left .content {	min-height:900px;}

#right .header {
	margin-left: 12px;
	padding-left: 8px;
	margin-right: 32px;
	padding-top: 15px;
	padding-bottom: 6px;
	border-top: #98a197 1px solid;
}

#right .header h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: 0;
	padding:0;
}
#right h1, #right h2, #right h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	padding:0;
	margin:14px 0 0;
}
#right  h2 {font-size: 14px;}
#right  h3 {font-size: 12px;}
#right .container .top {
	height:19px;
	width:595px;
}

#right .container .content {
width:595px;
margin:-17px 0 0;
text-align: justify;
}
	#right .container .content .inner {/* to help IE6 */ padding: 0px 20px;}

#right .container .bottom {
position: relative;
clear:both;
top:19px;
margin:0;
height:19px;
width:595px;

}

#push {
padding-bottom:60px;
}

#footer {
	padding:5px 0 0;
	height:8px;
}

#footer p {
	font-size:11px;
	margin:0;
	padding:0;
}


#transIMG {
	margin:40px 0 40px 10px;
	display: block;
	text-indent: -9999px;
	height: 78px;
	width: 173px;
}

/* ---------- ::Sections:: --------------------- */

	/* ---- ::Libra Foundation:: -------- */
	
	body#lf {
		background-color: #728a6f;
	}
	
	#lf #levelOne {
		background: url(../images/lf.layout.center.back.gif);
	}
	
	#lf #levelTwo {
		background: url(../images/lf.layout.center.gradient.gif) top repeat-x fixed #c5cfc4;
	}
	
	#lf #container {
		background: url(../images/lf.layout.left.back.gif) left top repeat-y;
	}
	
	#lf #header {
		background: url(../images/lf.layout.header.gif) top center no-repeat;
	}
	
	#lf #header .search {
		background: url(../images/lf.search.back.gif) no-repeat center;
	}
	
	#lf #left {
		background: url(../images/lf.layout.left.top.gif) left top no-repeat;
	}
	
	#lf #right .container .top {
		background: url(../images/lf.layout.right.top.gif) top left no-repeat;
	}
	
	#lf #right .container .bottom {
		background: url(../images/lf.layout.right.bottom.gif) bottom left no-repeat;
	}
	
	#lf #right .container .content {
		background-color: #9fb49d;
	}
	
	#lf #transIMG {
		background: url(../images/LibraFutureFund.png) no-repeat 0 -78px;
	}
	
	#lf #transIMG:hover {
		background-position:0 0;
	}
	
	#lf a, #lf #left ul {
		color: #FFFFFF;
	}
	
	#lf a:hover, #lf #right .footer p, #lf #header .search .input {
		color: #3e4e3c;
	}
	
	#lf #left ul ul {
		color: #c6d9c3;
	}
	
	#lf #left ul ul ul {
		color: #8b998a;
	}
	
	#lf #left ul a:link, #lf #left ul a:hover, #lf #left ul a:active, #lf #left ul a:visited {
		color: #FFFFFF;
	}
	
	#lf #left ul ul a:link, #lf #left ul ul a:hover, #lf #left ul ul a:active, #lf #left ul ul a:visited {
		color: #C6D9C3;
	}
	
	#lf #left ul ul ul a:link, #lf #left ul ul ul a:hover, #lf #left ul ul ul a:active, #lf #left ul ul ul a:visited {
		color: #8B998A;
	}
	
	#lf #right .header h1 {
		color: #4e624b;
	}
	
	
	
	/* ---- ::Libra Future Fund:: -------- */
	
	body#lff {
		background-color: #371010;
	}
	
	#lff #levelOne {
		background: url(../images/lff.layout.center.back.gif);
	}
	
	#lff #levelTwo {
		background: url(../images/lff.layout.center.gradient.gif) top repeat-x fixed #CFC4C4;
	}
	
	#lff #container {
		background: url(../images/lff.layout.left.back.gif) left top repeat-y;
	}
	
	#lff #header {
		background: url(../images/lff.layout.header.gif) top center no-repeat;
	}
	
	#lff #header .search {
		background: url(../images/lff.search.back.gif) no-repeat center;
	}
	

	#lff #left {
		background: url(../images/lff.layout.left.top.gif) left top no-repeat;
	}
		
	#lff #right .container .top {
		background: url(../images/lff.layout.right.top.gif) top left no-repeat;
	}
	
	#lff #right .container .bottom {
		background: url(../images/lff.layout.right.bottom.gif) bottom left no-repeat;
	}
	
	#lff #right .container .content {
		background-color: #ccbbbb;
	}
	
	#lff #transIMG {
		background: url(../images/LibraFoundation.png) no-repeat 0 -78px;
	}
	
	#lff #transIMG:hover {
		background-position:0 0;
	}
	
	
	#lff #right a {
		color: #8a0000;
	}
	
	#lff a:hover, #lff #left ul ul ul, #lff #header .search .input {
		color: #371010;
	}
	
	#lff #left ul a:link, #lff #left ul a:hover, #lff #left ul a:active, #lff #left ul a:visited {
		color: #FFFFFF;
	}
	
	#lff #left ul ul a:link, #lff #left ul ul a:hover, #lff #left ul ul a:active, #lff #left ul ul a:visited {
		color: #CCCCCC;
	}
	
	#lff #left ul ul ul a:link, #lff #left ul ul ul a:hover, #lff #left ul ul ul a:active, #lff #left ul ul ul a:visited {
		color: #371010;
	}
	
	#lff #left ul {
		color: #FFFFFF;
	}
	
	#lff #left ul ul {
		color: #cccccc;
	}
	
	#lff #right .header h1, #lff #right .footer p  {
		color: #590000;
	}
	
/* ----------  ::Navigation:: ------------------ */
#left ul {
list-style: none;
padding: 0px;
margin: 0px;
}
#left ul ul {padding-left: 0px;}
#left ul ul ul {padding-left: 0px;}
#left li {font:14px/20px Arial, sans-serif;}
#left li li {font:13px/17px Arial, sans-serif;}
#left li li li {font:11px/14px Arial, sans-serif;}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 192px;
}
ul.menu a {
  display: block;
  text-decoration: none;	
}
ul.menu li {
  margin-top: 1px;
}
ul.menu li a {
  color: #fff;	
  padding: 0.5em;
}
ul.menu li a:hover {
  background: #728a6f;
  padding: 0.5em;
}
ul.menu li ul li a {
  font-size:11px;
  color: #728a6f;
  padding-left: 1em;
}
ul.menu li ul li a:hover {
  border-left: 5px #222b21 solid;
  padding-left: 0.5em;
}

ul.menu li ul li ul li a {
  color: #728a6f;
  padding-left: 2em;
}
ul.menu li ul li ul li a:hover {
  border-left: 5px #222b21 solid;
  padding-left: 2em;
}


/*  lff navigation differences */
#lff ul.menu li a:hover {
  background: #371010;
  padding: 0.5em;
}

#lff ul.menu li ul li a {
  font-size:11px;
  color: #371010;
  padding-left: 1em;
}

#lff ul.menu li ul li a:hover {
  
  border-left: 5px #240b0b solid;
  padding-left: 0.5em;
}

#lff ul.menu li ul li ul li a {
  color: #000;
  padding-left: 2em;
}
#lff ul.menu li ul li ul li a:hover {
  border-left: 5px #240b0b solid;
  padding-left: 2em;
}

#menu li {display:inline}

/* ---------- ::Other:: ------------------------ */