body
{ 
    font                : 1.0em verdana; 
    color               : #000000; 
    background-color    : #e2e3e5; 
    margin              : 0px;
}


td
{ 
    font                : 1.0em verdana; 
    color               : #000000; 
    margin              : 0px;
}

p
{ 
    margin-top          : 0px; 
    text-align          : left;
}

img
{
    border-width        : 0px;
}

em
{
	font-family		    : "courier new";
	font-size			: smaller;
	font-style			: normal;
}

h1
{
    font                : bold 2.0em georgia;
    margin-top          : 25px; 	
    margin-bottom       : 25px; 
    color               : #000000;
    text-align          : center;
}

h2
{
    font                : bold 1.25em georgia; 
	margin-top          : 25px; 
    margin-bottom       : 0px; 
    color               : #000000;
}

h3
{ 
    font                : bold 0.9em georgia; 
    margin-top          : 25px; 
	margin-bottom       : 0px;
    color               : #000000;
	text-transform      : uppercase;
}

a:link
{
    font-weight         : normal; 
    text-decoration     : underline; 
    color               : #b6985a;
}

a:visited
{ 
    font-weight         : normal; 
    text-decoration     : underline; 
    color               : #b6985a;
}

a:hover
{
    font-weight         : normal; 
    text-decoration     : underline; 
    color               : #b6985a;
}

a:active
{ 
    font-weight         : normal; 
    text-decoration     : underline; 
    color               : #b6985a;
}

p.code
{
  font-family		    : "courier new";
  font-size			    : smaller;
  border-color      : #a8a9ad;
  border-style	    : solid;
  border-width	    : 2px;
  background-color  : #e2e3e5;
  padding-top		    : 10px;
  padding-bottom	  : 10px;
  padding-left	    : 5px;
  margin-top        : 10px;
}

tr.index td
{
  font-family       : "courier new";
  width             : 50px;
  text-align        : center;
}
table.array
{
border-spacing: 0px;
}

tr.array td
{
  font-family       : "courier new";
	border-left-color      : #000000;
	border-left-style	    : solid;
	border-left-width	    : 2px;
	border-bottom-color      : #000000;
	border-bottom-style	    : solid;
	border-bottom-width	    : 2px;
	border-top-color      : #000000;
	border-top-style	    : solid;
	border-right-style	    : none;
	border-top-width	    : 2px;
  width             : 50px;
  height            : 50px;
  text-align        : center;
}

tr.array td.arrayend
{
	border-color      : #000000;
	border-style	    : solid;
	border-width	    : 2px;
}

.Content
{
    position            : absolute; 
    top                 : 0px;
    left                : 25px;
    right               : 100px;
	padding-top         : 200px;
	padding-left        : 40px;
	padding-right       : 350px;
	padding-bottom      : 200px;
	border-color        : #a8a9ad;
	border-style	    : solid;
	border-top-width    : 0px;
	border-left-width   : 2px;
	border-right-width  : 2px;
	border-bottom-width : 0px;
    background-color    : #ffffff;
    min-height          : 100%;
}

.Logo
{
    position            : absolute; 
    top                 : 10px; 
    left                : 55px;
    width               : 175px;
    height              : 169px;
	padding-right       : 10px;
	padding-left        : 10px;
}

.HeaderBG
{
    position            : absolute; 
    top                 : 65px; 
    left                : 260px;
    right               : 140px;
    height              : 36px;
	border-color        : #b6985a;
	border-style	    : solid;
	border-width	    : 2px;
    background-color    : #e6dac2;
}

.FooterBG
{
    position: absolute;
	height: 36px;
    bottom              : 35px; 
    left                : 40px;
    right               : 40px;
    height              : 36px;
	border-color        : #b6985a;
	border-style	    : solid;
	border-width	    : 2px;
    background-color    : #e6dac2;
}

.Footer
{
    position            : absolute; 
    bottom              : 5px; 
    left                : 40px;
    right               : 40px;
	text-align          : center;
    color               : #b6985a;
}

.SubjectLogo
{
    position            : absolute; 
    top                 : 20px; 
    right               : 20px;
    width               : 69px;
}

.SideMenu
{
    margin-top          : 0px;
    padding-top         : 0px;
    position            : absolute; 
    top                 : 100px; 
    right               : 40px;
    bottom              : 100px;
    width               : 275px;
	border-color        : #b6985a;
	border-style	    : solid;
	border-width	    : 2px;
    background-color    : #e6dac2;
	font                : 0.8em verdana;
}

.CourseMenu
{
	padding-left        : 25px;
    padding-top         : 25px;
    padding-bottom      : 35px;
}

.CourseMenuTitle
{
    font                : bold 1.3em verdana; 
    margin-left         : -3px; 
    color               : #b6985a;
    text-align          : left;
    text-transform      : uppercase;
    background-color    : #ffffff;
    width               : 101%;
    border-top-color    : #b6985a;
    border-bottom-color : #b6985a;
    border-left-color   : #ffffff;
    border-right-color  : #ffffff;
	border-style	    : solid;
	border-width	    : 2px;
    padding-top         : 10px;
    padding-bottom      : 10px;
}

.CourseSubMenu
{
    display             : block;
    margin-left         : 0px;
}

.CourseSubMenuTitle
{
    color               : #b6985a;
    cursor              : pointer;
    font-weight         : bold;
    margin-left         : 0px;
    margin-top          : 10px;
}

.CourseSubMenuItem
{
    color               : #b6985a;
    display             : block;
    margin-left         : 0px;
}

.SiteMenuTitle
{
    font                : bold 1.3em verdana; 
    margin-left         : -3px; 
    color               : #b6985a;
    text-align          : left;
    text-transform      : uppercase;
    background-color    : #ffffff;
    width               : 101%;
    border-top-color    : #b6985a;
    border-bottom-color : #b6985a;
    border-left-color   : #ffffff;
    border-right-color  : #ffffff;
	border-style	    : solid;
	border-width	    : 2px;
    padding-top         : 10px;
    padding-bottom      : 10px;
}

.SiteMenu
{
	padding-left        : 25px;
    padding-top         : 25px;
    padding-bottom      : 25px;
}

.YouTube
{
color : #6F6F6F;
    margin-left:auto;
    margin-right:auto;
    text-align               : center;
    padding-top          : 15px;
    width               : 500px;
    height              : 400px;
	border-color        : #a8a9ad;
	border-style	    : solid;
	border-width	    : 2px;
    background-color    : #e2e3e5; 
}

.YouText
{
padding-top          : 5px;
    color : #6F6F6F;
    text-align               : center;
}

.YouText a:link
{
    font-weight         : normal; 
    text-decoration     : underline; 
    color               : #6F6F6F;
}

.YouText a:visited
{ 
    font-weight         : normal; 
    text-decoration     : underline; 
    color               : #6F6F6F;
}

.YouText a:hover
{
    font-weight         : normal; 
    text-decoration     : underline; 
    color               : #6F6F6F;
}

.YouText a:active
{ 
    font-weight         : normal; 
    text-decoration     : underline; 
    color               : #6F6F6F;
}

.center
{
    display: block; margin-left: auto;   margin-right: auto;
}