/*
Main: #003C18
Complementary: #B5AE84
Background: #EFE7DE
*/

html, body { font-family: 'Trebuchet MS' , Trebuchet, arial, sans-serif; height: 100%; min-height: 100%;
  voice-family: "\"}\""; voice-family: inherit; height: auto; }
body.Guest { background: #FFFFFF; }
div#GuestOuterContainer { background: #FFFFFF }
div#GuestInnerContainer { margin: 0 auto; width: 980px; }

h1 { clear: left; font-size: 25px; margin: 0 0 15px 0; color: #003C18; }
h1 span { font-weight: normal; font-size: 20px; }
h1.HomepageTitle { text-align: center; }
h2 { clear: left; font-size: 20px; margin: 15px 0 15px 0; }
h3 { clear: left; font-size: 18px; margin: 12px 0 12px 0; }
h4 { clear: left; font-size: 15px; margin: 10px 0 10px 0; font-weight: normal; }
.Title { margin-top: 0; }
.PageTitle { margin: 0; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: 4px; }
p { margin: 15px 0 15px 0; }
.Left { float: left; }
.Right { float: right; }
.Clear { clear: both; height: 0%; display: block; }
hr { clear: both; margin: 0; padding: 0; }
strong { font-weight: bold; }

#Table { font-size: 14px }
#Table th { background: #B5AE84 url("../images/table_header_background.gif") repeat-x bottom left; color: #000000; text-transform: uppercase; font-size: 12px; line-height: 12px; letter-spacing: 1px; padding: 7px 5px 5px 5px; font-weight: bold; }
#Table tr.OddRow { background: #ECECE1; }
#Table td { font-size: 13px; color: 404040; padding: 5px; }
#Table td small { font-size: 11px; color: #808080; }

.HeaderBackground { padding: 10px 0 0 0; background: #FFFFFF  }
.HeaderBackgroundGuest { padding: 0; background: #FFFFFF; }
#Header {}
#Header #HeaderLogoGuest { padding: 0; background: #FFFFFF }
#Header a.Logo { position: absolute; top: 6px; left: 6px; }
#Header .Utilities { font-size: 90%; padding: 0 10px 0 10px; margin: 0; }
#Header .Utilities a:link, #Header .Utilities a:visited { text-decoration: none; }
#Header .Utilities a:hover, #Header .Utilities a:active { color: #009E39; text-decoration: none; }

#Header .GuestNav { font-size: 100%; line-height: normal; padding: 0; margin: 0; }
#Header .GuestNav ul { margin: 0 10px 0 10px; padding: 0; list-style: none; }
#Header .GuestNav ul li { display: block; float: left; margin: 0 5px 0 0; padding: 0; border-bottom: 1px solid #faa40f; }
#Header .GuestNav ul li img { float: left; margin: 0 3px 0 -2px; }
#Header .GuestNav ul li.Right { display: block; float: right; margin: 0 0 0 5px; padding: 0; border-bottom: 1px solid #faa40f; }
#Header .GuestNav ul li a { float: left; background: url("../images/header/tab_left.gif") no-repeat left top; padding: 0 0 0 4px;
  text-decoration: none; }
#Header .GuestNav ul li a span { float: left; display: block; background: url("../images/header/tab_right.gif") no-repeat right top;padding: 4px 11px 2px 6px; color: #000000; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#Header .GuestNav ul li a span { float:none; }
/* End IE5-Mac hack */
#Header .GuestNav ul li a:hover span { color: #003C18; }
#Header .GuestNav ul li a:hover { background-position: 0% -50px; }
#Header .GuestNav ul li a:hover span { background-position: 100% -50px; }
#Header .GuestNav ul li.Current { border-bottom: 1px solid #FFFFFF; }
#Header .GuestNav ul li.Current a { background-position: 0% -50px; }
#Header .GuestNav ul li.Current a span { background-position: 100% -50px; }
#Header .GuestNav ul li#TabLogin { float: right; margin: 0; font-weight: bold; }

#Header .Nav { line-height: normal; padding: 0; margin: 0; }
#Header .Nav ul { margin: 0 0 0 106px; padding: 0; list-style: none; }
#Header .Nav ul li { display: block; float: left; margin: 0 5px 0 0; padding: 0; border-bottom: 1px solid #B5AE84; }
#Header .Nav ul li a { float: left; background: url("../images/header/tab_left.gif") no-repeat left top; padding: 0 0 0 4px;
  text-decoration: none; }
#Header .Nav ul li a span { float: left; display: block; background: url("../images/header/tab_right.gif") no-repeat right top;
  padding: 4px 11px 2px 6px; color: #000000; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#Header .Nav ul li a span { float:none; }
/* End IE5-Mac hack */
#Header .Nav ul li a:hover span { color: #003C18; }
#Header .Nav ul li a:hover { background-position: 0% -50px; }
#Header .Nav ul li a:hover span { background-position: 100% -50px; }
#Header .Nav ul li.Current { border-bottom: 1px solid #FFFFFF; }
#Header .Nav ul li.Current a { background-position: 0% -50px; }
#Header .Nav ul li.Current a span { background-position: 100% -50px; }

#SubNav { background: #FFFFFF url("../images/subnav/background.gif") repeat-x left bottom; }
#SubNav .Tabs { clear: both; line-height: normal; padding: 5px 10px 5px 121px; }
#SubNav .Tabs ul { list-style: none; }
#SubNav .Tabs ul li { display: inline; margin: 0 15px 0 0; padding: 0; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; line-height: 10px; }
#SubNav .Tabs ul li a:link, #SubNav .Tabs ul li a:visited { color: #A59E63; text-decoration: none; }
#SubNav .Tabs ul li a:hover, #SubNav .Tabs ul li a:active { color: #006D29; text-decoration: none; }
#SubNav .Tabs ul li.Current a { color: #006D29; }
#SubNav .View { padding: 5px 10px 5px 10px; float: right; font-size: 12px; color: #404040; }
#SubNav .View label { font-size: 11px; color: #808080; margin: 0 0 0 5px; }
#SubNav .View a:link, #SubNav .View a:visited { color: #006D29; text-decoration: none; }
#SubNav .View a:hover, #SubNav .View a:active { color: #009E39; text-decoration: none; }

#Footer { background: #FFFFFF url("../images/footer_background.gif") repeat-x left top; clear: both; font-size: 90%; padding: 10px; }
#GuestInnerContainer #Footer { background: none; }
#Footer p { margin: 0; }
#Footer a:link, #Footer a:visited { color: #006D29; text-decoration: none; }
#Footer a:hover, #Footer a:active { color: #009E39; text-decoration: none; }

#Footer .Legal { float: right; }
#Footer .Nav { margin-bottom: 10px; }

#GuestInnerContainer #Content { border: 1px solid #faa40f; border-top:  1px solid #faa40f; }
#Content { margin: 0; padding: 25px; background: #FFFFFF; }
#Content .MarginTop { margin: 15px 0 0 0; }
#Content .MarginRight { margin: 0 15px 0 0; }
#Content .MarginBottom { margin: 0 0 15px 0; }
#Content .MarginBottomRight { margin: 0 15px 15px 0; }

#Content a:link, #Content a:visited { color: #006D29; text-decoration: none; }
#Content a:hover, #Content a:active { color: #009E39; text-decoration: none; }

#Content #BrowseModules {}
#Content #BrowseModules .Modules {}
#Content #BrowseModules .Modules ul { list-style-type: none; }
#Content #BrowseModules .Modules li { padding: 7px 10px 5px 10px; border-right: 1px solid #FFFFFF; background: #C6C7A5 url("../images/FFFFFF.gif") repeat-x top left; border-bottom: 1px solid #B5AE84; }
#Content #BrowseModules .Modules ul li a:link, #Content #BrowseModules .Modules a:visited { color: #003C18; text-decoration: none; }
#Content #BrowseModules .Modules ul li a:hover, #Content #BrowseModules .Modules a:active { color: #006D29; text-decoration: none; }
#Content #BrowseModules .Modules ul li:hover { background: url("../images/FFFFFF.gif") repeat-x top left; border-bottom: 1px solid #B5AE84; background: #C6C7A5; }
#Content #BrowseModules .Modules ul li.Current { border-right: 1px solid #D9DAC3; background: #D9DAC3 url("../images/FFFFFF.gif") repeat-x top left; border-bottom: 1px solid #C6C7A5; }
#Content #BrowseModules .Attributes { background: #D9DAC3 url("../images/FFFFFF.gif") repeat-x top left; border-bottom: 1px solid #C6C7A5; padding: 15px; }
#Content #ModuleAttributes { width: 30%; display: block; float: left; padding: 0; margin: 0 15px 15px 0; }
#Content #ModuleAttributes h4 { margin-top: 0; }
#Content #ModuleAttributes ul { margin: 0; padding: 0; }
#Content #ModuleAttributes ul li { font-size: 12px; float: left; display: block; width: 125px; color: #404040; list-style: url(none) none; padding: 1px 0 1px 0; }

#Content .ContainerMain { padding: 0 20px 0 0; }
#Content .ContainerSidebar { }

#Content #QuickSearch { margin: 0 0 15px; 0; }

#Content #ActionNegative { text-align:left; width: 200px; padding: 5px; border: 1px solid #A5616B; background: #C09198; font-size: 15px; font-weight: bold; }
#Content #ActionNegative:hover { border: 1px solid #B5868C; background: #D3B6B9; }
#Content #ActionNegative a { color: #FFFFFF; text-decoration: none; }
#Content #ActionNegative a:hover { color: #B5868C; text-decoration: none; }

#Content #ActionPositive { text-align:left; width: 200px; padding: 5px; border: 1px solid #8CA663; background: #B0C193; font-size: 15px; font-weight: bold; }
#Content #ActionPositive:hover { border: 1px solid #A5B684; background: #C9D2B4; }
#Content #ActionPositive a { color: #FFFFFF; text-decoration: none; }
#Content #ActionPositive a:hover { color: #8CA663; text-decoration: none; }

#Content #ActionNeutral { text-align:left; width: 200px; padding: 5px; border: 1px solid #638EA5; background: #94B2C6; font-size: 15px; font-weight: bold; }
#Content #ActionNeutral:hover { border: 1px solid #84A6B5; background: #B5CBD6; }
#Content #ActionNeutral a { color: #FFFFFF; text-decoration: none; }
#Content #ActionNeutral a:hover { color: #638EA5; text-decoration: none; }

#Content #Instructions { border: 1px solid #C0C000; background: #EFEFBF; padding: 5px; }
#Content #Instructions p { color: #606060; font-size: 13px; margin: 0 0 0 21px; }
#Content #Instructions h4 { clear: none; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: bold; margin: 0 0 0 21px; padding: 0; }
#Content #Instructions img.Icon { float: left; }
#Content #Tip { border: 1px solid #C0C000; background: #EFEFBF; padding: 5px; }
#Content #Tip p { color: #606060; font-size: 13px; margin: 0 0 0 21px; line-height: 13px; }
#Content #Tip h4 { clear: none; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: bold; margin: 0 0 0 21px; padding: 0; }
#Content #Tip img.Icon { float: left; }
#Content #Error { border: 1px solid #A5B684; background: #C9D2B4; padding: 5px; }
#Content #Error p { color: #606060; font-size: 13px; margin: 0 0 0 21px; line-height: 13px; }
#Content #Error h4 { clear: none; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: bold; margin: 0 0 0 21px; padding: 0; }
#Content #Error img.Icon { float: left; }
#Content #Warning { border: 1px solid #A5B684; background: #C9D2B4; padding: 5px; }
#Content #Warning p { color: #606060; font-size: 13px; margin: 0 0 0 21px; line-height: 13px; }
#Content #Warning h4 { clear: none; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: bold; margin: 0 0 0 21px; padding: 0; }
#Content #Warning img.Icon { float: left; }

#Content .TabsSet .Tabs { font-size: 13px; line-height: 13px; padding: 0; margin: 0; border: none; background: url("../images/media/background.gif") repeat-x left bottom; }
#Content .TabsSet .Tabs ul { margin: 0 0 0 10px; padding: 0; list-style: none; }
#Content .TabsSet .Tabs ul li { display: block; float: left; margin: 0 5px 0 0; padding: 0; border-bottom: 1px solid #A59E63; }
#Content .TabsSet .Tabs ul li img { float: left; margin: 0 3px 0 -2px; }
#Content .TabsSet .Tabs ul li a { float: left; background: url("../images/media/tab_left.gif") no-repeat left top; padding: 0 0 0 4px;
  text-decoration: none; }
#Content .TabsSet .Tabs ul li a span { float: left; display: block; background: url("../images/media/tab_right.gif") no-repeat right top;
  padding: 4px 11px 4px 6px; color: #000000; white-space: nowrap; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#Content .TabsSet .Tabs ul li a span { float:none; }
/* End IE5-Mac hack */
#Content .TabsSet .Tabs ul li a:hover span { color: #003C18; }
#Content .TabsSet .Tabs ul li a:hover { background-position: 0% -50px; }
#Content .TabsSet .Tabs ul li a:hover span { background-position: 100% -50px; }
#Content .TabsSet .Tabs ul li.Current { border-bottom: 1px solid #FFFFFF; }
#Content .TabsSet .Tabs ul li.Current a { background-position: 0% -50px; }
#Content .TabsSet .Tabs ul li.Current a span { background-position: 100% -50px; white-space: nowrap; }
#Content .TabsSet .Containers { padding: 15px; border: 1px solid #B5AE84; border-top: none; background: #FFFFFF; }
#Content .TabsSet .Containers #ContainerEnglish { float:none; }
#Content .TabsSet .Containers #ContainerFrench { float:none; }
#Content .TabsSet .Containers #ContainerSpanish { float:none; }
#Content .TabsSet #ContainerIllustrations { float:none; }
#Content .TabsSet #ContainerPhotos { float:none; }
#Content .TabsSet #ContainerVideo { float:none;  }
#Content .TabsSet #ContainerIllustrations img { margin: 0 5px 0 5px; }
#Content .TabsSet #ContainerPhotos img { margin: 0 5px 0 5px; }
#Content .TabsSet #ContainerVideo object { margin: 0 5px 0 5px; }

#Homepage { text-align: center; margin: 100px 0 0 0; }
#Homepage small { display:block; font-size: 11px; color: #808080; margin: 5px 0 0 0; }
#Homepage a:link, #Homepage a:visited { color: #006D29; text-decoration: none; }
#Homepage a:hover, #Homepage a:active { color: #009E39; text-decoration: none; }

#Content #HomepageLogin { padding: 0 0 25px 25px; margin: 0 0 10px 0; background: url("../images/homepage_login_background.jpg") no-repeat bottom left; }
#Content #HomepageSignup { text-align:center; padding: 5px; border: 1px solid #638EA5; background: #94B2C6; font-size: 18px; font-weight: bold; }
#Content #HomepageSignup:hover { border: 1px solid #84A6B5; background: #B5CBD6; }
#Content #HomepageSignup a { color: #FFFFFF; text-decoration: none; }
#Content #HomepageSignup a:hover { color: #638EA5; text-decoration: none; }
#Content .HomepageAboutScreenshot { margin: 0 25px 0 0; }
#Content #HomepageNews { padding: 0 0 0 10px; }
#Content #HomepageNews h1 { font-weight: bold; color: #003C18; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0; }
#Content #HomepageNews dl { }
#Content #HomepageNews dt { font-weight: bold; font-size: 14px; }
#Content #HomepageNews dt small { font-size: 10px; color: #808080; display: block; }
#Content #HomepageNews dd { }