body {
  font-size: 62.5%;
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  }

p {
  font-family: verdana;
  color: #000000;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 1.0em;
  }

h1, h2, h3, h4, h5, h6 {
  margin:0;
  padding:0;
  font-weight:normal;
}

p, ul, ol {
  margin:0;
  padding:0;
 }
 
ul, ol {
  list-style:none;
  padding:0;
}
a {
  margin:0;
  padding:0;
}

a:link, a:visited {
  text-decoration:none;
  color: #000;
  }

a:hover {
  color: white; 
  background-color: blue;
}

a.column3img:hover {
  background-color: #fff;
  }
a.nobg:hover {
  background-color: #fff;
  }
  
a.more:hover {
  background-color: #ccddee;
  }   

.topnav {
  font-family: verdana;
  color: #79ca00;
  text-decoration: none;
  font-weight: bold;
  word-spacing: normal;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 1.2em;
  text-align: right;
  margin-right: 20px;
  }
 
#column2 h1 {
  font-family: "Trebuchet MS";
  color: #79ca00;
  text-decoration: none;
  word-spacing: normal;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.9em;
  font-size: 1.8em;
  margin-bottom: 0.4em;
  margin-top: 0.5em;
  }
  
#coursedb h1 {
  font-family: "Trebuchet MS";
  color: #79ca00;
  text-decoration: none;
  word-spacing: normal;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.9em;
  font-size: 1.8em;
  margin-bottom: 0.4em;
  margin-top: 0.5em;
  }
    
#column1 h2 {
  font-family: verdana;
  color: #79ca00;
  text-decoration: none;
  word-spacing: normal;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 1.2em;
  margin-bottom: 0.4em;
  margin-top: 0.5em;
  }
    
#column2 h2 {
  font-family: verdana;
  color: #79ca00;
  text-decoration: none;
  word-spacing: normal;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 1.2em;
  margin-bottom: 0.4em;
  margin-top: 0.5em;
  }

#column2 h2 {
  font-family: verdana;
  color: #79ca00;
  text-decoration: none;
  word-spacing: normal;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 1.2em;
  margin-bottom: 0.4em;
  margin-top: 0.5em;
  }

#column2 h3 {
  font-family: verdana;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 1.0em;
  margin-bottom: 0.4em;
  margin-top: 1em;
  }
  

/*
#column3 p {
  margin-top: 13px;
  }
  */
#column2 p {
  margin-bottom: 4px;
  }
/*
#column3 h2 {
  font-family: "Trebuchet MS";
  color: #79ca00;
  text-decoration: none;
  word-spacing: normal;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.9em;
  font-size: 1.8em;
  margin-bottom: 0.4em;
  margin-top: 0.5em;
  }
  */
  
.special {
  width: 100%;
  border:1px solid #79ca00;
  height: 99px;
  margin-bottom: 5px;
  padding: 5px
  }
  
.special h2 {
  font-family: "Trebuchet MS";
  color: #79ca00;
  text-decoration: none;
  word-spacing: normal;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.6em;
  font-size: 1.5em;
  margin-bottom: 3px;
  margin-top: 1px;
  }  
  
.special img {
  float: right;
}

#column2 ul {
  margin-bottom: 0.2em;
  margin-top: 0.5em;
  }

#column2 li
  {
  font-size: 1.1em;
  padding-left: 12px;
  background: url(/images/bullet2.png) no-repeat ;
  margin-bottom: 0.8em;
  }

#column2 li li {
  font-size: 1.1em;
  }

#column3 ul {
  margin-bottom: 0.2em;
  margin-top: 0.5em;
  }

#column3 li
  {
  padding-left: 12px;
  background: url(/images/bullet2.png) no-repeat ;
  margin-bottom: 0.8em;
  }

em {
  font-family: verdana;
  font-weight: bold; 
  color: #79ca0d;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 1.0em;
  }
  
.strikethru {
  font-family: verdana;
  font-weight: bold; 
  color: #79ca0d;
  text-decoration: line-through;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 1.0em;
  }
  
strong {
  font-family: verdana;
  font-weight: bold; 
  color: #000;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 1.0em;
  }
  

ul {
  font-family: verdana;
  color: #000000;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 0.9em;
  padding-left: 7px;
  }

table {
  font-family: verdana;
  color: #000000;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 1.0em;	
  width: 100%;
  border-collapse; collapse;
  }

#coursedb table {
  width: 100%;
  border-collapse; collapse;
  }
  
th {
  text-align: left;
  padding: 0.2em;
  background-color: #79afec;
  }

tr {
  background-color: #ccddee; /* light blue */
  vertical-align: middle;
  }
  
.y {
  background-color: #ffb7b7; /* red */
  }

.n {
  background-color: #ceffae; /* light green */ 
  }

.materials {
  background-color: #d0a9f5; /* light purple */
  }

.alert {
  background-color: #ffff77; /* light yellow*/ 
  }

td {
  vertical-align: top;
  }
  

/* class and id */

img {
  border: 0;
  }

#container {
 width: 1012px;
 margin-left: auto;
 margin-right: auto;
 height: 950px;
 padding: 5px;
 }

#header {
 width: 1000px;
 height: 192px;
 background:  #af94bf Url(images/newheader.jpg) no-repeat;
 padding-top: 5px;
 margin-bottom: 5px;
 }
 
.faq {
 margin-bottom: 8px;
 }

.articleimage {
  float: right;
  margin: 2px;
  }
  
