/* =================================================================
  GLOBAL RESET
================================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption { text-align:left; }
/* th { text-align:left; } */
h1, h2, h3, h4, h5, h6 { font-size:1em; }
option { padding-right:0.5em } /* Firefox Issue: */

/* Set font sizes that will be inherited by child elements */
body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; text-align:center; background:#2F4055 url(images/bg.gif); color:#000; }
div#container { width:950px; position:relative; margin:0 auto; text-align:left; font-size:1.1em; }
div.skip { display:none; } /* Good for screen readers, but don't want it to display in browsers */

h1 { font-size:1.4em; }
h2 { font-size:1.2em; }
h3 { font-size:1em; }
h4 { font-size:1em; }

/* UTILITY LINKS */
a.utility { padding-left:12px; background:url(images/arrows_White.gif) 0 50% no-repeat; text-decoration:none; }
a.utility:hover { text-decoration:underline; }

/* =================================================================
  HEADER
================================================================= */
div#headerBlock { width:950px; height:62px; background:#3B516B; }
div#header { width:944px; height:62px; margin:0 3px; background:#435C7A url(images/header_bg.gif) top left repeat-x; }
div#header h1 a { float:left; display:block; width:195px; height:50px; margin:0; padding:0; background:url(images/logo.gif) no-repeat; }
div#header h2 { float:left; display: inline; width:180px; height:62px; background: url(images/Beta-globe.gif) no-repeat; }
div#header h1 span { display:none; }


/* =================================================================
  Email Header Block
================================================================= */
div#emailHeaderBlock { width:500px; height:40px; background:#3B516B;}
div#emailHeader { width:494px; height:40px; margin: 0px 3px 0px; background:#435C7A url(images/header_bg.gif) top left repeat-x; }
div#emailHeader h1 a { float:left; display:block; width:290px; height:50px; margin:0px; padding:0; background:url(images/logo.gif) no-repeat;  padding-top: 0px;  margin-bottom: 0px;   }
div#emailHeader h1 span { display:none; }
div#emailContent { padding-left: 8px;}
div#emailContent h1 { font-size: larger; }
div#emailContent div.text{ font-size: 1.1em;  padding-top: 6px;  padding-bottom: 7px;   }
div#emailContent div.text div.label{  font-size: 1.1em; padding-top: 3px;  padding-bottom: 1px; margin-top: 0px; margin-bottom: 0px;}


/* =================================================================
  Search Page Loading Message
================================================================= */
div#loading { width:200px; height:46px; position: absolute; left:50%; top:50%; margin-left: -100px; margin-top:400px ;background:#435C7A url(images/Updating-Results.gif) top left repeat-x; }



/* =================================================================
  MAIN WEBSITE SEARCH FORM
================================================================= */
div#searchBar { float:right; width:460px; text-align:right; }
div#searchBar table { float:right; margin: 23px 10px 0 0; padding:0; display:inline; }
div#searchBar fieldset { border:none; margin:0; padding:0; }
div#searchBar label, div#searchBar select, div#searchBar input { margin-right:4px; }
div#searchBar div { float:left; }
div#searchBar label { padding:0 2px; color:#FFF; font-weight:bold; }

/* =================================================================
  NAVIGATION
================================================================= */
div#navBlock { clear:both; width:950px; height:37px; background-color:#2F4055; overflow:hidden; }

/* PRIMARY NAV */
ul#nav { float:left; position:relative; width:944px; height:37px; list-style-type:none; margin:0 3px; padding:0; display:inline; }
ul#nav li { float:left; }
ul#nav li a.top { float:left; display:block; height:20px; padding:0 0 0 10px; font-family:Arial; font-weight:bold; background:url(images/Nav_Normal.gif); text-decoration:none; color:#FFF; }
ul#nav li a.top span { float:left; display:block; height:20px; background:url(images/Nav_Normal.gif) top right; padding:3px 12px 0 0; cursor:pointer}

/* SUB NAV */
ul#nav li ul { display:none; float:left; position:absolute; top:20px; left:0; width:944px; height:17px; margin:0; padding:0; list-style-type:none; background:#FFF url(images/SubNav_Normal.gif) bottom left repeat-x; }
ul#nav li ul li { float:left; margin:0; padding:0 12px; height:17px; }
ul#nav li ul li a { font-weight:bold; color:#2F4055; }
ul#nav li ul li a { text-decoration:none; }

/* PRIMARY NAV IMAGES (AND "ON" STATES) */
body#home ul#nav li#nav-home a.top { background-image:url(images/Nav_On.gif); color: #2F4055; }
body#home ul#nav li#nav-home a.top span { background-image:url(images/Nav_On.gif); }
body#news ul#nav li#nav-news a.top { background:url(images/Nav_On.gif); color:#2F4055; }
body#news ul#nav li#nav-news a.top span { background-image:url(images/Nav_On.gif); }
body#features ul#nav li#nav-features a.top { background:url(images/Nav_On.gif); color:#2F4055; }
body#features ul#nav li#nav-features a.top span { background-image:url(images/Nav_On.gif); }
body#research ul#nav li#nav-research a.top { background:url(images/Nav_On.gif); color:#2F4055; }
body#research ul#nav li#nav-research a.top span { background-image:url(images/Nav_On.gif); }
body#store ul#nav li#nav-store a.top { background:url(images/Nav_On.gif); color:#2F4055; }
body#store ul#nav li#nav-store a.top span { background-image:url(images/Nav_On.gif); }

