body { margin: 5px 0; padding: 0; color: #666; font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; background: #FFF url(images/bg.png) no-repeat top; }

#wrap {background: #FFF url('images/main.gif') repeat-y 50% 0; margin: 0 auto; padding: 0; text-align: left; width: 775px; }

#hdr {background: #FFF url('images/logo.jpg') no-repeat 50% 0; height: 173px; margin: 0 auto; padding: 2px 25px 0; color: #FFF; font: 175% Arial, Helvetica, sans-serif; text-align: right; }
a.hdr:link, a.hdr:visited, a.hdr:hover, a.hdr:active { color: #333; text-decoration: none; background: transparent; }

#main {float: left; margin: -20px 0 0 15px; padding: 0; width: 520px; }
#main .cookie { font-size: 75%; text-align: left; padding-bottom: 20px; }
#main div.center { text-align: center; }
#main H1, #main H2, #main H3 { color: #333; }
#main H1 { font-size: 110%; }
#main H2 { font-size: 100%; }
#main H3 { font-size: 110%; text-transform: uppercase; letter-spacing: 4px; background: #FFF url('images/icon.gif') no-repeat; margin: 2px 0; padding: 15px 0 0 35px; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; }
#main H4 { font-size: 90%; font-weight: bold; }
#main H5, #main H6 { font-size: 80%; font-weight: bold; color: #006699; }
#main #google { float: left; width: 300px; height: 260px; margin: 30px 10px 10px 0; padding: 4px 0 0 0  }
#main .links { border: 1px solid #EEE; padding: 6px; margin: 6px; background-color: #FFF }
#main .links p { font-size: 90% }

#sidebar { float: right; width: 180px; margin: 0px 10px 0 0;  padding: 0; }
#sidebar .vgoogle { padding: 6px 0; text-align: center; }
#sidebar .menu-hdr { padding-bottom: 10px; }
#sidebar .menu { font-size: 90%; }
#sidebar .menu a, #sidebar .menu a:visited {
	text-decoration: none;
	display: block;
	width: 90%;
	height: 1%;
	margin: -15px 3px -15px 0;
	padding: 2px;
	border-left: 6px solid #6699CC;
	background-color: #66FFFF;
	background-image: url(images/sq1.gif);
}
#sidebar .menu a:hover { background: #FFF url('images/sq2.gif'); color: #333; border-left: 6px solid #006699; }
html>body #sidebar { width: 192px }

#footer { font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 }
#footer2 { background: #FFF url('images/ftr.gif') no-repeat 50% 0; clear: both; margin: 0; padding: 10px 0; text-align: center;}
#footer3 { font : 80% Arial, Helvetica, sans-serif; padding: 0; text-align: center }

.alink { cursor: pointer hand; text-decoration: underline }
.afflink { cursor: pointer hand; text-decoration: none }

hr { color: #666; padding: 0px; margin: 0px }
#pic_float {
	float: left;
	padding-right: 8px;
}

img { border: 0px }
p { font : 90%  "Trebuchet MS", Arial, Helvetica, sans-serif }
ol { list-style-type : decimal; font : 90%  "Trebuchet MS", Arial, Helvetica, sans-serif }
ul  { list-style-image : url('images/bullet.gif'); font: 90%  "Trebuchet MS", Arial, Helvetica, sans-serif }

a:link, a:visited { color: #000000; text-decoration: underline; }
a:hover {color: #000000; text-decoration: none; background-color: #66FFFF; }
#pic_float_right {
	float: right;
	padding-left: 8px;
}
/*--  How the menu and related articles links look in the index, main page, and article templates  --*/
#snippetright a {
font-family:Arial;
font-size:12px;
color:#336699;
font-weight:normal;
text-decoration:underline;
}

/*--  How the menu and related articles links look in the index and article templates when hovered over with the mouse  --*/
#snippetright a:Hover {
font-family:Arial;
font-size:12px;
color:#ff0000;
font-weight:normal;
cursor:pointer;
text-decoration:underline;
}
#snippetleft {
	float:left;
	width:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#000000; /*-- Text Colour --*/
	border:1px dashed #FF0000;  /*-- Border width, Style & border colour --*/
	text-align:left;
	text-decoration:none;
	/*margin: 2px 5px 2px 5px;*/
	margin-left: 0x;
	margin-right: 5px;
	overflow: auto;
	padding: 5px;
	background-color: #FFCC00; /*--background --*/
	background-image: url(images/bswirlgif.gif);
}
#snippetleft a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#3300FF;
	font-weight:normal;
	text-decoration:underline;
}

#snippetleft a:Hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#CC0000;
	font-weight:normal;
	cursor:pointer;
	text-decoration:underline;
}


