/* General styles */
* {
  font-family: 'Verdana', 'Tahoma', 'Lucida Sans', sans-serif;
  font-size: 11px;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  /* This removes the border around the viewport in old versions of IE */
  width: 100%;
  background: #fff;
  min-width: 700px; /* Minimum width of layout - remove line if not required */
  /* The min-width property does not work in old versions of Internet Explorer */
  font-size: 90%;
}

a {
  color: #03f;
  background: #f5f5f5;
}

a:hover {
  color: #fff;
  background: #000;
}
.logo a:hover {
  color: #fff;
  background: #fff;
}

h1,h2,h3 {
  font-family: monospace;
  margin: .8em 0 .2em 0;
  padding: 0;
  margin: .8em 0 .2em 0;
}

h1 {
  font-size: 22px;
}

h2 {
  font-size: 17px;
}

p {
  margin: .4em 0 .8em 0;
  padding: 0;
}

img {
  margin: 0;
}

/* Header styles */
.header {
  width: 100%;
}

.header {
  border-bottom: none;
  /*background-image: url("./class.png");*/
  background: #fbfffb;
}

.header p,.header h1,.header h2 {
  padding: .4em 15px 0 15px;
  margin: 0;
}

.header ul {
  float: right;
  clear: right;
  list-style: none;
  margin: 0px 20px 0 0;
  padding: 0;
  list-style: none;
}

.header ul li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}


.header ul li a:hover {
  background: #000;
  color: #fff;
}


.header ul li a span {
  display: block;
  background: #fee;
}

/* 'widths' sub menu */
#layoutdims {
  clear: both;
  background: #f1f1f1;
  border-top: 4px solid #000;
  margin: 0;
  padding: 6px 15px !important;
  text-align: right;
}

/* column container */
.colmask {
  position: relative; /* This fixes the IE7 overflow hidden bug */
  clear: both;
  float: left;
  width: 100%; /* width of whole page */
  overflow: hidden; /* This chops off any overhanging divs */
}

/* common column settings */
.colright,.colmid,.colleft {
  float: left;
  width: 100%; /* width of page */
  position: relative;
}

.col1,.col2,.col3 {
  float: left;
  position: relative;
  padding: 0 0 1em 0;
  /* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
  overflow: hidden;
}

/* 3 Column settings */
.threecol {
  background: #fbfffb; /* right column background colour */
}

.threecol .colmid {
  right: 25%; /* width of the right column */
  background: #fff; /* center column background colour */
}

.threecol .colleft {
  right: 50%; /* width of the middle column */
  background: #fbfffb; /* left column background colour */
}

.threecol .col1 {
  width: 46%;
  /* width of center column content (column width minus padding on either side) */
  left: 102%; /* 100% plus left padding of center column */
}

.threecol .col2 {
  width: 21%;
  /* Width of left column content (column width minus padding on either side) */
  left: 31%;
  /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 {
  width: 21%;
  /* Width of right column content (column width minus padding on either side) */
  left: 85%; /* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* Footer styles */
.footer {
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #000;
}

.footer p {
  padding: 10px;
  margin: 0;
}

.footer ul {
  list-style: none;
}

.footer ul li {
  display: inline;
}

.fn {
  margin-bottom: 5px;
  text-align: center;
}

.col2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

col2 ul li {
  margin: 0;
  padding: 0;
}

.header .nav {
  display: inline;
  clear: both;
}


.header .logo {
  margin: 0;
  padding: 0;
  margin-left: 30px;
  float: left;
  background: #fff;
}

.logo a {
  text-decoration: none;
  border-bottom: none;
  background: #fff;
}

.logo a:hover {
  border-bottom: none;
  background: inherit;
}

.logo font {
  display: inline;
}

.subLogo {
  text-align: center;
  margin-bottom: 5px;
}


.h00 {
  text-decoration: none;
  font-size: 40px;
  font-weight: bold;
  /*font-family: 'Arial';*/
  border-bottom: none;
}

.newsDate {
  color: #696979;
  font-size: xx-small;
  font-family: cursive;
  text-align: left;
  font-weight: normal;
}

.courseDate, .altCourse{
  text-align: left;
  color: #233;
  font-size: 11px;
  font-family: sans-serif;
  }


.courseDate .altCourseDate{
  color: #332;
  font-family: monospace;
}


.biga {
  font-family: sans-serif;
  font-size: 16px;
  font-weight: bold;
}

a, .biga{
  text-decoration: none;
  color: #00d;
  border-bottom: 1px dotted #111111; 
}



div.row {
  clear: both;
  padding-top: 5px;
}

div.row label {
  float: left;
  width: 50%;
  text-align: left;
  display: inline;
  font-weight: bold;
}

div.row .formw {
  clear: left;
  text-align: left;
  display: block;
}

div.spacer {
  clear: both;
}

ul {
  margin-left: 5px;
  padding-left: 10px;
}

li {
  margin-left: 0;
  padding-left: 0;
  position: relative; 
  left: 0px;
  list-style: circle;
}
ul.noDecoration{
  margin-left: 0px;
  padding-left: 0px;
}
ul.noDecoration li {
  margin-left: 0;
  padding-left: 0;
  position: relative; 
  left: 0px;
  list-style: none;
}

table.tt1 {
  border: 2px solid gray;
}

img.gco {
  height: 44px;
  width: 168px;
  position: relative;
  float: left;
}

.smallPrint {
  font-size: smaller;
  color: #444;
  clear: both;
}

.lwugConfirmed {
  color: #007700;
}

.lwugCancelled {
  color: #442222;
}

.lwugUnconfirmed {
  color: #aa0000;
  font-weight: bold;
}

.newsHL {
  font-weight: bold;
}

li.newsHL{
    font-weight: normal;
}

.feedbackPanelERROR {
  text-align: left;
  color: #ff0000;
  font-weight: bold;
  text-decoration: blink;
}

.feedbackPanelINFO {
  text-align: left;
  color: #ffc000;
  font-weight: bold;
  text-decoration: blink;
}
.j_1{
 color: blue;
}
.W_2{
 color: #a000ff; 
}
.e_3{
 color: #99aa77; 
}
.e_4{
 color: blue; 
}
.k_5{
 color: #cca199; 
}
.e_6{
 color: green;
}

.n_7{
 color: blue;
}
.d_8{
  color: red;
}  
.col3 li{
    padding-bottom: 2px;
	border-bottom: 1px solid #eee;
}
.emptyCart{
    float: right;
}

.summary{
  font-family: Verdana;
  font-size: 1.1em;
  font-weight: bolder;
}
cite.summary{
  font-style: normal;  
}

.numberField{
    text-align: right; 
}

.quickPay{
    padding-bottom: 15px;
    font-weight: bold;
    border: 0;
}

.header ul li a,.header ul li span {
  display: block;
  float: left;
  clear: none;
  margin: 0 0 0 12px;
  padding: 0 2px 0 2px;
  text-align: center;
  background: #f5f5f5;
  text-decoration: none;
  position: relative;
  left: 15px;
  overflow: hidden;
  font-size: 16px;
  font-family: monospace;
}

.nav {
  text-align: center;
  position: absolute;
  top: 0px; 
  right: 0px; 
  width: 1000px; 
  font-size: .3em;
  overflow: hidden;
}

.header ul li span.biga, li span.biga  {
  background: #fe6300;
  color: #fff;
  padding: 0 2px 0 2px;  
}

