/* CSS Document */

body {
  margin: 0px;
  padding: 0px;
}


<!-- main div styles -->
#container { 
            float:left;
            width:100%;
			margin-left:0px;
			padding-left:0px;
			}

#top {
      float:left; 
      width:100%;
	  background-image:url(http://www.surreyfirstaid.com/images/topbannertile.jpg);
	  background-repeat:repeat-x;
	  background-position:top;
	  vertical-align:top;
	  
	  }
	  
#content {
      float:left; 
      width:100%;
	  }	  

#bottom {
         float:left;
         width:100%;
	     background-image:url(http://www.surreyfirstaid.com/images/bottombannertile.jpg);
	     background-repeat:repeat-x;
	     background-position:top;
		 font-family:Arial, Helvetica, sans-serif;
         font-size:13px;
	     font-weight:bold;
	     color:#FFFFFF;
		 height:35px;
		 #height:60px;
		 padding-top: 25px;
		 }
#bottom a {
	 color:#FFFFFF;
	 font-size:13px;
}
		 
#footer {
      clear:both;
      float:left; 
      width:100%;
	  font-family:Arial, Helvetica, sans-serif;
      font-size:11px;
	  font-weight:bold;
	  color:#000000;
	  }	 
	  
#vacancies {
     
      margin-top:30px;
	  margin-left:5px;
	  }	 	  
	  
#number {

     
      align:right;
	  
	  }	 		  
	   		 
<!-- end of main div styles -->

<!-- table and other styles -->


table.courses {
                 background-repeat:no-repeat;
				 
			   }
			   
table.course {
	width: 785px!important;
}
table.keydetails p {
                 margin:0px;
				 
			   }
			   
table.keydetails td {
                      border: thin dotted #999999;
                
				 
			   }

table.coursehome {

border:hidden;
}			   
			   
table.coursehome p {
                 margin:0px;
				 
			   }
			   
table.coursehome td {
                      border: thin dotted #999999;
                
				 
			   }			   
			   
table.none td {
                      border: none;
					   
			   }		
table.repeat td.repeat {
                      border: none;
					  background-repeat:repeat-x;
                
				 
			   }				   
			   	   

table.courses td.courselist {
              background-repeat:no-repeat;
			  background-position:left;
			  }

div.course {
        margin-top:42px;
		vertical-align:top;
		}
		
div.menu {
        margin-left:10px;
		vertical-align:top;
		}		

div.copy {
        margin-top:20px;
		margin-left:10px;
		margin-right:5px;
		vertical-align:top;
		}

div.header {
        margin-top:15px;
		vertical-align:top;
		}

ul.clist, div.clist ul {
	list-style: disc url(http://www.surreyfirstaid.com/images/cross.jpg) outside;
	line-height:20px;
	font-size:11px;
	cursor: pointer;
	}
div.clist ul .divider, div.clist ul .menu-footer {
  display: none;
}
div.menu {
  padding: 0px;
  margin: 0px;
}
div.menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-bottom: 20px;
  background-repeat: repeat-y;
}
div.menu ul {
	background-image: url(/images/menu.jpg);
}
div.menu ul li {
  border-top: 1px solid;
  position: relative;
  min-height: 63px;
  width: 132px;
  _width: 146px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  padding-left: 15px;
  font-weight: bold;
}
div.menu ul li:hover {
  background-image: url(/images/hover.jpg);
  background-repeat: no-repeat;
}
div.menu .level1 ul {
	background-image: none;
}
div.menu ul li a {
	color: #000;
	cursor: pointer;
	display: block;
	width: 132px;
	height: auto;
	padding-top: 25px;
	padding-bottom: 22px;
} 
div.menu ul li.menu-footer, div.menu ul li.divider {
	display: none;
}
div.menu ul li.level2, div.menu ul li.level3, div.menu ul li.level4 {
	min-height: 20px!important;
	height: auto!important;
	width: auto;
	background-image: none;
	position: relative;
	border: 0px;
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	padding-left: 4px;
}
div.menu ul li.level2 a:hover, div.menu ul li.level3 a:hover {
	font-weight: bold;
}

div.menu ul li.level2 a  {
	font-family: Arial,Helvetica,sans-serif;
	font-size: inherit;
	color: #0000cc;
	text-decoration: none;
	padding: 0px;
}

div.menu ul li.level2 a:hover {
	font-family: Arial,Helvetica,sans-serif;
	font-size: inherit;
	color: #000066;
	text-decoration: none;
	font-weight: normal;
}

div.menu ul li.level2 a:visited {
font-family: Arial,Helvetica,sans-serif;
font-size: inherit;
color: #0000cc;
text-decoration: none;
}



