* 
{
  padding:0px; margin:0px;
}
   
body
{
  background-color: #6d7f9d;
  font: 10px verdana, helvetica, arial;
  text-align:left;
}
   
/*----------------------------|  S T R U C T U R E  |-------------------------*/
   
#container
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 850px;
  margin: 0px auto;
  background-color: white;
  padding: 0px;
  margin-top: 3px;
  border-top: 0px solid white;
}   

#head 
{
  clear: both;
  background: url(/images/title.jpg) no-repeat top left;
  height: 160px;
}
   
#sidebar 
{
  float: right;
  width: 200px;
  margin-right: 20px;
  padding:  20px 20px 10px 20px;
}

#sidebar img
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#sidebar h3
{
  text-align: center;
  font-weight: bold;
  color: orange;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#sidebar h4
{
  text-align: center;
  font-weight: bold;
  color: orange;
  font-size: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
}

#content 
{
  float: left;
  clear: none;
  width: 500px;
  padding: 5px 0px 0px 45px;
  margin: 0px 0px 0px 20px;
}

#footerAd
{
  float: left;
  clear: none;
  width: 500px;
  text-align: center;
  padding: 5px 0px 0px 45px;
  margin: 0px 0px 0px 20px;
  color: gray;
}

#footerContent 
{
  float: left;
  clear: none;
  width: 500px;
  text-align: center;
  padding: 5px 0px 0px 45px;
  margin: 0px 0px 0px 20px;
  color: gray;
}

#footer 
{
  clear: both;
  text-align: left;
  height: 70px;
}
  
/*
*html #sidebar 
{
  margin-right: 10px;
  width: 250px;
  w\idth: 200px;
}   
   
*html #content 
{
  width: 500px;
  w\idth: 450px;
}
*/

   
#accessibility {
    position: absolute;
    top: -10000px;
    }
   
/*------------------------|  N A V I G A T I O N  |-----------------------*/
   
#nav
{
  /*position: absolute;*/
  width: 849px;
  top: 0px;
  left: 0px;
  height: 30px;
  z-index: 100px;
  padding: 0px;
  margin: 0px 0px;
  border: 1px solid grey;
  background: url(/images/menuBG.jpg);
}
   
*html #nav
{
  position: relative;top:0px;
  float: left;
  margin: -30px 0px 0px 0px;
}  
   
#nav ul 
{
  padding-left: 0px;
  list-style: none;
  float: center;
  margin-left: 10px;
  margin-right: 10px;
}
   

#nav a 
{
  font-weight: bold;
  font-size: 1.2em;
  margin: 0px;
  display: block; 
  border: 0px;
  color: white;
  padding: 7px 0px 0px 0px;
  text-decoration: none;
  text-align: center;
  width: 90px;
  height: 24px;
  font-weight: normal;
}

* html #nav a, * html #nav li a, * html #nav li {
/* commented backslash hack v2 \*/
/* background: url(/images/menuButton.jpg);*/
/* end hack */
}
   
   
#nav li 
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
   
#nav .active li 
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
   
#nav .active a 
{
  background: url(/images/menuBGactive.jpg);  
}
   
* html #nav .active a, * html #nav .active li a, * html #nav .active li 
{   
  /* commented backslash hack v2 \*/
  width: 100px;
  /* end hack */
}
   
#nav a:hover 
{
  color: white;
}

/*------------------------|  T Y P E S T Y L E S  |-----------------------*/      
p, blockquote, li, h3
{
  font: 12px verdana, helvetica, arial;
  color: gray;
  line-height: 18px;
  margin-bottom: 6px;
  margin-top: 6px;
  text-align: justify;
}
   
li
{
  margin: 0px 0px 0px 15px;
}
   
ul 
{
  margin-bottom: 12px;
}
   
blockquote 
{
  margin-left: 20px;
  margin-right: 0px;
}   
   
a 
{
  color: #6d7f9d;
  text-decoration: none;
  font-weight: bold;
}
   
a:hover 
{
  color: #4f5c72;
  /*text-decoration:underline;*/
}

a.button
{
  margin: 10px;
  padding: 3px;
  font-size: 10px; 
  border: 1px solid #406e9e;
  /*-moz-border-radius: 10px 10px 10px 10px;*/
  text-align: center;
  vertical-align: middle;
}

a.button:hover
{
  margin: 10px;
  padding: 3px;
  font-size: 10px; 
  border: 2px solid #406e9e;
  /*-moz-border-radius: 10px 10px 10px 10px;*/
}

a.tabButton
{
  margin: 5px;
  padding: 5px;
  color: #336497;
  background-color: #ccd8e5;
  font-size: 8pt;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  list-style-type: none;
  border: 2px solid #003e7e;
  -moz-border-radius: 10px 10px 0px 0px;
}

