* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { 
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #ffffff;
    margin: 0;
    padding: 0;
	border: 15px solid #eff6fb;
	border-top-width: 10px;
	border-bottom-width: 10px;
}

#page-wrap {
	min-width: 960px; max-width: 1260px;
	margin: 0 auto; padding: 0;
	width:expression(document.body.clientWidth < 961? "960px" : document.body.clientWidth > 1261? "1260px" : "auto");
}

input, textarea {
  max-width:100%
}

ul { list-style: none inside; }
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: 0.9em;
}
a img { border: none; }

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

a { 
	text-decoration: none; 
	outline: none;
	color: #335588;
	}
	a:hover {
		text-decoration: underline;
	}

td {
    vertical-align: top;
}

td.frame {
	 width: 945px;
	 padding: 5px;
     border: 1px solid;
	 border-color: #cccccc;
	 border-top-right-radius: 2em;
	 border-top-left-radius: 2em;
	 border-bottom-right-radius: 2em;
	 border-bottom-left-radius: 2em;
	 -moz-border-top-right-radius: 2em;
	 -moz-border-top-left-radius: 2em;
	 -moz-border-bottom-right-radius: 2em;
	 -moz-border-bottom-left-radius: 2em;
	 -webkit-border-top-right-radius: 2em;
	 -webkit-border-top-left-radius: 2em;
	 -webkit-border-bottom-right-radius: 2em;
	 -webkit-border-bottom-left-radius: 2em;
     behavior: url(PIE.htc);
}

td.desc {
	 width: 672px;
	 padding: 5px;
     border: 1px solid;
	 border-color: #cccccc;
	 border-top-right-radius: 2em;
	 border-top-left-radius: 2em;
	 border-bottom-right-radius: 2em;
	 border-bottom-left-radius: 2em;
	 -moz-border-top-right-radius: 2em;
	 -moz-border-top-left-radius: 2em;
	 -moz-border-bottom-right-radius: 2em;
	 -moz-border-bottom-left-radius: 2em;
	 -webkit-border-top-right-radius: 2em;
	 -webkit-border-top-left-radius: 2em;
	 -webkit-border-bottom-right-radius: 2em;
	 -webkit-border-bottom-left-radius: 2em;
     behavior: url(PIE.htc);
}

td.logo {
     width: 250px;
	 padding: 5px;
     border: 1px solid;
	 border-color: #cccccc;
	 border-top-right-radius: 2em;
	 border-top-left-radius: 2em;
	 border-bottom-right-radius: 2em;
	 border-bottom-left-radius: 2em;
	 -moz-border-top-right-radius: 2em;
	 -moz-border-top-left-radius: 2em;
	 -moz-border-bottom-right-radius: 2em;
	 -moz-border-bottom-left-radius: 2em;
	 -webkit-border-top-right-radius: 2em;
	 -webkit-border-top-left-radius: 2em;
	 -webkit-border-bottom-right-radius: 2em;
	 -webkit-border-bottom-left-radius: 2em;
     behavior: url(PIE.htc);
}

td.gap {
    width: 10px;
}

td.category {
	 width: 240px;
	 padding: 0 10px;
}

td.fees {
	 width: 475px;
	 padding: 0 10px;
}


.menu_heading {
	font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    color: #383838;
    text-decoration: none;
    line-height: 3.2;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
}

#lspace {
height: 11px;
width: 940px;
background-color: white;
}

#top-bar_1 {
	width: 960px;
    background: #2F4F4F;
	padding: 5px;
	color: white;
	font-size:25px;
	}
	#top-bar_1 a {
		color: white;
	}

#top-bar_2 {
  height: 240px;
  position: relative;
  width: 250px;
}

#top-bar_2_image_1 {
  background-color: white;
  background-repeat:no-repeat;
  background-size: contain;
  border-style: solid;
  border-color: blue;
  left: 10px;
  padding: 8px;
  position: absolute;
  transform:rotate(-3deg);
  /* IE6 and 7 */ 
  filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.9986295347545738,
            M12=0.05233595624294388,
            M21=-0.05233595624294388,
            M22=0.9986295347545738,
            SizingMethod='auto expand');
  /* IE8+ - must be on one line, unfortunately */ 
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9986295347545738, M12=0.05233595624294388, M21=-0.05233595624294388, M22=0.9986295347545738, SizingMethod='auto expand')";
  -ms-transform:rotate(-3deg); /* IE 9 */
  -moz-transform: rotate(-3deg);
  -webkit-transform:rotate(-3deg); /* Opera, Chrome, and Safari */
  -o-transform: rotate(-3deg);  /* Opera 10.5 */
} 

