/* GENERAL DEFINITIONS */
body {
  /* Dimensions */
  width: 100%;
  margin: 0px;
  padding: 0px;
  /* Colours */
  color: #000;
  background-color: #FFF;
  /* Base font */
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 19px;
}
h1 {
  font-size: 17px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  color:#003399;
}
h2 {
  font-size: 120%;
  font-weight: bold;
  margin:0px;
  padding: 0px;
  color:#003399;
}

a {
  color: #003399;
}
a:hover {
  color:  #5fb9ff;
}
a:active {
  color:  #5fb9ff;
}

#page {
  width: 800px;
  height:auto;
}

#titlebar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height:100px;
  margin:0px;
  padding:0px;
}
#logo {
  float:left;
}
#strap {
  margin: 0 12px 0 0;
  float:right;
}
#menutabwrapper {
  position: absolute;
  top: 64px;
  left: 0px;
  width:800px;
  z-index: 0;
}
#menutabs {
  padding:0px;
  margin:0px;
  float:right;
  font-size:13px;
  line-height:normal;
  background:#fff;
}
#menutabs ul {
margin:0;
padding:11px 10px 0 62px;
list-style:none;
}
#menutabs li {
  display:inline;
  margin:0;
  padding:0;
}
#menutabs a {
  float:left;
  background:url("../siteimages/tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}
#menutabs a span {
  float:left;
  display:block;
  background:url("../siteimages/tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#003399;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menutabs a span {float:none;}
/* End IE5-Mac hack */
#menutabs a:hover span {
  color:#FFF;
}
#menutabs a:hover {
  background-position:0% -60px;
}
#menutabs a:hover span {
  background-position:100% -60px;
}
#menutabs a.selected {
  background-position:0% -60px;
}
#menutabs a.selected span {
  background-position:100% -60px;
  color:#FFF;
}


#maincontentwrap {
  position: absolute;
  top: 100px;
  left: 0px;
  margin:0px;
  width:800px;
  /* Background image */
  background-image: url(../siteimages/background2.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #5fb9ff;
   /* To be sure it's in front of the tabs */
  z-index: 100;
}
#maincontent {
  padding:20px;
}

.borderdiv {
  border: 5px solid #5fb9ff;
  background: #FFF;
  background-image: none;
  padding:10px;
  margin: 10px 0px;
}

#leftcolwrap {
  float:left;
  width:200px;
  height:800px;
}
#leftcol {
  width:auto;
}
#leftcol a img {
  border-style: none;
}
#leftcol a {
  font-weight: bold;
  font-size: 100%;
  text-decoration: none;
  color: #0071c9;
}
#leftcol a:hover, #leftcol a:active {
  text-decoration: underline;
  color: #5fb9ff;
}
#leftcol table td {
  width: 86px;
}
.leftcolbigpic
{
  width: 200px;
  height: auto;
  margin-bottom: 10px;
}
.leftcolbigpic img {
  width:170px;
  height:135px;
  border: 2px solid #5fb9ff;
}

.leftcolbox {
  width:60px;
  height:60px;
  border: 4px solid #5fb9ff;
} 
.leftcolboxSelected {
  width:60px;
  height:60px;
  border: 4px solid #003399;
} 
.leftcolcaption {
  margin-top: 3px;
  margin-bottom:15px;
}
.leftcolselcap {
  font-weight: bold;
  font-size: 100%;
  text-decoration: none;
  color: #003399;
}

#midcolplain {
  float:left;
  padding:0px;
  margin:0px;
  width:560px;
  height:auto;
}
.midcolsubwrap {
  border:2px solid #5fb9ff;
  margin:0px 0px 20px 0px;
  width:520px;
  height:auto;
  /* Background image */
  background-image: url(../siteimages/white.gif);
  background-repeat: repeat-both;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  padding:10px;
  width:auto;
  text-align: justify;
}
.midcolsubwrapbold {
  border:4px solid #003399;
  margin:0px 0px 20px 0px;
  width:520px;
  height:auto;
  background-image: url(../siteimages/white.gif);
  background-repeat: repeat-both;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  padding:10px;
  width:auto;
  text-align: justify;
}
.midcolsubwrap img {
  border: 2px solid #5fb9ff;
}

#midcolwrap {
  float:left;
  border:2px solid #5fb9ff;
  padding:0px;
  margin:0px;
  width:562px;
  height:auto;
  /* Background image */
  background-image: url(../siteimages/white.gif);
  background-repeat: repeat-both;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
#midcol {
  padding:10px;
  width:auto;
  text-align: justify;
}
.leftfloatimage {
  float:left;
  margin-right:10px;
  border: 2px solid #5fb9ff;
}
.rightfloatimage {
  float:right;
  margin-left:10px;
}

div.courseicon {
  float:right;
  margin: 0 0 10px 10px;
}
div.courseicon img {
  border: 2px solid #5fb9ff;
}

div.courseiconpink {
  float:right;
  margin: 0 0 10px 10px;
}