/* CSS Document */



/* ===== general HTML elements ====== */

body {
position: static;
margin: 0;
padding: 0;
font: 12px Verdana, sans-serif;
color: #000;
}

td, th, p, li, dd, dt, ul, li {
font: 12px normal Verdana, sans-serif;
word-spacing: 0.1em;
}

td {
	vertical-align: top;
}

p {
margin: 0.5em 0 0.6em 0;
line-height: 1.4em;
}


a:link, a:visited, a:hover {
color: #006699;
text-decoration: none;
}

a:hover {text-decoration: underline;
}

h1 {
font: bold 125% Verdana, sans-serif;
color: #666;
letter-spacing: 0.2em;
margin-top: 1.5em;
margin-bottom: 1em;
border-bottom: 2px solid #ccc;
}

h2 {
font: bold 115% Verdana, sans-serif;
letter-spacing: 0.1em;
color: #666;
padding-bottom: 0.2em;
border-bottom: 2px dotted #e9e9e9;
display: block;
}

h2 a:link, h2 a:visited {
text-decoration: none;
color: #666;
}

h2 a:hover {
background-color: #fff;
text-decoration: none;
color:  #006699;
}


h3 {
font: bold 100% Verdana, sans-serif;
color: #000;
}

/*====Form elements======*/

form 
{padding-top: 10px;
vertical-align: middle;
margin: 0;
margin-bottom: 2em;
width: 100%;
}

fieldset
{border: 1px solid #ccc;
color: #ecbd00 !important;
/* pevious color was #ecbd00  */
font: bold 100% Verdana, sans-serif;

}

label {
	font: bold 100% Verdana, Geneva, sans-serif;
	color: #666;
	padding-left: 1em;
}

input, textarea, select {
border: 1px solid #ccc;
border-left: 1px solid #666;
border-top: 1px solid #666;
}

input.text, textarea.text {
	width: 350px;
	background-color: #fdec99;
}

select.text {
background-color: #fdec99;
}

#search input.text {
width: 200px;
}

input.button {
	background-color: #ffcc00;
	font: bold 100% Verdana, sans-serif;
	color: #666;
	margin-left: 1em;
	margin-bottom: 1em;
}

form p{
clear: left;
margin:0;
padding: 0;
padding-top: 5px;
}

form p label {
float: left;
width: 25%;
font: bold 90% Verdana, sans-serif;
}

/*====Regular List========*/
	ul {
	margin: 0;
	padding-bottom: 0.6em;
	list-style: url(../images/bullet.gif);
			}
	li {
	margin: 0.5em 0 0.6em 1.3em;
	padding-left: 6px;
	}
			
			
	li.link {
		list-style: url(../images/arrow.gif);
	}
	
	li.paper{
	list-style: url(../images/whitePaper.gif);
	}
	
	ul.important {
padding: 0;
padding-left: 2em;
margin-bottom: 0.5em;
list-style: url(../images/arrowOrange.gif);
}
			
ul.important li {
padding-bottom: 0.4 em;
font-weight: bold;
color: #999;
}
	
/* ===== Page areas ====== */
#all {
position: absolute;
min-height: 100%;
top: 0px;
left: 0px;
height: 100%;

}

html, body, #all {
min-height: 100%;
width: 100%;
height: 100%;
background-color: #fff;
}

html>body, html>body #all {
height: auto;
}

#header {
height: 131px;
padding: 0;
margin: 0;
border-bottom: 1px solid #ffcc00;
background: url(../images/grayGradientTop.jpg) repeat-x; }

#content {
margin: 0 250px 20px 181px;
padding: 0.5em; 
padding-left: 2em;
padding-right: 1em;
font-size: 90%;
}

#content2 {
min-height: 470px;
margin: 0 181px 20px 181px;
padding: 0.5em; 
padding-left: 2em;
padding-right: 1em;
min-width: 500px;
font-size: 90%;
}

#leftNav {
position: absolute;
width: 180px;
height: 100%;
top: 132px;
left: 0px;
min-height: 600px;
}
 
 #contentRight {
position: absolute;
width: 240px;
top: 145px;
right: 10px;
}

 #contentRightFlash {
position: absolute;
width: 240px;
top: 145px;
right: 10px;
}

/* ==========================================================
====================== Header ====== */

.logo {
float: left;
}