#top-bar_2_image_2 {
  background-color: white;
  background-repeat:no-repeat;
  background-size: contain;
  border-style: solid;
  border-color: orange;
  left: 292px;
  padding: 8px;
  position: absolute;
  transform:rotate(2deg);
  /* IE6 and 7 */ 
  filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.9993908270190958,
            M12=-0.034899496702500823,
            M21=0.034899496702500823,
            M22=0.9993908270190958,
            SizingMethod='auto expand');
  /* IE8+ - must be on one line, unfortunately */ 
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9993908270190958, M12=-0.034899496702500823, M21=0.034899496702500823, M22=0.9993908270190958, SizingMethod='auto expand')";
  -ms-transform:rotate(2deg); /* IE 9 */
  -moz-transform: rotate(2deg);
  -webkit-transform:rotate(2deg); /* Opera, Chrome, and Safari */
  -o-transform: rotate(2deg);  /* Opera 10.5 */
} 

#top-bar_2_image_3 {
  background-color: white;
  background-repeat:no-repeat;
  background-size: contain;
  border-style: solid;
  border-color: red;
  left: 709px;
  padding: 8px;
  position: absolute;
  transform:rotate(-3deg);
  /* IE6 and 7 */ 
  filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.9986295347545738,
            M12=0.05233595624294388,
            M21=-0.05233595624294388,
            M22=0.9986295347545738,
            SizingMethod='auto expand');
  /* IE8+ - must be on one line, unfortunately */ 
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9986295347545738, M12=0.05233595624294388, M21=-0.05233595624294388, M22=0.9986295347545738, SizingMethod='auto expand')";
  -ms-transform:rotate(-3deg); /* IE 9 */
  -moz-transform: rotate(-deg);
  -webkit-transform:rotate(-3deg); /* Opera, Chrome, and Safari */
  -o-transform: rotate(-3deg);  /* Opera 10.5 */
} 

#navigation {
 width: 960px;
 margin: 0;
 padding: 0 1em;
 background: #b2d281;
 height: 4em;
 list-style: none;
}

#navigation > li {
 float: left;
 height: 100%;
 margin-right: 0.8em;
 padding: 0 1em;
}

#navigation > li > a {
 float: left;
 height: 100%;
 color: #383838;
 text-decoration: none;
 line-height: 3.2;
 font-weight: bold;
 font-size: 1.2em;
 text-decoration: none;
}

#navigation > li > a:hover {
 color: #FFFF00;
 text-decoration: underline;
}

#navigation > li.sub {
 position: relative;
}

#navigation > li.sub ul {
 position: absolute;
 top: -1000em;
 left: 0px;
 width: 16em;
 border: 1px solid #ccc;
 background: #d9f0b7;
 padding: 10px 0 0 0;
}

#navigation > li.sub ul li {
 width: 90%;
 margin: 0 auto 0.3em auto;
}

#navigation > li.sub ul li a {
 display: block;
 float: left;
 height: 23px;
 width: 100%;
 position: relative;
 padding: 0.4em;
 color: #383838;
 font-weight: bold;
 font-size: 1.2em;
 text-decoration: none;
}

#navigation > li.sub ul li a:hover {
 position: relative;
 background: yellow;
 text-decoration: underline;
}

#navigation > li.sub:hover ul {
 top: 3em;
}

#main-content {
	background: white;
	padding: 16px;
}

#feature-content {
	margin-bottom: 18px;
	}
	
#feature-left {
	width: 48%;
	float: left;
	padding-right: 15px;
	}
		#feature-left p {
			font-size: 1.2em;
			line-height: 1.5em;
			margin-top: 8px;
		}
		
#feature-centre{
	width: 100%;
	float: left;
	padding-right: 15px;
	}
		#feature-centre p {
			font-size: 1.3em;
			line-height: 1.3em;
			margin-top: 3px;
		}
		
		 #feature-centre li {
			font-size: 1.3em;
			line-height: 1.5em;
			margin-top: 3px;
			margin-left: 15px;
		 }
		
		
#feature-right {
	width: 49%;
	float: right;
	}
		#feature-right p {
			font-size: 1.2em;
			line-height: 1.5em;
		}
		.feature-mini {
			float: left;
			width: 46%;
			margin-right: 2%;
		}
	
#footer {
	width: 960px;
    background: #1b5790;
	padding: 5px;
	color: white;
	font-size: 12px;
	}
	#footer a {
		color: white;
	}
	
#copyright {
	background: #FFFFFF;
	padding: 5px;
	color: black;
	font-size: 12px;
	}
    #copyright a {
	color: black;
    }