/* Block all default margins and padding */
* {
  margin:0;
  padding:0;
}

body{ 
  text-align:center; 
  background-image:url('images/topgrad3.jpg');
  background-repeat: repeat-x;
  background-color: #0066cb;
  font-family: Verdana, Geneva, Sans-Serif;
}

#wrapper{
  width: 55em;
  margin: auto;
}

/* Branding division */
#branding{
  height:8.5em;
}

#branding img{
  display:block;
  margin-left: auto;
  margin-right: auto;
     
}

/* Navbar division */
   /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#navbar{
padding: 0;
margin-top: .5em;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}



#navbar ul{
font: bold .65em Arial;
margin: 0 0 0 8em ; /*margin between first menu item and left browser edge*/
list-style: none;
}

#navbar li{
display: inline;
text-transform:uppercase;
}

#navbar a{
float: left;
color: white;
margin: .2em .2em 0em .2em; /*Margin between each menu item*/
padding: .5em 2.25em; /*space around text*/
text-decoration: none;
letter-spacing: .2em;
background-color:#736b62; /*Default menu color*/
border-bottom: 2px solid #0066cb;
height:2em;
line-height:2em;
}


#navbar a:hover,
#navbar a:active{
  background-color:#a1968d;
  color:#fff;
}


#navbar #current a{ /*currently selected tab*/
background-color: #ff6633; /*Orange color theme*/ 
border-color: #ff6633; /*Orange color theme*/ 
}

#navbarline{
display: block;
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #ff6633; /*Orange color theme*/ 
}

#leftcolumn{
  margin:0  0 1em 0;
  padding:1em 0 0;
  width:12em;
  float:left;
/* Center images and text inside this div */
  text-align:center;
  color:#fff;
}

#leftcolumn img{
  display:block;
  padding:.5em 0em 0em;
  width:70%;
  margin-left: auto;
  margin-right: auto;
}

#leftcolumn a img{
  display:block;
  margin-left: auto;
  margin-right: auto;
  border:none;
  text-decoration:none;
}

#content{
/* Left and right margins must match sidebar column widths */
   margin: 1em 2.5em 1em 12em;
   height: 24em;
   padding:20px;
   color:#000;
   background-color:#6f9fce;
}

#content img{
  display:block;
  padding:.7em 0em;
  width:45%;
}

#content img.alt{
  float: right;
  width: 15em;
  padding:.7em 0 2em 2em;
}
  
#content h2{
  letter-spacing: 0em;
  font: bold .9em Arial;
  text-align:left;
  padding:0 3em 0 .5em;
  color:#001674;
}

#content h3{
  font: bold 1em Arial;
  text-align:left;
  padding:1em 0 .25em .3em;
}

#content p a,
#content p a:link,
#content p a:visited{
  text-decoration: none;
  font-size:1em;
  line-height:1.5em;
  color:#000;
  text-transform:none;
}

#content p a:hover,
#content p a:active,
#content p.selected a:link,
#content p.selected a:visited{
   color:#fff;
   text-decoration: underline;
}


#contentlong{
/* Left and right margins must match sidebar column widths */
   margin: 1em 2.5em 1em 12em;
   padding:20px;
   color:#000;
   background-color:#6f9fce;
}

#contentlong img{
  display:block;
  padding:.7em 0em;
  width:45%;
}

#contentlong img.alt{
  float: right;
  width: 15em;
  padding:.7em 0 2em 2em;
}

#contentlong h2{
  letter-spacing: 0em;
  font: bold .9em Arial;
  text-align:left;
  padding:0 3em 0 .5em;
  color:#001674;
}

#contentlong h3{
  font: bold 1em Arial;
  text-align:left;
  padding:1em 0 .25em .3em;
}

#contentlong h4{
  text-align:left;
  padding:.5em 2em;
  font: .75em Arial;
}



#footer{
  clear:both;
  background-color:#ff6633;
  width:100%;
  height:1.5em;
  padding:.4em 0 0 0;
  font: bold .75em Arial;
  color:white;
}

p.emphasis{
  font: bold .9em Arial;
  text-align:left;
  color:#001674;
  padding: 0 .5em 0;
}

p.regular{
  text-align:left;
  font: .75em Arial;
  padding: 0 .5em 0;
}

dl{
margin-left: .5em;
}

dt{
  font: bold .9em Arial;
  text-align:left;
  color:#001674;

}

dd{
  text-align:left;
  font: .75em Arial;
  padding:0 0 .5em;

}

ol{
  margin-left: 2em;
}
  
ol li{
  text-align:left;
  font: .75em Arial;
  padding:.5em 0;
}