a.tabButton:hover                                                                                                                                                
{                                                                                                                                                                
  margin: 5px;                                                                                                                                                     
  padding: 5px;                                                                                                                                                    
  color: #336497;                                                                                                                                                
  background-color: #ccd8e5;                                                                                                                                     
  font-size: 8pt;                                                                                                                                                
  font-family: Verdana, Helvetica, sans-serif;                                                                                                                   
  text-decoration: none;                                                                                                                                         
  list-style-type: none;                                                                                                                                         
  border: 2px solid #003e7e;                                                                                                                                     
  -moz-border-radius: 10px 10px 0px 0px;                                                                                                                             
}  

a.buyButton
{
  margin: 10px;
  padding: 3px;
  font-size: 10px; 
  border: 1px solid #406e9e;
  background-color: yellow;
  /*-moz-border-radius: 10px 10px 10px 10px;*/
  text-align: center;
  vertical-align: middle;
}

a.buyButton:hover
{
  margin: 10px;
  padding: 3px;
  font-size: 10px; 
  border: 1px solid #406e9e;
  background-color: orange;
  /*-moz-border-radius: 10px 10px 10px 10px;*/
  text-align: center;
  vertical-align: middle;
}
   
#sidebar-2 a, #sidebar-1 a 
{
  border: 0px;
  color: #C00;
}
   
h1 
{
  font-weight: bold;
  color: #6d7f9d;
  font-size: 2em;
  margin-bottom: 10px;
  margin-top: 10px;
}
   
h2 
{
  font-weight: bold;
  color: #6d7f9d;
  font-size: 1.5em;
  margin-bottom: 10px;
  margin-top: 10px;
}
   
h3 
{
  font-weight: bold;
  color: #6d7f9d;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
}

h4 
{
  font-weight: bold;
  color: #6d7f9d;
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 5px;
}
   
h3 a 
{
  font-weight: bold;
  color: #6d7f9d;
  font-size: 14px;
  margin-top: 10px;
}
   
h1 a, h2 a 
{
  border: 0px none;
}

img.inlineImageButton
{
  vertical-align: middle;
  margin-top: 5px;
}

img.borderedImage
{
  border: 1px solid;
}

img
{
  border: 0px none;
}

img.inline
{
  border: 0px;
  margin-bottom: 10px;
}

img.right
{
  float: right;
}

img.left
{
  float: left;
}

.caps 
{
  letter-spacing: 0.1em;
  font-size: 10px;
}
   
#content hr 
{
  color: #ccc;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
   
hr 
{
  border-style: none;
  /*border-bottom: 1px solid #ccc;*/
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 15px;
  margin-bottom: 5px;
}

div.block
{   
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  width: 480px;
  text-align: justify;
  border-spacing: 0px;
  border-style: solid;
  border-width:  1px 1px 1px 1px;
  border-color: black;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}

hr
{
  border-top: 2px dotted black;
}

table 
{ 
  border-spacing: 0px; 
  border-style: solid; 
  border-width: 1pt 1pt 1pt 1pt; 
  border-color: #406e9e; 
  background-repeat: repeat-x;
  margin-left: auto; 
  margin-right: auto;
  margin-bottom: 10px;
}

th 
{ 
  font-size: 10pt; 
  background-color: #668bb1;
  color: #fff;
  border-width: 1pt 1pt 1pt 1pt; 
  padding: 5px;
  border-spacing: 0px; 
  border-style: solid; 
  border-color: #406e9e; 
  text-align: center;
}

tr.EvenRow
{
  background-color: orange; 
}

tr.OddRow
{
  background-color: yellow; 
}

td
{
  padding: 5px;
}

td.center
{ 
  text-align: center;
}

td.dirName
{ 
  font-size: 8pt;   
  padding: 5px;
  border-spacing: 0px; 
  border-style: solid; 
  border-width: 1pt 0pt 0pt 0pt; 
  border-color: #406e9e; 
  text-align: left; 
  width: 400px;
}

td.fileName
{ 
  font-size: 8pt;   
  padding: 5px;
  border-spacing: 0px; 
  border-style: solid; 
  border-width: 1pt 0pt 0pt 0pt; 
  border-color: #406e9e; 
  text-align: left;
  width: 250px;
}

td.fileSize
{ 
  font-size: 8pt;   
  padding: 5px;
  border-spacing: 0px; 
  border-style: solid; 
  border-width: 1pt 0pt 0pt 0pt; 
  border-color: #406e9e; 
  text-align: right; 
  width: 70px;
}

td.downloadLinks
{ 
  font-size: 8pt;   
  padding: 5px;
  border-spacing: 0px; 
  border-style: solid; 
  border-width: 1pt 0pt 0pt 0pt; 
  border-color: #406e9e; 
  text-align: right; 
  width: 150px;
}

iframe
{
  margin-bottom: 20px;
}

