/***
***          Clear out Browser defaults
***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { 
        outline: 0;
}
body { 
        line-height: 1;
        color: black;
        background: white;
}
ol, ul { 
        /* list-style: none; */
}
/* tables still need 'cellspacing="0"' in the markup */
table { 
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td { 
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after { 
        content: "";
}
blockquote, q { 
        quotes: "" "";
}

/* ----------------------------------------------- */
/***
***          Set desired behaviors
***/

body {
	background: white;
	color: black;
	margin-right: 20px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
}
h1 { 
  font-size: 1.73em; /*2em; */
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-top     : 10px; 
  margin-bottom  : 10px;

}
h2 { 
  font-size: 1.73em;
}
h3 { 
  font-size: 1.44em;
}
h4 { 
  font-size: 1.2em;
}
ul {  
  margin-top: 0.5em;
  margin-left: 2.0em;
  margin-bottom: 1.0em;
}
div.footer { 
  background-color: #f9d83b;
  color: #b11107;  /*#2E8B57; */
  margin: 30px;
  font-size: 0.8em;
  text-align: center;
/*  padding-bottom: 100px; */
/*  height: 227px; */
  border-top: 1px solid #3E2648;
 /* border-bottom: 3px solid #F4130A;*/
}
div.footer A {   
  color: #b11107;  /*#0E6B37; */
}/* tabs styles, based on http://www.alistapart.com/articles/slidingdoors */

DIV.tabs
{
   float            : left;
   width            : 100%;
   background-color : #f9d83b;
   margin-bottom    : 4px;
   border-top       : 1px solid #3E2648;
   border-bottom    : 1px solid #3E2648;
   border-left      : 1px solid #3E2648;
   border-right     : 1px solid #3E2648;
}

DIV.tabs UL
{
   margin           : 0px;
   padding-left     : 10px;
   list-style       : none;
}

DIV.tabs LI
{
   display          : inline;
   margin           : 0px;
   padding          : 0px;
}
DIV.tabs A
{
   float            : left;
   border-bottom    : 1px solid #84B0C7;
   font-size        : 12pt;
   font-weight      : bold;
   text-decoration  : none;
}

DIV.tabs A:hover
{
   background-position: 100% -150px;
}

DIV.tabs A:link, DIV.tabs A:visited,
DIV.tabs A:active, DIV.tabs A:hover
{
       color: #FFFFFF;
}

DIV.tabs SPAN
{
   float            : left;
   display          : block;
   padding          : 5px 9px;
   white-space      : nowrap;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
DIV.tabs SPAN {float : none;}
/* End IE5-Mac hack */

DIV.tabs A:hover SPAN
{
   background-position: 0% -150px;
   background-color:   #ff8040; /*orange; */
}

DIV.tabs LI#current A
{
   background-position: 100% -150px;
   background-color:    #b11107;  /* green; #3E2648;*/
   color:               #FFFFFF;
   border-width     : 0px;
}

DIV.tabs LI#current SPAN
{
   background-position: 0% -150px;
   padding-bottom   : 6px;
}

div#co_slogan { 
  font-size: 1.44em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 140%;
  margin: 0 197px;
  text-align: center;
  width: 74%;
  /* border: 2px solid green; */  
 }

div#co_name { 
  text-align: center; 
  font-size: 1.73em; /*2em; */
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  width          : 80%;
  margin-top     : 10px; 
  margin-bottom  : 10px;
  margin-left    : 197px;
  margin-right   : 197px;
  /* border: 2px solid green; */
}
div#title { 
  text-align: center; 
  font-size: 1.73em; /*2em; */
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-top     : 10px; 
  margin-bottom  : 10px;
  margin-left    : 197px;
  margin-right   : 197px;
}

div#author { 
  font-size: 1.44em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 140%;
  margin: 0 197px;
  text-align: center;
 }

p.leftHead {
  margin: 2px 2px 2px 2px;
  padding: 10px 2px 2px 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  font-weight: bold;
}
p.ind1 {
  margin-left: 0.37in; 
  text-indent: -0.01in; 
  margin-bottom: 0in
}

#clean_block { 
position: static; /* normal positioning */ }

#questions { 
 color: black;
 font-style: italic;
 margin: 0;
 padding:0;
 border-top: 0;
 border-bottom: 0;
 position: static; /* normal positioning */ 
 }

div#logo { 
  /* background-image: url(./imgs/jdoa_logo1_sm.png); */
  background-image: url(/imgs/classes_sm.png);
  float: right;	
  /* border: 2px solid green;*/
  background-repeat: no-repeat;
  background-position: 100% 0%;
  height: 141px;
  width: 300px; 
  margin: 2px;
}

div.spacer { 
/*  clear: both; */
}

div#header {
  display: block; 
  width: 100%;
  /* border: 2px solid green; */

  /*height: 150px;*/
  /*position: relative;*/
  /*top: 0px; */
  /*left: 0px; */
 }


#menu_spacer {
  width:  100%;
  height: 100px;
 /* border: 2px solid green; */
 }