html
{
height:100%;
}

body
{
margin:0px;
font-size:70%;
font-family:Verdana, sans-serif;
background:#d0e8e8 url("../images/pagebg.jpg") repeat-x top left;
height:100%;
}

img
{
border:none;
}

a
{
color:#ff0000;
text-decoration:none;
}

p
{
margin:8px 0px 8px 0px;
}

table#banner
{
width:760px;
background-color:#ffffff;
padding-bottom:5px;
}

table#banner a, table#banner .linksep 
{
color:#9c9a9c;
font-weight:bold;
font-size:0.9em;
padding-bottom:5px;
}

table#banner .linksep
{
padding: 0px 0.5em 0px 0.5em;
}

div.bannerlinks
{
margin:0px 5px 3px 0px;
}

table#main
{
width:760px;
background-color:#ffffff;
border-bottom:1px solid #636563;
}

table#main td#menu
{
border-top:1px solid #636563;
border-left:1px solid #636563;
border-right:1px solid #636563;
padding:5px 0px 5px 0px;
}

table#main td#menu a
{
font-size:1.2em;
margin-right:40px;
color:#000000;
font-weight:bold;
}

table#main td#menu a.active
{
color:#ff0000;
}

table#main td.image
{
border-top:1px solid #636563;
border-left:1px solid #636563;
width:565px;
height:187px;
background:#ffffff url("../images/pagebg/1col/fountains_760.jpg") no-repeat bottom left;
}

table#main td.onecolimage
{
border-top:1px solid #636563;
border-left:1px solid #636563;
width:760px;
height:187px;
background:#ffffff url("../images/pagebg/1col/default.jpg") no-repeat bottom left;
}

table#main td.image h1, table#main td.onecolimage h1
{
font-size:1.5em;
color:#ffffff;
font-weight:normal;
margin:0px 0px 5px 5px;
}

table#main td.left
{
border-top:1px solid #636563;
border-left:1px solid #636563;
/* NB: width 10px less for padding */
width:555px;
padding:5px;
}

table#main td.right, table#main td.imageright, table#main td#submenu, table#main td.onecol
{
border-top:1px solid #636563;
border-left:1px solid #636563;
border-right:1px solid #636563;
padding:5px;
width:195px;
}

table#main td.imageright
{
background:#ffffff url("../images/imagebg.jpg") no-repeat bottom left;
}

table#main td#submenu a
{
display:block;
margin:0.8em 0em 0.8em 0em;
color:#000000;
font-weight:bold;
}

table#main td#submenu a.level2, table#main td#submenu a.level2active
{
display:block;
margin:0.8em 0em 0.8em 2em;
margin-left:2em;
color:#9c9a9c;
}

table#main td#submenu a.active, table#main td#submenu a.level2active
{
color:#ff0000;
}

table#main td#submenu a.regnow
{
color:#ff0000;
font-size:1.4em;
}

table#footer
{
width:760px;
padding:10px 10px 10px 10px;
}

h2
{
font-size:1.05em;
}

/* courses */

div.tracklist2
{
font-size:0.9em;
height:1.2em;
width:100%;
padding:1px 0px 1px 2px;
border:1px solid #ffffff;
cursor:pointer;
color:#ffffff;
}

td.legend
{
color:#ffffff;
}

td.coursedetailhead
{
color:#ffffff;
}

td.courseoptions
{
font-weight:normal;
font-size:0.9em;
height:20px;
text-align:left;
color:#666666;
}

a.level
{

font-weight:normal;
color:#d90000;
text-decoration:none;
}

a.level:hover
{
font-weight:normal;
color:#000000;
text-decoration:underline;
}

a.courselink
{
font-weight:normal;
color:#ffffff;
text-decoration:none;
}

a.courselink:hover
{
font-weight:normal;
color:#000000;
text-decoration:underline;
}

a.courselinkselected
{
font-weight:normal;
color:#000000;
text-decoration:none;
}

a.courselinkselected:hover
{
font-weight:normal;
color:#000000;
text-decoration:underline;
}

/* course detail pop up */

table.coursedetail
{
background-color:#ffffff;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
}

table.coursedetail td
{
border-top:1px solid #000000;
border-left:1px solid #000000;
}

table.coursedetail h2
{
margin:5px 0px 5px 0px;
}

img.presenter
{
float:left;
padding: 0px 10px 0px 0px;
}

h2.presenter
{
padding:0px;
margin:0px 0px 10px 0px;
}

/* course planner */

td.courseleft
{
	width:30%;
}

td.courseright
{
	width:70%;
}