/* Web Boiler Plate */


/* ======================  HEADER  ===============================  */

div#header {
  width: 100%;
  margin: 0;
  /* border:3px solid red; */
}

/* ---- Nav Global  --- */


div#headNavGlobal {
  color:#000000;
  background-color:inherit;
}

div#headNavGlobalList {
  margin:0;
  padding:0;
  color:#1F5394;
  background-color:inherit;
  text-align:right;
  font-size: 75%;
  font-weight:normal;
}

div#headNavGlobalList ul {  /* Implemented using an unordered list with inline
                               elements. As opposed to using floated list items
                               with floated block list links. */
  margin:0;
  padding:0;
  list-style:none;
}

div#headNavGlobalList li {
  display: inline;
  margin:0;
  padding:0;
}

div#headNavGlobalList li a:link {
  color:#1F5394;
  background-color: inherit;
  text-decoration:none;
}

div#headNavGlobalList li a:visited {
  color:#708090;
  background-color: inherit;
  text-decoration:none;
}

div#headNavGlobalList li a:link:hover,
div#headNavGlobalList li a:visited:hover {
  color:#B40A62;
  background-color: inherit;
  text-decoration:none;
}

div#headNavGlobalList li a:link:active,
div#headNavGlobalList li a:visited:active {
  color:#B40A62;
  background-color: inherit;
  text-decoration:none;
}


/* ---- Title Banner  --- */

div#headTitleBanner {  
  width:100%;
  color:#000000;
  background-color: inherit;
}

div#headTitleBannerImage { 
  float:left;
  width:240px;
  margin:0.25em 0 0.25em 0;
}

div#headTitleBannerImage img {
  width:240px;
  height:60px;
  border:0;
}

div#headTitleBannerString { 
  margin:0.25em 0 0.25em 245px;
}

div#headTitleBannerString h1 {
  color: #000000;
  background-color: inherit;
  margin:0 0 0 0;
  padding: 0.25em 0 0 0.0em ;
  text-align: left;
  font-size: 2.2em;
  font-style: normal;
  font-weight: bold;
  font-family:  arial, sans-serif;
  /* font-family:  verdana, sans-serif; */
  /* white-space: nowrap; */
}

/* ---- Navigation Main  --- */

    /* Rollover Navigation Bar */

#headNavMain {
  clear:both;
  margin: 0;
  padding: 0;
}

#headNavMain ul {
  /* width:100%; */
  color:#1F5394;
  background-color: #EEEEFF;
  margin:0;
  padding: 0;

  height:1.5em;

}

#headNavMain ul li {
  list-style:none;
  float: left;
  margin:0;  /* ??? */
  width: 16.5%;    /* 6 x 16.5% leaves some space from 100% 
                    to allow for rounding errors, borders etc. */
  font-size: 1.0em;
  line-height: 1.5em;
  white-space: nowrap;
}

#headNavMain ul a {
  display: block;
  float: left;     /* a fix (float) for IE5-Mac which incorectly makes 
                      links as wide as the unordered list - 
                      thus all browsers float the links initially */
  text-align: center;  /* mags addition */
  text-decoration: none;
  font-weight:bold;
  border: 0;
  background: #EEEEFF;
  color:#1F5394;
  width:95%;    /* width:0.1em; 
                    Hack for IE(6) Windows - id a width is not specified
                    the link is only active over the text and not
                    active over the whole block area */
}

html>body #headNavMain ul a {
                 /* width:auto; 
                  override the IE(6) Windows hack for all other browsers which
                  understand width:auto; */
}

/* Then all browsers except IE5-Mac defloat the links thus achieving
     the fix for IE5-Mac only */

/* Commented Backslash Hack hides rule from IE5-Mac \*/
  #headNavMain ul a {float: none;}     /* End of IE5-Mac hack */


#headNavMain ul a:hover {
  background-color: #1F5394;
  color: #EEEEFF;
  border:0;
}







/* ---- You Are Here  --- */


#headURHere {
  clear:both;
  width:100%;
  color:#1F5394;
  background-color:inherit;
  text-align:left;

  /* border:2px dotted green; */
}


#headURHereList {  /* A <UL> list. */
  margin:0;
  padding: 0;
  font-size: 75%;
  font-weight:normal;
}

#headURHereList li {
  display: inline;   /* Implemented as an unordered list with 
                        list items displayed inline (as opposed to
                        using float(on list items and links) 
                        and link block display). */
  list-style:none;
  /* float: left; */
  margin:0;
  padding:0 0.1em 0 0.4em;
  font-size: 1.0em;
 /*  line-height: 1.5em; */
  white-space: nowrap;
}

#headURHereList li a:link {
  color:#1F5394;
  background-color:inherit;
  text-decoration: none;
}

#headURHereList li a:visited {
  color:#708090;
  background-color:inherit;
  text-decoration: none;
}

#headURHereList li a:hover {
  color:#B40A62;
  background-color:inherit;
  text-decoration: none;
}

#headURHereList li a:active {
  color:#B40A62;
  background-color:inherit;
  text-decoration: none;
}

/*
#headURHereList li a:link:hover,
#headURHereList li a:visited:hover {
  color:#B40A62;
}

#headURHereList li a:link:active,
#headURHereList li a:visited:active {
  color:#B40A62;
}
*/


/* ======================  MIDDLE  ===============================  */


div#middle {
  clear: left;
  margin:2.0em 10px 0 10px;   /* Introduce some white space (separator) between header 
                                 and middle. Add an equally sized small margin to left 
                                 and right for pages which have no sidebar, only content. */
  padding:0;
}



/* ======================  FOOTER  ===============================  */

#footer {
  clear: both;
  margin: 0;
  padding: 0;
  font-size: 75%;
  color: #444444;
  background-color: #FFFFFF;
  border-top: 2px solid #9DA9DF;  /* provides the separator bar between 
                                     the middle and the footer areas */
}



/* ---- Navigation Foot --- */

#footNavMain {
  margin:0;
  padding:0;
  text-align:center;

  /* border:1px dashed black; */
}

#footNavMain ul {
  list-style:none;  /* list-style-type ??? */
  margin:0;
  padding: 0;
}

#footNavMain ul li {
  display: inline;
  margin: 0;
  padding: 0;
  color: #1F5394;
  background-color: inherit;
}

#footNavMain ul li a {
  color: #1F5394;
  background-color: inherit;
  text-decoration:none;
}

#footNavMain ul li a:visited {
  color: #708090;
  background-color: inherit;
  text-decoration:none;
}

#footNavMain ul li a:hover,
#footNavMain ul li a:active {
  color: #B40A62;
  background-color: inherit;
  text-decoration:none;
}


/* ---- Admin Foot --- */

#footAdmin {
  text-align: right; 
  margin-right: 0.3em;
  /* border:1px solid silver; */
}

#footAdmin p {
  margin:0;
  padding: 0.1em;
}

#footAdmin a:link {
  color: #1F5394;
  background-color: inherit;
  text-decoration:none;
}

#footAdmin a:visited {
  color: #708090;
  background-color: inherit;
  text-decoration:none;
}

#footAdmin a:hover,
#footAdmin a:active {
  color: #B40A62;
  background-color: inherit;
  text-decoration:none;
}