.tagLine {
float: right;
font: normal 18px Tahoma, Times, serif;
color: #999;
margin-right: 10px;
margin-top: 95px; 
}

.bigFont {
font: bold 30px small-caps Tahoma, Times, serif;
color: #ecbd00;
}

.mediumFont {
font: 20px Tahoma, Times, serif;
color: #999;
}

#search {
display: none;
position: absolute;
top: 0px;
right: 10px;
background-color: transparent;
height: 1em;
text-align: right;
}

#search input.text {
width: 200px;
}

#search input.button {
margin-bottom: 0;
}

/* =========================================
 ============ Center  ====== */

.intro {
font-weight: bold;
color: #666;
} 



/* Hides from IE5-mac \*/
* html .content {height: 1%;}
/* End hide from IE5-mac */

.floatLeft {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.floatRight{
float: right;
margin-left: 10px;
}

.floatClear {
clear: both;
}
/*=====Tabs=====*/

#tabs {
float: left;
font-size: 90%;
min-width: 544px;
}

#tabs ul {
margin:0;
padding:10px 10px 0;
list-style:none;
  }

#tabs li {
float:left;
background:url(../images/tabdarkL.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
  }

#tabs a {
float:left;
display:block;
background:url(../images/tabdarkR.gif) no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color: #666 important!;
 }
 
#tabs li a{
color: #666;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */

#tabs a:hover {
color:#fff;
display: block;
}

#tabs #current {
background-image:url(../images/tabLightL.gif);
}

#tabs #current a {
background-image:url(../images/tabLightR.gif);
color:#666;
padding-bottom:5px;
}
  
  
  /*===Content under Tabs======*/
  
  /* Hides from IE5-mac \*/
* html #tabContent {height: 1%;}
/* End hide from IE5-mac */

#tabContent
{
border: 2px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
margin-top: -1px;
min-width: 544px;
padding: 6px;
padding-left: 10px;
padding-top: 10px;
background: #fff url(../images/GrayGradient.gif) repeat-x;
}


/*=============Table=============*/

.dataTable {
border: 1px solid #999;
border-collapse: collapse;
}

.dataTable td {
border: 1px solid #e9e9e9;
padding: 4px;
}

.dataTable th {
border: 1px solid #ccc;
border-bottom: 2px solid #ffcc00;
background-color: #999;
font-weight: bold;
text-align: left;
color: #fff;
padding: 2px 4px 2px 4px;
}

.dataTable caption {
text-align: left;
font: bold 100% Verdana, sans-serif;
color: #000;
}

.dataTable tr:hover, .dataTable tr.hilite 
{
background-color: #f4f4f4;
}

.dataTable tr.sub
{background-color: #e9e9e9;
}

.dataTable tr.sub td 
{
padding: 2px 4px 2px 4px;
font-weight: bold;
}

	
/* ==============================================================
============================================ Content on right side ====== */

dl {
width: 240px;
margin: 0;
margin-left: 4px;
padding-bottom: 1em;
background: #e9e9e9;
}

dt {
margin-bottom: 10px;
padding: 4px;
font:  bold 100% Verdana, sans-serif;
color: #fff;
border-bottom: 1px solid #fff;
background: #999 url(../images/roundCornerTop.gif) no-repeat top left;
}

dd {
margin: 2px;
margin-left: 0.8em;
padding: 0 0.5em 0.5em 15px;
font: 97% normal Verdana, sans-serif;
background: url(../images/bullet.gif) no-repeat 0px 3px;
}
		
dd.noBullet {
padding-left: 0px;
background: none;
}
		
dd.link {
background: url(../images/arrow.gif) no-repeat 0px 3px;
}
		
	
.subHeader {
color: #666;
font-weight: bold;
padding-left: 0px;
margin-top: 1em;
margin-bottom: 0.8em;
background: none;
}

/* ===== Footer ====== */

#footer {background-color: #999;
bottom: 0;
left: 0;
width: 100%;
border-top: 2px solid #ffcc00;
padding: 0;
margin: 0;
}

#footer a {
color: #fff;
}
#footer a:hover {
color: #ffcc00;

}

#footer p {
text-align: right;
padding: 3px 6px 3px 6px;
margin: 0;
color: #fff;
font: bold 90% Verdana, sans-serif;
}


.greyText {
font: Verdana, Geneva, sans-serif;
font-weight: normal;
color: #666;
}