﻿/*---------------------------------------------------------------------------*/
/*-------------------------------Navigation--------------------------------------*/
/*---------------------------------------------------------------------------*/

#navigation {
	height: 44px;
}
#navigation .learntouse {
	float: left;
	height: 44px;
}
#navigation .learntouse a {
	display: block;
	text-indent: -99999px;
	width: 190px;
	height: 44px;
	background: url(images/bt_learntouse.gif) right top no-repeat;
}
#navigation #mainNav1 {
	float: right;
	width: 770px;
	height: 44px;
	background: url(images/mainNav1_Bg.gif) right top no-repeat;
}
#navigation #mainNav1_Alone {
	float: right;
	width: 770px;
	height: 44px;
	background: url(images/mainNav1_Bg.gif) right top no-repeat;
}
.mainNav1_Home {
	float: left;
	padding: 14px 10px 0 55px;
}
.mainNav1_Home a {
	display: block;
	text-indent: -99999px;
	width: 70px;
	height: 20px;
	background: url(images/mainNav1_Home_Off.gif) right top no-repeat;
}
.mainNav1_Browse {
	float: left;
	padding: 14px 10px 0 10px;
}
.mainNav1_Browse a {
	display: block;
	text-indent: -99999px;
	width: 81px;
	height: 20px;
	background: url(images/mainNav1_Browse_Off.gif) right top no-repeat;
}
.mainNav1_Search {
	float: left;
	padding: 14px 10px 0 10px;
}
.mainNav1_Search a {
	display: block;
	text-indent: -99999px;
	width: 77px;
	height: 20px;
	background: url(images/mainNav1_Search_Off.gif) right top no-repeat;
}
.mainNav1_ResourceGuides {
	float: left;
	padding: 14px 10px 0 10px;
}
.mainNav1_ResourceGuides a {
	display: block;
	text-indent: -99999px;
	width: 133px;
	height: 20px;
	background: url(images/mainNav1_ResourceGuides_Off.gif) right top no-repeat;
}
.mainNav1_UserToolkit {
	float: left;
	padding: 14px 10px 0 10px;
}
.mainNav1_UserToolkit a {
	display: block;
	text-indent: -99999px;
	width: 104px;
	height: 20px;
	background: url(images/mainNav1_UserToolkit_Off.gif) right top no-repeat;
}
.mainNav1_AboutUs {
	float: left;
	padding: 14px 10px 0 10px;
}
.mainNav1_AboutUs a {
	display: block;
	text-indent: -99999px;
	width: 89px;
	height: 20px;
	background: url(images/mainNav1_AboutUs_Off.gif) right top no-repeat;
}
.section_Home .mainNav1_Home a {
	background: url(images/mainNav1_Home_On.gif) right top no-repeat;
}
.section_Browse .mainNav1_Browse a {
	background: url(images/mainNav1_Browse_On.gif) right top no-repeat;
}
.section_Search .mainNav1_Search a {
	background: url(images/mainNav1_Search_On.gif) right top no-repeat;
}
.section_ResourceGuides .mainNav1_ResourceGuides a {
	background: url(images/mainNav1_ResourceGuides_On.gif) right top no-repeat;
}
.section_UserToolkit .mainNav1_UserToolkit a {
	background: url(images/mainNav1_UserToolkit_On.gif) right top no-repeat;
}
.section_AboutUs .mainNav1_AboutUs a {
	background: url(images/mainNav1_AboutUs_On.gif) right top no-repeat;
}


/*-------------------------------Menu and Search--------------------------------*/