#snippetright {
	float:right;
	width:160px;
        font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#000000; /*-- Text Colour --*/
	border:1px dashed #FF0000;  /*-- Border width, Style & border colour --*/
	text-align:left;
	text-decoration:none;
	/*margin: 2px 5px 2px 5px;*/
	margin-left: 10px;
	margin-right: 0px
	overflow: none;
	padding: 5px;
	background-color: #FFCC00; /*--background --*/
}
#snippetright a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#3300FF;
	font-weight:normal;
	text-decoration:underline;
}

#snippetright a:Hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#CC0000;
	font-weight:normal;
	cursor:pointer;
	text-decoration:underline;
}
/*--  End Snippet CSS styles  --*/

/*--  Snippet Two CSS Styles   --*/
#snippetleft2 {
	float:left;
	width:160px; /* Floating box width */
        font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#336666; /*-- Text Colour --*/
	border:1px dashed #336699;  /*-- Border width, Style & border colour --*/
	text-align:left;
	text-decoration:none;
	/*margin: 2px 5px 2px 5px;*/
	margin-left: 0x;
	margin-right: 5px
	overflow: auto;
	padding: 5px;
	background-color: #FFFF99; /*--background --*/
}
#snippetleft2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#336699; /* Link colour */
	font-weight:normal;
	text-decoration:underline;
}

#snippetleft2 a:Hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#CC0000;  /* link colour when mouse hovers over link */
	font-weight:normal;
	cursor:pointer;
	text-decoration:underline;
}


#snippetright2 {
	float:right;
	width:160px; /* Floating box width */
        font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#336666; /*-- Text Colour --*/
	border:1px dashed #336699;  /*-- Border width, Style & border colour --*/
	text-align:left;
	text-decoration:none;
	/*margin: 2px 5px 2px 5px;*/
	margin-left: 10px;
	margin-right: 0px
	overflow: auto;
	padding: 5px;
	background-color: #FFFF99; /*--background --*/
	background-image: url(../images/sun.gif);
}
#snippetright2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#336699; /* Link colour */
	font-weight:normal;
	text-decoration:underline;
}

#snippetright2 a:Hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#CC0000; /* link colour when mouse hovers over link */
	font-weight:normal;
	cursor:pointer;
	text-decoration:underline;
}
/*--  Snippet Three CSS Styles   --*/
#snippetleft3 {
	float:left;
	width:160px; /* Floating box width */
        font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#000033; /*-- Text Colour --*/
	border:3px solid #663333;  /*-- Border width, Style & border colour --*/
	text-align:left;
	text-decoration:none;
	margin: 5px 5px 5px 0;
	overflow: auto;
	padding: 5px ;
	overflow: auto;
	background-color: #FFFF99; /*--background --*/
	background-image: url(images/butterfly.gif);
}
#snippetleft3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#663333; /* Link colour */
	font-weight:normal;
	text-decoration:underline;
}

#snippetleft3 a:Hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#FF3333;  /* link colour when mouse hovers over link */
	font-weight:normal;
	cursor:pointer;
	text-decoration:underline;
}


#snippetright3 {
	float:right;
	width:160px; /* Floating box width */
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#000033; /*-- Text Colour --*/
	border:3px solid #663333;  /*-- Border width, Style & border colour --*/
	text-align:left;
	text-decoration:none;
	margin: 5px 0 5px 10px;
	overflow: auto;
	padding: 5px ;
	background-color: #FFFF99; /*--background --*/
	background-image: url(images/yellow.gif);
	
}
#snippetright3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#663333; /* Link colour */
	font-weight:normal;
	text-decoration:underline;
}

#snippetright3 a hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#FF3333; /* link colour when mouse hovers over link */
	font-weight:normal;
	cursor:pointer;
	text-decoration:underline;
	}
	/*--  Snippet Center CSS Styles   --*/
	#snippetcentre {
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#000000; /*-- Text Colour --*/
	border:2px solid #FF0000;  /*-- Border width, Style & border colour --*/
	text-align:left;
	text-decoration:none;
	margin: 2px auto;
	overflow: auto;
	padding: 5px;
	background-color: #FFCC00; /*--background --*/
	background-image: url(images/bswirlgif.gif);
}
#snippetcentre a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#3300FF;
	font-weight:normal;
	text-decoration:underline;
}

#snippetcentre a:Hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#CC0000;
	font-weight:normal;
	cursor:pointer;
	text-decoration:underline;
}

#snippetimage1 {
	float:right;
	width:155px; /* Floating box width */
	height:184px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#000000; /*-- Text Colour --*/
	/*border:3px solid #663333;  /*-- Border width, Style & border colour --*/ */
	text-align:left;
	text-decoration:none;
	margin: 5px 0 5px 10px;
	overflow: none;
	padding: 0px ;
	background-color: #000000; /*--background --*/
	background-image: url(images/cert.jpg);
	
}
#snippetimage1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#663333; /* Link colour */
	font-weight:normal;
	text-decoration:underline;
}

#snippetimage1 a hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#FF3333; /* link colour when mouse hovers over link */
	font-weight:normal;
	cursor:pointer;
	text-decoration:underline;
	}
	
/*--  End Snippet CSS styles  --*/