/* stylesheet.css/ 
/* Universal style rule */
*{
/* Block all browser default margins and padding */
margin: 0;
padding: 0;
/* Temporary borders border: dashed 1px #f00;*/
}


/* Wrapper contains the layout */
#wrapper{
   width:65em; 
   margin: 20px auto 0 auto; 
   background-color:#fff; 
}

/* Background color of body */
Body{
background-color: #ffff99;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}

/* Styles for branding bar */
#branding{
margin: 0;
}

/* Fixes the mysterious image gap */
#branding img{
  display:block;
}

/*Styles for navbar div */
/* margins must equal left and right columns See note in the Main Column div */
#navbar{
background:#afd775 url(navbar3.jpg) repeat-x center;
margin-left: 13em;
margin-right: 15em;
height:1.6em;
}

/* Remove bullets for ul in navbar */
#navbar ul{
list-style-type: none;
} 

/* List items in navbar line up */
#navbar li{
float:left;
/* Required for drop-down menus */
position:relative;

}

/* Applies to navbar links, visited and unvisited */
#navbar a,
#navbar a:link,
#navbar a:visited{ 
text-decoration:none;
font-family: Beach, Ameretto, "Times New Roman", serif;
  font-size:80%;
  color:#000;
  background:#afd775 url(navbar3.jpg) repeat-x center;
  display:block;
  height:2em;
  width:6em;
  border-right:solid 1px #000066;
  text-align:center;
  line-height:2em;
  outline-style:none;
}

/* Navbar hover and active and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
  background:#ff7619 url(navbak2.jpg) repeat-x center;
  color:#000;
}

/* Drop-down menu styles */
#navbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
  top:1.6em;
  left:0;
}

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
  background:#afd775; /* Removes background image */
  color:#000;
  text-align:left;
  display:block;
  width:10em;
  padding:0 0 0 1em;
  height:auto;
}
/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #95cbe9; 
  color:#000;
}
/* Ie6 is Internet Explorer version 6 */
/* Ie6 hack applies to its table drop-down */
#navbar table {
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

/* Styles for links */
a:visited{
color:#008000;
}

/* Hover Links orange underlined */
a:hover{
background-color: #F4B726;
color:#000;
text-decoration: none;
outline-style: none;
}



/* Styles for Left column */
#leftcolumn{
float:left;
width: 12em;
padding: 40px 5px;
/* Center images and text inside this div */
text-align: center;
font-family: 'Times New Roman', Times, serif
}

/* Styles for paragraph in left column */
#leftcolumn p{
width:90%;
margin:auto;
padding-top:10px;
}

/* Styles for images in left column */
#leftcolumn img{
padding-top: 10px;
}

/* Styles for Right column */
#rightcolumn{
float: right;
width: 14em;
padding: 10px 0px;
/* Center images and text inside this div */
text-align: center;
}

#rightcolumn p{
font-size: 0.9em;
text-align: left;
width: 90%;
margin: auto;
/* centers the paragraph box in the column */
}

#rightcolumn img{
width:80%;
}
/* Styles for Headers in left and right columns */
#leftcolumn h1, #rightcolumn h1{
font-family:Arial, Helvetica, sans-serif; 
color: #000066;
text-align: center;
font-size: .8em;
}

#leftcolumn h1{
Margin-top: 20px;
}

#rightcolumn h1{
margin-bottom: 20px;
}

/* Styles for the main content */
/* Styles for margins should equal the width of the left and right columns. However, it was necessary to add 1em to each margin for the main column to position correctly */
#content{
margin: 0 15em 0 13em;
padding: 20px;
background-color: #fff;
color: #000;
font-size: 1em;
border-left: 2px solid #90a0c1;

}

/* Styles for headings in the content div */
#content h1, #content h2, #content h3{
font-family: Beach, Ameretto, "Times New Roman", serif;
color: #000066;
margin-top: 15px;
}

/* Applies to paragraphs and lists in the content div */
#content p, #content ul, #content ol{
text-align: left;
font-size: 0.9em;
line-height: 1.25;
margin-top: 10px;
}

/* Applies to lists in the content div */
#content ul, #content ol{
padding: 5px 0 5px 30px;
}

#content img{
width: 40%;
}
#content a,
#content a:link,
#content a:visited{
text-decoration: none;
}

#resources a,
#resources a:link,
#resources a:visited{
text-decoration: none;
font-size:.8em
}


hr{
background-color: #F4B726;
height:2px;
margin-top: 50px;
}

/* Footer styles */
#footer{
margin: auto;
text-align: center;
font-size: 0.8em;
}

#footer img{
border: 0
}

/* Style for table borders 
*/table {
  border-collapse: collapse;
  border: solid 1px #000;
  text-align: center;
  margin:auto;
  width:400px;
}
/* General style for header and data cells */
td, th {
  border: solid 1px #000;
  padding: 0.25em;
}
/* Additional style for table header cells */
th {
  background-color: #AFD775;
}
/*Style for table caption */
caption{
font-weight: bold;
background-color:#990000
}