.foo {} /* W3C validator does not like css files to start with comments */

/* @charset "utf-8"; Not sure about the sytax validity of this */

/* CSS Document */
/**********************
This CSS does not load into the editor.  
This file should be used to define all styles used by the website that the 
developer would not want to expose to the user of the content editor such as styles used 
for shared templates etc.
***********************/

/**********************
Layout
***********************/

html, body 
{
	width: 100%;
	height: 100%;
	background-color: #979690;
	text-align: center;
	margin: 0px;
	padding: 0px;
	/* the scrollbar styles ONLY work in IE5.5+, this is a MS extension and not supported by other browsers */
  scrollbar-base-color: #FFF;
  scrollbar-arrow-color: #FFF;
  scrollbar-darkshadow-color: #FFF;
  scrollbar-face-color: #E2E0D4;
  scrollbar-highlight-color: #E2E0D4;
  scrollbar-shadow-color: #E2E0D4;
  scrollbar-track-color: #FFF;
}
#PrintLogo
{
  display:none;
}
DIV.clear
{
  clear: both;
}

#ContainerPage 
{
  width: 900px;
  margin: auto;
  margin-top: 1px;
  text-align: left;
  border: none;
}

#WrapperTopNav 
{
  background-color: #E9D3A2;
  min-height: 20px;
  height: auto !important;
  height: 20px;
  width: 900px;
  padding-top: 4px;
  float: left;
}
#WrapperHeaderImage 
{
  min-height: 92px;
  height: auto !important;
  height: 92px;
  width: 900px;
  background-color: #dfe1ce;
  border-bottom: solid 1px #999;
  float: left;
}
#WrapperHeaderImage img,
#WrapperPortalLinks img,
#ContentRight img
{
  display: block;
}


#WrapperMainNav 
{
  position: relative;
  background-color: #E9D3A2;
  height: 25px;
  width: 900px;
  border-bottom: none;
  margin: 0;
  padding: 0;
}

#WrapperSubNav 
{
  background-color: #FFF;
  height: 27px;
  width: 900px;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
}
#WrapperContent 
{
  background-color: #E9d3a2;
  width: 900px;
}
#WrapperBottomNav
{
  width: 100%;
  min-height: 24px;
  height: auto !important;
  height: 24px;
  float: left;
  padding-top: 10px;
  background-color: #DFE1CE;
}
#WrapperFooter
{
  width: 100%;
  padding-top: 10px;
  background-color: #DFE1CE;
}
#WrapperMedia
{
  background: #979690 url(/resources/design/child/bg_media.jpg) no-repeat;
  min-height: 284px;
}
#Consultants_ADVDoc
{
  float: left;
  width: 25%;
}

#BottomNav 
{
  float: right;
  margin-right: 2px;
  font-size: 10px;
  width: 50%;
}


/**********************
Sub-Layout classes
***********************/

.WelcomeMessage
{
  float: left;
  text-indent: 15px;
  width: 38%;
  font-size: 10px;
}
.TopNav
{
  float: right;
  width: 58%;
  margin-right: 2px;
  font-size: 10px;
  text-align: right;
}
.RotatingImage
{
  width: 400px;
  float: left;
}
.HomeLink 
{
  width: 160px;
  float: right;
}
.MainNav
{
  position: absolute;
  top: 0px;
  left: 20px;
}
.Footer 
{
  width: 850px;
  margin-left: 25px;
  font-size: 10px;
  line-height: 12px;
}
.Page_Heading
{
  margin-top: 10px;
  margin-bottom: 10px;
}
.Heading_Three_Levels
{
  padding-bottom: 3px;
}

/**********************
Classes
***********************/


TD.Search
{ 
  /*background-image: url(/resources/design/child/bg_search.png);
  background-repeat: no-repeat;*/
  height: 31px;
  vertical-align:middle;
}
Div.Supporting_Documents
{
  padding-left: 5px;
  clear: left;
  margin-bottom: 4px;
  padding-bottom: 4px;
  /*border-bottom: solid 1px #FFF;*/
  vertical-align: bottom;
    
}
Div.Supporting_Documents .Img
{
  padding-right: 5px;
  float: left;
}
Div.Supporting_Documents .Link
{
  padding-bottom: 2px;
  float: left;
}

