html, body{ 
 margin:0; 
 padding:0;
 background-color:white;
 font-family:Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans;
 font-size: 79%;
 } 
 
img {
    border: 0;
}

img.ttlimg {
    position: absolute;
    top: 0px;
    left: 0px;
}
 
.coursetbl td {
    vertical-align: top;
    padding: 0.2em;
    text-align: left;
    border-bottom: black solid 2px;
    font-size: 125%;
}

.coursetbl.price {
    vertical-align: top;
    padding: 3px;
    text-align: right;
}

#pagewidth{ 
 width:100%; 
  min-width: 500px; 
  
} 
 
#header{ 
 height:54px; 
 width:100%; 
 background-color:#2d3edb;
 /* background-image: url(header-bg.gif); */
 background-position: right;
 background-repeat: repeat-y;
 z-index: 10;
 font-color: white;
 } 

 
#header H1 {
    margin:0;
}
#leftcol{
 width:143px; 
 float:left; 
 margin-left:-143px; 
 margin-right:1px; 
 }
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 143px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color:#2d3edb;   /* left column colour */ 
border-left-style: solid; 
 /*/*/ border-right-width: 173px; /* right column width. NN4 hack to hide borders */ 
border-right-color: #2d3edb;  /* right column colour */ 
border-right-style: solid; 
  background-color: #FFFFFF; /* center column colour */ 
width: auto; 
 } 
 
#rightcol{
 /*/*/ width:173px; /* hack keeps NN4 right column right? */ 
 float:right; 
  margin-right:-173px; 
 margin-left:1px; 
} 
 
#topleft{
 width:143px; 
 float:left; 
 margin-right:1px; 
 height: 54px;
 z-index: 25;
 }
 
#topcenter{ 
 border:solid white 0px; 
 height: 54px;
   /*/*/ border-left-width: 143px ;  /* left column width. NN4 hack to hide borders */ 
 border-left-color:#2d3edb;   /* left column colour */ 
 border-left-style: solid; 
  /*/*/ border-right-width: 173px; /* right column width. NN4 hack to hide borders */ 
 border-right-color: #2d3edb;  /* right column colour */ 
 border-right-style: solid; 
 background-color: #FFFFFF; /* center column colour */ 
 width: auto; 
 } 
 
#topright{
 /*/*/ width:173px; /* hack keeps NN4 right column right? */ 
 float:right; 
position:static; 
 margin-left:-3px; 
 z-index: 25;
} 
 
#footer{
 height:137px; 
 width:100%; 
 background-color:#9999CC;
 border: 1px solid #2d3edb;
 border-top:1px solid #9999CC;
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 margin: 0 -8px 0 -2px; 
 }
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
ul li.decimal {list-style-type: decimal}
 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}


/* */
#leftcol H2,
#rightcol H2  {
    margin: 0 0 5px 0;
}

#leftcol .content,
#rightcol .content {
    color: #fff;
}

#leftcol .content UL,
#rightcol .content UL {
    list-style:none;
    margin:0;
    padding:0 0 10px 0;
}

#leftcol .content UL LI,
#rightcol .content UL LI,
#rightcol .content UL DIV {
    padding:0 5px 5px 12px;
}

#leftcol .content UL LI A,
#rightcol .content UL LI A,
#rightcol .content UL DIV SPAN A
{
    color: #FDFDFD;
    text-decoration:none;
}

#leftcol .content UL LI A:hover,
#rightcol .content UL LI A:hover,
#rightcol .sidebarimage A:hover,
#rightcol .content UL DIV SPAN A:hover {
    text-decoration:underline;
}


#footer-left {
    background-color: #2d3edb;
    width:142px;
    height:137px; 
    float:left;
    margin-right:5px;
}

#footer-right {
    position:absolute;
    right:0;
    background-color: #2d3edb;
    width:172px;
    height:137px; 
}
#footer-right P {
    color:#FFF;
    padding:5px;
    text-align:center;
}
#footer-right IMG {
    margin:0.5em;
    border: 0px;
}

#footer-center P {
    margin: 1em;
    color:#67633d;
}

#maincol .content {
    padding:10px 20px;
    font-size:130%;
}

#maincol .content .commentary{
    padding:10px 20px;
    font-size:92%;
}

#maincol .content #saltaire {
  text-align:center;
}

#footer IMG {
    border:0;
}

.sidebarimage {
    text-align:center;
    padding:10px;
}

#footer-right P {
    margin:0;
}

h1 {
    height: 30px;
    padding: 18px 5px 6px 155px;
    font-size: 250%;
    font-weight: 500;
    color: #f5f5f5;
    font-family: "Gill Sans MT",Verdana,Helvetica,Arial,sans-serif;
}

.content h1 {
    height: 16px;
    padding: 0px;
    font-size: 160%;
    color: #202000;
}

h3.externallink {
    margin:0 20px;
    font-size:85%;
    font-weight:normal;
}

h3.externallink A {
    color: #CCCC99;
    text-decoration:none;
}

.module {
    font-weight:500;
}

P.stcom {
    margin: 6px 224px 6px 24px;
    font-size: 125%;
    font-weight: 400;
}

ul.errorlist {
    list-style: none inside;
    background-color:red;
    padding:5px;
    font-size:85%;
}

form table tr th {
    text-align:right;
}

.colheader {
    height: 56px;
    background-color: #2d3edb;
}

.lab {
    margin-right: 1em;
    color: #dddddd;
    font-size: 8px
}

.stdform {
    text-align: left;
    font-size: 6px;
    color: #aaaaaa;
}

p.lsecstripe {
    width: 134px;
    background-color: black;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-color: #ff7777;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    font-family: "Gill Sans Mt",Verdana,Arial,sans-serif;
    font-weight: 900;
    font-size: 120%;
    color: #d0d0d0;
}

p.rsecstripe {
    width: 164px;
    background-color: black;
    margin-left: 0px;
    margin-right: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-color: #ff3030;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    font-family: "Gill Sans Mt",Verdana,Arial,sans-serif;
    font-weight: 900;
    font-size: 120%;
    color: #d0d0d0;
}

input.stdform {
    height: 12px;
    width: 50px;
    font-size: 5px;
    color: #000000;
    background: #aaaaaa;
    border-width: 0;
}

a.login { font-size: 8px;
    color: #aaaaaa
}

p.quote {
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 80%;
    text-align: justify;
}

p.name {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 65%;
    font-weight: 800;
    text-align: right;
}

p.attribution {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 65%;
    font-weight: 800;
    text-align: right;
    font-style: italic;
}

.codehilite pre {
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    background-color: #eeeeee;
    font-size: 150%;
    font-weight: 800;
}

code {
    font-size: 150%;
}


.noshow { display:none; }