/* template.css - abm, 2007-09-09 */

body { background-color: white; }

div#positioner       {  position: relative }

/* header area */

div#main-strut-vertical { width: 0;  height: 45em; float: left }

div#maincontent  { visibility: visible; position: absolute; top: 0; left: 0; width: 1000px }

div#header-level1 { left: 0px; position: absolute; top:36px; }

div#toolbar { visibility: hidden; width: 304px; height: 20px; }

div.tool a, 
div.tool a:link, 
div.tool a:visited { color:#663300; text-decoration: none }
div.tool a:hover, 
div.tool a:active { color:#666666; text-decoration: none }

div#header-level1 div#toolbar { position: absolute; top: 0; left: 640px; background-color: #E2E4D7 }

div#header-level1 div.tool a, 
div#header-level1 div.tool a:link, 
div#header-level1 div.tool a:visited { color:#663300; text-decoration: none }
div#header-level1 div.tool a:hover, 
div#header-level1 div.tool a:active { color:#666666; text-decoration: none }

div#way-finding { width: 400px; top:73px; height: 4em; left: 593px; position: absolute;}


/* main navigation area */

#mainnav  /* 3 main section areas */ { visibility: hidden; position: relative; top: 0; left: 0;  width: 1000px; height: 36px; background-color: black}

#mainnav-level-1-2 { visibility: hidden; position: relative; top: 0; left: 0;  width: 1000px; height: 36px; background-color: black}

div#mainnav-level-1-2 div#toolbar { position:absolute; top: 10px; left: 640px; background-color: #000000 }

div#mainnav-level-1-2 div.tool a, 
div#mainnav-level-1-2 div.tool a:link, 
div#mainnav-level-1-2 div.tool a:visited { color:#AAAAAA; text-decoration: none }
div#mainnav-level-1-2 div.tool a:hover, 
div#mainnav-level-1-2 div.tool a:active { color:#666666; text-decoration: none }


div.section-tab { visibility: hidden;  position: absolute; width: 210px; height: 36px;  }

div.section-tab a, div.section-tab a:link, div.section-tab a:visited { color:#999966; font-weight: bold; line-height: 30px;   text-decoration: none }

div.section-tab a:hover, div.section-tab a:active { color:#FFCC66; font-weight: bold; line-height: 30px;   text-decoration: none }

div#cg-tab { left: 33px;  position: absolute; }
div#cgs-tab { left: 248px;  position: absolute;   }
div#edu-tab { left: 463px;  position: absolute;   }

div#mainnav-level-1-2 div.section-tab {  position: absolute; width: 180px; height: 36px;  }

div#mainnav-level-1-2 div#cg-tab { left: 8px;  position: absolute; }
div#mainnav-level-1-2 div#cgs-tab { left: 160px;  position: absolute;   }
div#mainnav-level-1-2 div#edu-tab { left: 312px;  position: absolute;   }

/* main content area */

div#maincontent-home  /* container for 3 sections as columns with sub nav for each section, and features for each section */ { visibility: visible;  left: 0; width: 743px; height: 700px; background-color: #CCC79D; }

div#maincontent-level1, 
div#maincontent-level2 /* section page content */ { visibility: visible;  left: 0;   width: 900px; }

div#left-images { width: 200px; top: 145px; left: 0px;  position: absolute; }

div#right-sidebar-home  /* branding header for CGS  */  { visibility: visible; position: absolute; top: 36px; left: 743px; width: 257px; height: 540px }

div#right-sidebar-level1  { visibility: hidden; position: absolute; top: 109px; left: 743px; width: 257px; height: 540px;  }

div#right-sidebar-level2  { visibility: visible; position: absolute; top: 26px; left: 743px; width: 200px; height: 540px; }

div#right-sidebar-news  /* Special alert area- to draw audience to timely special offers */ { visibility: visible; position: absolute; z-index: 20; top: 332px; left: 753px; width: 237px; height: 291px }

div.section { visibility: visible; position: relative;  width: 210px;  }

div#section-heading { width: 200px; height: 20px; background-color: #E2E4D7;}

div#section-heading-level2 { position: absolute; width: 743px; top: 42px; height: 20px; background-color: #E2E4D7; }

div#section-heading-level2 span.title { font-size: 15pt; text-align: left; margin-left: 2.3em; letter-spacing: 0.045em; }

div#section-heading-level2 div#way-finding { visibility: hidden; width: 268px; top:0px; height: 2em; left: 500px; position: absolute; background-color: #FFFFFF; z-index: 2; }
div#section-heading-level2 div#way-finding .subtitle {font-size: 18pt;  padding-top: 3px; text-align: right; }

p.subnav a, p.subnav a:link, p.subnav a:visited { color:#333333;  line-height: 1em;   text-decoration: none }

p.subnav a:hover, p.subnav a:active { line-height: 1em;   text-decoration: none; border: 1px solid #000000 }

div#home-content-body { padding-left: 30px; padding-top: 18px; width: 620px; }

div#content-body { top: 145px; left: 200px; width: 725px;  position: absolute;margin-left: 25px; margin-top: 12px; }

div#maincontent-level2 div#content-body { top: 69px; left: 0px; width: 525px;  position: absolute;margin-left: 25px; margin-top: 12px; }

div#picture-gallery { position: absolute; top: 12px; left: 543px; width: 200px; }

div#para-heading p a, div#para-heading p a:link, div#para-heading p a:visited { color:#663300; text-decoration: none }
div#para-heading p a:hover, div#para-heading p a:active { color:#BB9966;  text-decoration: none }


p a, p a:link, p a:visited { color:#663300; text-decoration: none }
p a:hover, p a:active { color:#BB9966;  text-decoration: none }

div.highlights { visibility: visible;  width: 210px; height: 180px; }

div#clear-main-area { clear: both; position: relative; margin: 0; width: 100% } /* width for IE 6 */

/* footer area */

div#footer-home { visibility: visible; position:relative; left: 0;  top: 1em; height: 50px; width: 743px;  border: 0px solid #990000}

div#footer { visibility: visible; position:relative; left: 0;  top: 1em; height: 50px; width: 543px; }

/*   border: 1px solid #990000 */