/* CSS Document */
/* this document provides the formatting and layout for a two column web page*/
/* any changes made here to the fonts, colors etc will take effect the site-wide*/
/* this allows for simple changing of styles, but care should be taken when changing the layout*/
/* it's good practice to work on a copy of this to test the changes you make*/


/* the first few sections define the page layout */
#wrap {
   width:1050px;
   margin-left: 10px;
   margin-top: 20px;
   margin-right:0 auto;
   margin-bottom: 25px;
}


body, html{
  margin:10px;
  padding: 0;
  background-color: #669900; 
  color: #FFFFFF;
  font-family: Calibri, Lucida Fax, Century, Perpetua;
  text-align: justify;
 }

#content {
   float: right;
   width: 750px;
   margin-bottom: 25px;
 }
  

#header{
	float: left;
	width: 300px;
	margin-bottom: 25px;
	background-color: #669900;
}


#nav {
  margin-bottom: 23px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  
#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }

  
#nav li {
  display: inline;
  align: left;
  }
 
#nav li a:active, #nav li a:visited {
  margin-right: 0.2px;
  color: #003300;
  text-decoration: none;
  }
  
#nav li a:hover {
  margin-right: 0.2px;
  color: #FFFFFF;
  text-decoration: none;
  }

#nav .img{
  border: 1px solid #000000;
}

/* this defines the style and positioning for the largest headings */  
h1 {
  font-size: 130%;
  color: #FFFF00;
  text-align: left;
  margin-left: 20px;
}

/* this defines the style and positioning for the smaller headings */  
h2 {
  font-size: 100%;
  color: #FF9900;
  text-align: left;
  margin-left: 20px;
}

/* this defines the style and positioning for the paragraphs */  
p, td, th {
  font-size: 100%;
  text-align: left;
  margin-left: 20px;
  
}

/*the a: declarations style the links*/
a:link, a:visited, a:active {
    color: #003300; 
    text-decoration: none; /*this removes the underline*/
}

a:hover {
  color: #FFFFFF;
  text-decoration: none;  /*this removes the underline*/
}


/* the pricetable class defines the style and layout of the prices on the course prices page*/
.pricetable {
	border: 0px; 
	margin-left: 50px;
}

.pricetable .td {
	font-weight: normal;
	text-align: left;
	padding: 4px;
}
.pricetable .th {
	font-weight: bold;
	text-align: left;
	padding: 4px;
}