.social {
  float: right;
  padding: 1px;
  text-align: right;
  clear: right;
  }

.detailimage {
  margin-left: 5px;
  }

.button {
 Float: left;
 margin-top: 145px;
 margin-left: 10px;
}

.headright {
 float: right;
} 

.extrabutton {
 float: left;
 margin-top: 145px;
 margin-left: 5px;
 border: 0;
} 

#column1 {
 width: 172px; /*
 padding: 5px; */
 float: left;
 margin-bottom: 5px;
 }


#column2 {
 width :513px;
 padding: 5px;
 float: left;
 margin-left: 5px;
 margin-bottom: 5px;  
 }

#column3 {
 width: 275px;
 float: left;
 padding: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
 }

#coursedb {
 width :100%;
 padding: 5px;
 float: left;
 margin-left: 5px;
 margin-bottom: 5px;  
 }
.column3img {
  margin-left: 30px;
  }

#column3 img {
  border: 0;
  }

#footer img {
  border: 0;
  }

.featured {
 margin-top: 5px;
 }

#footer { 
 width: 990px;
 padding: 5px;
 padding-top: 40px;
 }

/* booking form include styles */

form.contact fieldset {
border: 1px dotted black;
padding: 10px;
}

form.contact label {
font-weight: normal;
color: #000;
}

label {
display: block;
width: 100%;
}

fieldset {  
float: left;  
clear: both;  
width: 95%;  
margin: 0 0 1.5em 0;  
padding: 0;  
border: 1px dotted #BFBAB0;  
}


/* Meet the team css */

.outer {
  border: 1px dotted gray;
  padding: 5px;
  margin-bottom: 5px;
  clear: both;
  }

.photo {
  width: 120px;
  border: none;
  padding-top: 8px;
  margin-bottom: 35px;
  float: left;
  }
  
.voucher {
  padding: 5px;
  margin: 5px;
  border-top: 1px dashed #0000FF;
  border-left: 1px dashed #0000FF;
  border-right: 1px dashed #0000FF;
  border-bottom: 1px dashed #0000FF;
  width: 600px;
  height: 175px;
}

.voucher p {
  font-family: verdana;
  color: #000000;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.3em;
  font-size: 1.1em;
}

.voucher h2 {
  font-family: verdana;
  color: #000000;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.5em;
  font-size: 1.3em;
}

.description {
  border: none;
  padding: 5px;
  }

.description h1 {
  margin-top: 0;
  padding-top: 0;
  font-family: verdana, sans-serif;
  font-size: 20px;
  color: darkslateblue;
  }

.description p {
  padding-top: 0px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #000000;
  }

.description em {
  font-family: Verdana, sans-serif;
  font-size: 15px;
  font-style: normal;
  color: #000000;
  }
  
 .spacer {
  margin-bottom: 5px;
  }
  
glossymenu, glossymenu2, glossymenu3, glossymenu4, glossymenu5 {
margin: 5px 0;
padding: 0;
width: 100%; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}


.glossymenu a.menuitem{
background: black url(http://www.purplegriffon.com/images/glossybackpurple.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu2 a.menuitem{
background: black url(http://www.purplegriffon.com/images/glossybackblue.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu3 a.menuitem{
background: black url(http://www.purplegriffon.com/images/glossybackgreen.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu4 a.menuitem{
background: black url(http://www.purplegriffon.com/images/glossybackgrey.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu5 a.menuitem{
background: black url(http://www.purplegriffon.com/images/glossybackdblue.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active, .glossymenu2 a.menuitem:visited, .glossymenu2 .menuitem:active, .glossymenu3 a.menuitem:visited, .glossymenu3 .menuitem:active, .glossymenu4 a.menuitem:visited, .glossymenu4 .menuitem:active, .glossymenu5 a.menuitem:visited, .glossymenu5 .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon, .glossymenu2 a.menuitem .statusicon, .glossymenu3 a.menuitem .statusicon, .glossymenu4 a.menuitem .statusicon, .glossymenu5 a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(http://www.purplegriffon.com/images/glossyback2purple.gif);
}

.glossymenu2 a.menuitem:hover{
background-image: url(http://www.purplegriffon.com/images/glossyback2blue.gif);
}

.glossymenu3 a.menuitem:hover{
background-image: url(http://www.purplegriffon.com/images/glossyback2green.gif);
}

.glossymenu4 a.menuitem:hover{
background-image: url(http://www.purplegriffon.com/images/glossyback2grey.gif);
}

.glossymenu5 a.menuitem:hover{
background-image: url(http://www.purplegriffon.com/images/glossyback2dblue.gif);
}

.glossymenu div.submenu, .glossymenu2 div.submenu, .glossymenu3 div.submenu, .glossymenu4 div.submenu, .glossymenu5 div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul, .glossymenu2 div.submenu ul, .glossymenu3 div.submenu ul, .glossymenu4 div.submenu ul, .glossymenu5 div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li, .glossymenu2 div.submenu ul li, .glossymenu3 div.submenu ul li, .glossymenu4 div.submenu ul li, .glossymenu5 div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a, .glossymenu2 div.submenu ul li a, .glossymenu3 div.submenu ul li a, .glossymenu4 div.submenu ul li a, .glossymenu5 div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover, .glossymenu2 div.submenu ul li a:hover, .glossymenu3 div.submenu ul li a:hover, .glossymenu4 div.submenu ul li a:hover, .glossymenu5 div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}