/* DISPLAY "ON" SUBNAV */
body#home ul#nav li#nav-home ul { display:block; }
body#news ul#nav li#nav-news ul { display:block;  }
body#features ul#nav li#nav-features ul { display:block; }
body#research ul#nav li#nav-research ul { display:block; }
body#store ul#nav li#nav-store ul { display:block; }

/* =================================================================
  COLUMN LAYOUT
================================================================= */
div#columnContainer { clear:both; float:left; width:950px; border-width:3px 0 0 0; border-style:solid; background:#2F4054; border-color:#2F4054; color:#FFF; background:url(images/fauxColumns.gif) repeat-y; }
div#stage { float:left; width:760px; }
div#content { float:right; width:570px; background:#FFF; color:#000; }
div#related { float:left; width:190px; }
div#cPanel { float:left; width:190px; }
div#footer { clear:both; width:950px; margin-bottom:5px; }
div#footer p { padding:5px 0; text-align:center; }
div#contentBeta { float:left; width:550px; background:#FFF; color:#000;  padding: 10px 10px 10px 10px;  }

/* =================================================================
  COMMON STYLES
================================================================= */
/* MAIN HEADER */
/*
div.pageHeader { width:566px; background#8C9A47 url(images/Cntr_Hdr_bg.gif) repeat-x; border-width:2px 2px 0 2px; border-style:solid; border-color:#8C9A47; }
div.pageHeader { width:566px; background-color: #8C9A47; background-image: url(images/Cntr_Hdr_bg.gif); background-repeat:repeat-x; border-width:2px 2px 0 2px; border-style:solid; border-color:#8C9A47; }
*/
div.pageHeader { width:566px; background-color: #8C9A47; background-image: url(images/Cntr_Hdr_bg.gif); background-repeat:repeat-x; border-width:2px 2px 0 2px; border-style:solid; border-color:#8C9A47; }
div.pageHeader h2 { color:#FFF; padding:5px 25px 5px 18px; }
div.pageHeader a { color:#FFF; }
div.pageHeader .standardButtons { position:absolute; top: 103px; right:190px; padding-right:18px; padding-top:5px; }
div.pageHeader .standardButtons a { color:#ffffff; text-decoration: none; }
div.pageHeader .standardButtons a:hover { text-decoration: underline; }
div.pageHeader .tutorialButtons { position:absolute; top: 103px; right:245px; padding-right:18px; padding-top:5px;}
div.pageHeader .tutorialButtons a { color:#ffffff; text-decoration: none; }
div.pageHeader .tutorialButtons a:hover { text-decoration: underline; }

/* HEADER LINKS */
div.pageHeader ul { margin:6px 0; }
div.pageHeader ul li { float:left; padding:0 20px 0 12px; background:url(images/arrows_White.gif) 0 50% no-repeat; }
div.pageHeader ul a { text-decoration:none; }
div.pageHeader ul a:hover { text-decoration:underline; }

/* SUB HEADER */
div.pageSubHeader { clear:both; float:left; width:534px; padding: 7px 18px 5px; background: #E6E9D7; margin-bottom: 0px;}
div.pageSubHeader h2 { float:left; font-size:1.5em; color:#2F4055;}
div.pageSubHeader h3 { float:left; font-size:1.4em; color: #526723;}
div.pageSubHeader h4 { float:left; font-size: 0.99em; color: #060606;}
div.pageSubHeader h5 { clear: both; float:left; font-size:.99em; color: #303C15;  padding-top: 4px;  }
div.pageSubHeader p { clear: left; font-size:.99em; color: #838383;  padding-top: 4px;  }
div.pageSubHeader span.newSearch a {display: inline; float: right; text-decoration: none;  padding-right: 0px;  margin-right: 0px;  padding-top: 4px;  color: #930000;   }
div.pageSubHeader span.newSearch a:hover { text-decoration:underline}
div.pageSubHeader div.staffTitle { clear: both; font-size:1.4em; color: #8C9A47;  font-weight: bold;  margin-left: 0px; padding-left: 0px     }
div.pageSubHeader div.staffList { clear: both; color: #6C7B2D;  margin-left: 0px; padding-left: 0px }
div.pageSubHeader a { float:left; padding:1px 18px; }
div.pageSubHeader a.viewProfile { display:block; width:61px; height:12px; background:url(images/Icon_ViewProfile.gif) 50% 50% no-repeat; }
div.pageSubHeader a.viewProfile span { display:none; }



/* =================================================================
  FOOTER
================================================================= */
div#footer { background:#000; color:#FFF; }


/* =================================================================
  Error Messages
================================================================= */
div.MessageWarn { background:#000; color:#FFF; }