#menuAndSearch
{
  margin: 0;
  padding: 0;
}
#menuTitle_AboutUs
{
  float: left;
  width: 190px;
  height: 48px;
  padding: 0;
  background: url(images/menu_AboutUs.gif) left top no-repeat;
}
#menuTitle_UserToolkit
{
  float: left;
  width: 190px;
  height: 48px;
  padding: 0;
  background: url(images/menu_UserToolkit.gif) left top no-repeat;
}
#menuTitle_ResourceGuides
{
  float: left;
  width: 190px;
  height: 48px;
  padding: 0;
  background: url(images/menu_ResourceGuides.gif) left top no-repeat;
}
#searchContainer
{
  float: right;
}
#sectionMenu 
{
  float: left;
  width: 190px;
  padding: 0; 
}
#sectionMenu #menuList 
{
  padding-left: 17px;
  background: url(images/menu_bg.gif) left top repeat-y;
}
#sectionMenu #menuBtm
{
  height : 12px;
  font-size: 1px;
  background: url(images/menuBgBtm_AboutUs.gif) left bottom no-repeat;
}
#sectionMenu #menuList ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#sectionMenu #menuList ul li {
  font-size: 0.85em;
  font-weight: bold;
  padding: 6px 0px 5px 1px;
  margin: 0px 0px 0px 0px;
  background: url(images/menuDivider_AboutUs.gif) no-repeat;
}       
        
#sectionMenu #menuList ul li a:link, #sectionMenu #menuList ul li a:visited {
  color: #8B280A;
  text-decoration: none;
}       
#sectionMenu #menuList ul li a:hover {
  color: #8B280A;
  text-decoration: underline;
}



/*---------------------------------------------------------------------------*/
/*-----------------------------Tab Content Style-----------------------------*/
/*---------------------------------------------------------------------------*/

.tabHeader {
  float: none;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-family: arial;
  line-height: normal;
  background: url("images/dot_gray.gif") bottom left repeat-x;
}

.noTab
{
	border-top: solid 1px #ccc;
}

.tabHeader ul, .tabHeader ul li {
  float:left;
  list-style-type:none;
  padding: 0px;
  margin: 0px;
}
.tabHeader ul li.tabHeaderTitleOff {
  display: block;
  margin: 0;
  padding:4px 15px 3px 15px;
  font-weight: bold;
  color: #666666;
  background: url("images/tabHeader_TitleOff.gif") top right no-repeat;
}
.tabHeader ul li.tabHeaderTitleOn {
  margin: 0;
  padding: 4px 15px 4px 15px;
  font-weight: bold;
  color: #333333;
  background: url("images/tabHeader_TitleOn.gif") top right no-repeat;
}
.tabHeader ul li.tabHeaderTitleOff a:link, .tabHeader ul li.tabHeaderTitleOff a:visited {
  color: #666666;
  text-decoration: none;
}
.tabHeader ul li.tabHeaderTitleOn a:link, .tabHeader ul li.tabHeaderTitleOn a:visited {
  color: #333333;
  text-decoration: none;
}
.tabHeader ul li.tabHeaderTitleOff a:hover {
  color: #333333;
  text-decoration: underline;
}
.tabHeader ul li.firstTab {
  border-left:1px solid #ccc;
}
.tabHeader ul li.tabHeaderMidRightOn {
  display: block;
  margin: 0;
  padding: 4px 0 4px 0;
  width: 19px;
  background: url("images/tabHeader_MidRightOn.gif") top left no-repeat;
}
.tabHeader ul li.tabHeaderMidLeftOn {
  display: block;
  margin: 0;
  padding: 4px 0 4px 0;
  width: 19px;
  background: url("images/tabHeader_MidLeftOn.gif") top left no-repeat;
}
.tabHeader ul li.tabHeaderMidOff {
  display: block;
  margin: 0;
  padding: 4px 0 3px 0;
  width: 19px;
  background: url("images/tabHeader_MidOff.gif") top left no-repeat;
}
.tabHeader ul li.tabHeaderRightOff {
  display: block;
  margin: 0;
  padding: 4px 0 3px 0;
  width: 20px;
  background: url("images/tabHeader_RightOff.gif") top left no-repeat;
}
.tabHeader ul li.tabHeaderRightOn {
  display: block;
  margin: 0;
  padding: 4px 0 4px 0;
  width: 20px;
  background: url("images/tabHeader_RightOn.gif") top left no-repeat;
}
.tabHeaderClear { display:none; }
.tabHeaderClear { display:inherit; clear:left; line-height:0; height:0 }
.tabContentArea {
  display:      block;
  width:        auto;
  margin:       auto;
  padding:      20px;
  text-align:   left;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #CCCCCC;
}

