/* Base Elements */

a {
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: left;
  color: #009;
}

a:hover {
  color: #f0c600;
  text-decoration: underline;
}

body {
  text-align: center;
    font: normal 11pt Verdana, Arial, Helvetica, sans-serif;
    background: #427db8 url("bg_header.jpg") center repeat-y;
    margin: 0;
}

h1, h2, h3 {
  text-align: center;
}

hr, .subjectbox hr {
  height: 15px;
  background: url('hr.png') #fff no-repeat scroll center;
  border: 0;
  margin: auto;
  text-align: center;
}


/* Classes */

.artlink {
  color: #000066;
  text-align: center;
  font: bold 14pt Verdana, Arial, Helvetica, sans-serif;
}

.byline  {
  text-align: center;
  color: #667;
  font: bold italic 10pt Verdana, Arial, Helvetica, sans-serif;
  }

.c1 {
  clear:both;
}

.content {
  clear: both;
  text-align: justify;
  padding: 0 50px 50px 50px;
}

.content img {
  border: 0;
  margin: 5px;
  vertical-align: middle;
}

.footer {
  background: #000;
  color: #FFF;
  font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
  width: 767px;
}

.footer a{
  color: #FFF;
}

.header {
  clear:both;
  width: 100%;
}

.header img {
  width: 100%;
}

.header h1, .header h2 {
  position: absolute;
  left: -999em;
  font-size: 1px;
}

.headtext {
  text-transform: italic;
  font: bold italic 14pt Verdana, Arial, Helvetica, sans-serif;
  
}

.menubar{
     background-color: #FFD91F;
color: #FFFFFF;
font-weight: bold;
line-height: 120%;
text-align: center;
width: 100%;
}

.menubar ul li a {
background-color: #FFDF1F;
color: #FFFFFF;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 0px;/*
margin: 0px 15px 0px 15px;*/
font-size: 16pt;
height: 100%;
}

.menubar a:hover {
background-color: #009900;
}

.subhead { font-size: 14pt;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-right: 0.5in;
    margin-left: 0.5in;
    text-align: center;
    text-indent: 0px;
    margin-top: 0em;
    }

  .subhead a, a .subhead { font-size: 14pt;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-right: 0.5in;
    margin-left: 0.5in;
    text-align: center;
    text-indent: 0px;
    margin-top: 0em;
    }

  .subhead a:hover, a:hover .subhead { font-size: 14pt;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-right: 0.5in;
    margin-left: 0.5in;
    text-align: center;
    text-indent: 0px;
    margin-top: 0em;
    color: rgb(0, 0, 0);
    text-decoration: none;
    }

  .subsub { font-size: 11pt;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-right: 0.5in;
    margin-left: 0.3in;
    text-align: justify;
    text-indent: 0px;
    margin-top: 0em;
  }


.wrap {
  clear:both;
  /*border: #FFCC00 solid 3px;*/
  width: 767px;
  margin: auto;
  background: #FFF;
}

	/* Topic Boxes */

.clearall {
  clear:both;
}

.subjectleftcol {
   float: left;
   width: 335px;
   margin-left: 10px;
}

.boxwrap {
   background-color: #FFFFFF;
   color: #006;
   padding: 5px 10px 5px 10px;
   font-size: 10pt;
   margin: 7px 0.5in 7px 0.5in;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   border: 0px solid #FDD40A;
   clear: both;
   text-align: center;
}

.boxwrap a {
    font: bold italic 10pt Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
}

.boxwrap .artlink {
  /*color: #000;*/
  color: #006;
  text-align: center;
  font: bold 14pt Verdana, Arial, Helvetica, sans-serif;
}

.boxwrap .artlink:hover {
      color: #F7ca07;
  text-decoration: underline;
}

.boxwrap .artlink:visited {
    color: #418daf;
}

.boxwrap p {
  text-align: left;
}

.subjecthead {
font-size: 22pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #003;
text-align: center;
}

.miscbox{
   background-color: #FFFFFF;
   color: #006;
   padding: 5px 0px 5px 0px;
   font-size: 10pt;
   margin: 7px 0 7px 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   border: 0px solid #330000;
   clear: both;
   text-align: center;
   width: 605px;
}

.miscbox .subjectbox{
      background-color: #FFFFFF;
color: #006;
padding: 5px;
font-size: 10pt;
margin: 7px 7px 7px 7px;
font-family: Verdana, Arial, Helvetica, sans-serif;
  clear: both;
  text-align: center;
  border: none;
}

.miscbox .subjectleftcol {
  width: 480px;
  margin: auto;
}

.miscbox .subjectrightcol {
 float: left;
  width: 472px;
  margin: auto;
}

/*Navigational*/

#nav, #nav ul {
padding: 0;
		 margin: 0;
		 list-style: none;

line-height: 130%;
text-align: center;
}

 #nav a {
			display: block;
			margin: auto;
}

#nav li {
background-color: #FFDF1F;
color: #000;
font-weight: bold;
text-align: left;
text-decoration: none;/*
margin: 0px 15px 0px 15px;*/
height: 100%;
float: left;
width: 109.5px;
}

#nav li a {
background-color: #FFDF1F;
color: #000;
font-weight: bold;
text-decoration: none;
padding: 1px 0px 0px 0px;
font-size: 12pt;
height: 100%;
     border: 1px outset #999999;
}

#nav li a:hover {
background-color: #FFEF1F;
border: 1px inset #999;
}

#nav li ul {
		position: absolute;
		width: 12em;
		left: -999em;
		line-height: 100%;
}

#nav li ul a {
     border: 1px outset #999999;
width: 12em;
font-size: 10pt;
		line-height: 100%;
		padding: 2px;
}


#nav li ul a:hover {
background-color: #FFEF1F;
border: 1px inset #999;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 13em;
}

#nav li:hover ul {
     left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
     left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
     left: auto;
}