/* Whole page styling */

p
{
  font-family: Tahoma,Arial,Helvetica;
}

table
{
  border-collapse: collapse; width: 100%;
}

td
{
  font-family: Tahoma,Arial,Helvetica; border: 1px solid navy; padding: 2px;
}

li 
{
  font-family: Tahoma,Arial,Helvetica;
}

code 
{
  font-family: courier; color:#000fff;
}

h1 
{
  font: bold italic 16pt Tahoma,Arial,Helvetica; color: #660000;
}

h2
{
  font: bold 14pt Tahoma,Arial,Helvetica; color: #0000ff;
}

h3
{
  font: 14pt Tahoma,Arial,Helvetica; color: #ff6600;
}

h4
{
  font: bold 12pt Tahoma,Arial,Helvetica; color: #000088;
}

a
{
  font-family: Tahoma,Arial,Helvetica;
}

a:link {color: #663300;}

a:visited {color: #000066;}

a:hover {color: #339900;}

a:active {color: #dd0000;}

#Page
{
  position: absolute; top: 0px; left: 0px; Width: 800px; margin: 0px; border: 0px; padding: 0px;
}



/* Header section */

#Header
{
  float: left; position: relative; width: 480px; height: 240px; margin: 40px 0px 0px 40px; border: 0px; padding: 0px;
}

#Header_Logo
{
  position: absolute; top: 0px; left: 0px; Width: 300px; height: 240px; margin: 0px; border: 0px; padding: 0px;
}

#Project_Title
{
  position: absolute; top: 0px; right: 0px; Width: 180px; margin: 0px; border: 0px; padding: 0px; text-align: right;
}

#Navigation_Bar 
{
  position: absolute; bottom: 0px; right: 0px; width: 180px; margin: 0px; border: 0px; padding: 0px;
}



/* Sidebar section */

#Sidebar
{
  float: right; width: 200px; margin: 40px 40px 0px 0px; border: 0px; padding: 0px;
}  

#projectlist 
{
  margin: 0px 0px 7px 0px; border: 0px; padding: 7px 3px 3px 3px; background-color: #aaaaff; width: 194px;
}

#projectlist img 
{
  width: 100px; height: 80px; margin: 0px 0px 7px 60px;
}

#Project_Logo
{
  background-color: #aaaaff; width: 200px;
  height: 144px; margin: 0px 0px 7px 0px; border: 0px; padding: 0px;
}

#Project_Logo img
{
  border-width: 1px; border-style: solid; border-color: #000000;
}

#Resource_Bar
{
  background-color: #aaaaff; width: 194px; margin: 0px 0px 7px 0px; border: 0px; padding: 3px;
}

#Resource_Bar.smallList a 
{
  font-size: x-small; padding: 0px 0px 1px 5px; margin: 0px 0px 1px 0px;
}

p.small
{
  font-size: x-small; 
}

/* Main section */

#Main_body 
{
  width: 480px; float: left; margin: 40px 0px 7px 40px; border: 0px; padding: 0px;
}

#Resource_List
{
  width: 320px; float: left; margin: 20px 0px 0px 0px; border: 0px; padding: 0px;
}

#Resource_List li
{
  font-size: small;
}

#Images
{
  width: 160px; float: right; margin: 20px 0px 0px 0px; border: 0px; padding: 0px;
}


/* Footer section */

#Footer
{
  clear: both; width: 800px; margin: 0px; border: 0px; padding: 0px;
}

#Footer_links 
{
  clear: both; width: 100%; text-align: center; font-size: small; background-color: #ff8000;
}

#Footer_Logos p,#Footer_Logos h3 
{
  color: navy; font-style: normal; text-align: right;
}

img.left
{
  float: left;
}

img.right
{
  float: right;
}

/* Tutorial pages formatting */

#tutorialnav
{
  position: absolute;
  top: 360px;
  left: 400px;
}

#exceltable
{
  border-width: 1px; border-style: solid; font-family: Tahoma,Arial,Helvetica; cell-padding: 5px;
}