.tabContentArea h1  
{
  font-size: 1.6em;
  font-weight: normal;
  color: #047DC5;
  padding: 0;
  border: none;
  margin-bottom: .5em;
}
.tabContentArea h2
{
  font-size: 1.2em;
  color: #9CB225;
  padding: 0 0 8px 0;
}



/*-------------------------------Tabs------------------------------------*/

.rtsUL {
	width: 100%;
	background: url(images/tab_underline.gif) left bottom repeat-x;
}

#tabs
{
	position: relative;
}

#tabs #optionLinks
{
	position: absolute;
	top: 5px;
	right: 0;
	font-size: .85em;
}



/*---------------------------------------------------------------------------*/
/*-------------------------------Sidebar------------------------------------*/
/*---------------------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 190px;
	padding: 0;
	position: relative;
	z-index: 9999;
}
#home_side_head {
	height: 41px;
	width: 190px;
	background: url(images/main_home_head.gif) left top no-repeat;
}
#home_side_head input {
	position: absolute;
	height: 17px;
	width: 58px;
	top: 18px;
	left: 127px;
}
#UserToolkitBtm div {
	width: 190px;
}
#UserToolkitBtm div ul {
	width: 190px;
	border: none;
	background: url(images/main_home_bg_tan.gif) left top repeat-y;
}
#UserToolkitBtm div ul li {
	border-top: solid 1px #d1be96;
	margin-left: 15px;
	padding-right: 10px;
	border-right: none;
}
#UserToolkitBtm div ul li a {
	background: url(images/main_home_arrow.gif) center right no-repeat;
	padding:  5px 7px 5px 0px;
	border: none;
}
#UserToolkitBtm div ul li a span {
	color: #8b280a;
	font: bold 8pt arial;
	white-space:normal;
	padding-right: 0px;
}
#UserToolkitBtm div ul li ul {
	position: relative;
	left: 30px;
	background: none;
}
#UserToolkitBtm div ul li li {
	background-color: white;
	padding: 0;
	margin-left: 0;
}
#UserToolkitBtm div ul li li a {
	background: none;
	padding: 7px;
}
#home_side_maroon {
	background: url(images/home_side_maroon_bot.gif) left bottom repeat-y;
	color: #fbcb8e;
	font: normal .85em arial;
	padding: 10px;
	padding-left: 15px;
	padding-bottom: 15px;
}
#home_side_maroon h2 {
	display: inline;
	Float: left;
	margin-bottom: 0;
	padding-bottom: 0;
}
#home_side_maroon h2 a {
	color: White;
	font: bold 10pt arial;
}
#home_side_maroon p 
{
	clear: both;
	margin-bottom: 0px;
	padding-bottom: 3px;
}
#home_side_maroon input {
	height: 20px;
	width: 20px;
	margin-top: 5px;
	float: right;
}
#maroon_rule 
{
	color: #a75b45;
	background-color: #a75b45;
	height: 1px;
}
#home_side_maroon_bot {
	width: 190px;
	height: 12px;
	background: url(images/main_home_maroon.gif) right top no-repeat;
}
#homeLeftQuote {
	background: url(images/main_side_quote.gif) no-repeat 5px 5px;
	padding:  6px 20px 5px 35px;
	width: 134px;
	font: normal 8pt arial;
}
#homeLeftQuote span {
	font-weight: bold;
}
#homeLeftQuote a:link, #homeLeftQuote a:visited {
	color: #065FB1;
	text-decoration: none;
}
#homeLeftQuote a:hover {
	color: #065FB1;
	text-decoration: underline;
}