/**********************
Links
***********************/
a.Welcome:link, a.Welcome:visited, a.Welcome:active, a.Welcome:hover
{
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

a.Download_Link:link, a.Download_Link:visited
{
  padding-bottom: 3px;
  text-decoration: none;
  color: #333;
}
a.Download_Link:hover, a.Download_Link:active
{
  padding-bottom: 3px;
  text-decoration: underline;
  color: #979690;
}

a.Form_ADV:link, a.Form_ADV:visited
{
  text-decoration: none;
  color: #5B6E7B;
}
a.Form_ADV:hover, a.Form_ADV:active
{
  text-decoration: underline;
}



/**********************
Lists
***********************/
UL LI UL LI 
{
  list-style-image: url(/resources/design/child/list-dash.gif);
  list-style-type: square;
}

.TopNav ul, #BottomNav ul 
{
  float: right;
  margin: 0px;
  padding: 0px;
}
.TopNav ul li, #BottomNav ul li 
{
  display: inline;
  padding-left: 6px;
  padding-right: 6px;
  border-right: solid 1px #333;
}
#BottomNav ul li 
{
  border-right: solid 1px #5B6E7B;
}
.TopNav ul li.last, #BottomNav ul li.last
{
  border-right: none;
}
.TopNav ul li a:link, .TopNav ul li a:visited
{
  color: #333;
  text-decoration: none;
}
.TopNav ul li a:hover, .TopNav ul li a:active
{
  text-decoration: underline;
}
#BottomNav ul li a:link, #BottomNav ul li a:visited
{
  color: #5B6E7B;
  text-decoration: none;
}
#BottomNav ul li a:hover, #BottomNav ul li a:active
{
  text-decoration: underline;
}

/**********************
Primary Colors
***********************/
.WarmGray11 { color: #72634D } /* Primary color for gradients in top nav bar */
.MediumWarmGray { color: #979690 } /* Page Background color and section headers in 2nd level right hand navs and as most html & graphic lines */
.LightCoolGray { color: #DBDCD6 } /* Content page background gradiations and nd level right nav bg color */
.LightWarmGray { color: #E2E0D4 } /* Color for top and main nav bar, acct access and media navigation backgrounds */

/**********************
Secondary Colors
***********************/
.DarkRed { color: #660A09 } /* link colors in main nav, link in page content and arrows/rollovers */
.DarBlueGray { color: #2E3C40 } /* page headlines and subheads and 2nd level right hand nav links */
.MediumCoolGray { color: #525759 } /* some html graphic lines, accents */
.DarkGray { color: #333 } /* color for html body text */

/**********************
Elements
***********************/
Input.SearchBox
{
  font-size: 11px;
  color: #333;
  height: 14px;
  width: 80px;
}
div.WrapperSearchBox
{
  float: left;
  width: 80px;
  padding-top: 4px;
  padding-left: 2px;
}
div.WrapperSearchButton
{
  float: left;
  padding-left: 6px;
  padding-top: 2px;
  width: 21px;
  height: 31px;
}
  
.Button
{
  font-weight:bold;
  color: #333;
  background-color: #ABABAB;
  border: sloped 1px #4B4B4B;
  height: 20px;
  font-size: 11px;
}
.SearchButton
{
  font-weight:bold;
  color: #333;
  background-color: #979690;
  border: sloped 1px #979690;
  height: 20px;
  font-size: 12px;
  cursor: hand;
}
.Form_Label
{
  font-weight: bold;
  width: 100px;
  
}  
.InFront{
  float: left;
  padding: 2px 5px 5px 0px;
}
.Right{
  float: left;
  text-align:right;
}
.Form_Item{
  padding: 0px 0px 5px 0px;
}
.TextBox{
  font-size: 11px;
  color: #333;
  height: 18px;
  background-color: #E2E0D4;
  border: solid 1px #5D6B6F;
  padding: 0px 0px 0px 0px;
  /* width: 85px; --Allow each width to be set individually */
}