div.menu ul li.level3 a {
font-family: Arial,Helvetica,sans-serif;
font-size: inherit;
color: #0000cc;
text-decoration: none;
line-height: 15px;
}

div.menu ul li.level3 a:hover {
font-family: Arial,Helvetica,sans-serif;
font-size: inherit;
color: #000066;
text-decoration: none;
font-weight: normal;
}

div.menu ul li.level3 a:visited {
font-family: Arial,Helvetica,sans-serif;
font-size: inherit;
color: #0000cc;
text-decoration: none;
}
div.menu a.level1 {
	font-size: 13px;
}

div.menu ul li.level3 {
  font-size: 10px;
  line-height: 12px;
}
div.menu ul.level3 {
	list-style: disc outside;
	margin-top: 10px;
	margin-left: -5px;
}
div.menu ul li.level3 {
	margin-bottom: 4px;
	margin-left: 20px;
	font-size: 11px;
}
div.menu ul li.level2 {
	margin-bottom: 3px;
	font-size: 12px;
}
ul.menulist {
	list-style:disc outside;
	line-height:20px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:none;
	margin-left:10px;
	padding-left:10px;
  cursor: pointer;
	}

ul.standard {
	list-style: disc url(http://www.surreyfirstaid.com/images/cross.jpg) outside;
	line-height:25px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

<!-- end of table styles -->

<!-- text styling -->
.footer1 { 
     font-family:Arial, Helvetica, sans-serif;
     font-size:14px;
	 font-weight:bold;
	 color:#FFFFFF;
	 }
	 
#footer a{ 
     font-family:Arial, Helvetica, sans-serif;
     font-size:12px;
	 font-weight:bold;
	 color:#000000;
	 text-decoration:none;
	 }	 
	 
#footer a:visited{ 
     font-family:Arial, Helvetica, sans-serif;
     font-size:12px;
	 font-weight:bold;
	 color:#000000;
	 text-decoration:none;
	 }	
	 
#footer a:hover{ 
     font-family:Arial, Helvetica, sans-serif;
     font-size:12px;
	 font-weight:bold;
	 color:#000000;
	 }		 	 


a {
    font-family:Arial, Helvetica, sans-serif;
	font-size:inherit;
	 color: #0000CC;
	 text-decoration:none;
	 }

a:hover {
    font-family:Arial, Helvetica, sans-serif;
	font-size:inherit;
	 color: #000066;
	 text-decoration:none;
	 }
	 
a:visited {
    font-family:Arial, Helvetica, sans-serif;
	font-size:inherit;
	 color:#0000CC;
	 text-decoration:none;
	 }
	 
p {
    font-family:Arial, Helvetica, sans-serif;
     font-size:12px;
	 color:#000000;
	 
	 }
	 
p.urgent {
    font-family:Arial, Helvetica, sans-serif;
     font-size:14px;
	 color: #FF0000;
	 font-weight:bold;
	 }	 
	 
h1 { 
     font-family:Arial, Helvetica, sans-serif;
     font-size:18px;
	 font-weight:bold;
	 color:#000000;
	 }
	 
h2 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.style3 {
	font-size: 15px;
	font-weight: bold;
}
.style5 {font-size: 15px; font-weight: bold; font-style: italic; }
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style10 {
  font-size: 13px;
  color: #339900;
}
.style12 {color: #000000}
.style13 {font-size: 13px}
.style15 {font-size: 13px; color: #339900; font-weight: bold; }
.style16 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }

#crumbs ul {
  list-style: none;
  position: relative;
  font-family: Arial;
  font-size: 12px;
}
#crumbs ul li { 
  float: left;
  margin-right: 5px;
  text-transform: lowercase;
}
div.copy {
  font-family: Arial!important;
  font-size: 12px!important;
}

.style2 {font-family: Tahoma}
.style3 {
	font-size: 16px;
	font-style: italic;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.style11 {font-size: 15px}
.style13 {font-style: italic; font-weight: bold; font-size: 16px; color: #009933; }
.style20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style21 {font-size: 12px}
.style22 {font-family: Arial, Helvetica, sans-serif}
.style25 {
  font-size: 15px;
  color: #0000FF;
}
.style26 {
	color: #339933;
	font-size: 15px;
	font-weight: bold;
}
.style27 {color: #925E2E}
.style28 {color: #000000; }
.style36 {font-size: 16px; color: #009933; font-weight: bold;}
.style37 {font-family: Arial, Helvetica, sans-serif; color: #009900;}
.style38 {font-weight: bold}
.style41 {
  color: #0000FF;
  font-size: 18px;
}
.style42 {
  font-size: 26px
}
.style43 {font-size: 26px; color: #009933; font-weight: bold; }

