/*General Style Info*/
body {color: #000066; background: #FFFFFF; margin-left:10%; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1 { color: #01017D;background: #EEF2F6; font-weight:bold;font-size:115%; }
h2 {color: #0000CC; background:#EEF2F6; font-weight:bold;}
a { color: #193DA9; background: #EEF2F6; text-decoration:none; }
/*a:visited { color: #FF0000;background: #EEF2F6; text-decoration:none; }*/
a:hover, a:visited { color: #0000FF;background: #EEF2F6; text-decoration:underline;}
a:active { color: #193DA9;background: #EEF2F6; text-decoration:none;}
a.title {font-weight:bold;}
a.title:visited {color: #0000BD;background: #EEF2F6;}
div.box { color:#FFFFFF; background: #01017D; padding: 0.5em; width: 100%;}
div.list {color:#000066; background: #EEF2F6; padding: 1em; width: 100%;}
div.pubinfo {font-size:50%;}


/* Header, Footer & Navigation Attributes */
.logo {color: #FFFFFF; background: #FF0000; font-size:125%; padding:.20em; text-align:center;}
.header {color: #FFFFFF; background:#01017D; font-size:90%;text-align:center;}
a.header:visited, a.header:active, a.header{
     color: #FFFFFF;
	 background:#01017D;
	 }
a.header:hover {color:#0000FF; background:#01017D; text-decoration:underline;}
a.header:active, a.header {text-decoration:none;}
.footer {color: #000066; background:#FFFFFF; text-align:center}
a.footer:visited { color: #FF0000; background:#FFFFFF;  text-decoration:none; }
a.footer:hover { color: #0000FF; background:#FFFFFF; text-decoration:underline;}
a.footer:active, a.footer { color: #193da9; background:#FFFFFF; text-decoration:none;}
.icon {color: #FFFFFF; background: #FF0000;font-weight:bold; border:solid;border-width: thin; border-color:#FFFFFF;text-align:center;}
a.icon:active, a.icon {color: #FFFFFF; background: #FF0000;}
a.icon:visited {color: #01017D; background: #FF0000; text-decoration:underline;} 
.pubinfo {font-size:75%;} 

/* General Layout */
body { position: relative; width: 100%; margin: 0; padding: 0; }
div { border: none; }

/* Header Layout */ 
#top { position: absolute; top: 0; left: 0; width: 100%; }
#left { position: absolute; top:7em; left: 0; width: 15%; margin: 0; }
#right { position: absolute; top:0; left: 70%; width: 30%; margin: 0; }


/*Layout For pages without the icon navbox */
   #middle {
      position: absolute;
	  top:2em;
	  width: 80%;
	  margin:10% 0 0% 10%;
	 }
   #middle-content {
      margin:0; 
	  background: #EEF2F6;
	  color: #000066
     }
	 
/*Layout For pages with the icon navbox */
   #content {
   	  position:absolute;
      top:7em;
      width: 90%;
      margin-top:1em;
      border: 0;
      }
   #sidebar {
      float: left;
      width: 20%;
      margin:0; 
	  padding:0;
	  background:#01017D;
	  color: #000066;
      }
   #sidebar-content {
   	  background:#01017D;
	  color: #000066;
      margin:0; 
	  font-size: 75%;
	  z-index:1;
	  }
   #sidebar-footer {
   	  font-size: 80%;
	  margin:0;
	  z-index:2;
	  }
   #main {
      margin:0 0 0 25%; 
	  padding:0;
      }
   #main-content {
      margin:0; 
	  padding: 0.5em 1em;
	  background: #EEF2F6;
	  color: #000066
      }
   hr.cleaner {
      clear:both;
      height:0.1em;
      margin: -0.1em 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
	  
/*Icon List Navigation Box*/
  ul.iconlist {
    padding: 0.1em 0.5em 0.1em 0.5em;
	margin: 0.1em 0.1em 0.1em 0.1em;
    list-style-type: none;
    float: left;
    width: 100%;
    font-size:75%;
  }

  ul.iconlist li {
    width:30%;
    margin: 0.1em 0.1em 0.1em 0.1em;
    float:left;
    color: #FFFFFF;
    background: #FF0000;
  }
  ul.iconlist li a{
    width:100%;
    float:left;
    border: 0.1em solid #FFFFFF;
    color: #FFFFFF;
    background: #FF0000;
    text-decoration: none;
  }
  ul.iconlist li a:hover{
    float:left;
    text-decoration: none;
    background: #FF0000;
    color: #0000bd;
  }
  
  /*The following is for the link under the icon navigation box*/
  ul.iconfooter {
    padding: 0.1em 0.5em 0.1em 0.5em;
	margin: 0.1em 0.1em 0.1em 0.1em;
    list-style-type: none;
    width: 93%;
    font-size:75%;
	text-align:center;
  }
  ul.iconfooter li {
    width:100%;
    margin: 0.1em 0.1em 0.5em 0.1em;
    float:left;
    color: #0000bd;
    background: #FF0000;
  }
  ul.iconfooter li a{
    width:100%;
    float:left;
    border: 0.1em solid #FFFFFF;
    color: #0000bd;
    background: #FF0000;
    text-decoration: none;
  }
  ul.iconfooter li a:hover{
    float:left;
    text-decoration: none;   
    color: #0000bd;
	background: #FF0000;
  }