/* General */
body { margin-bottom: 50px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000; 	line-height: 140%}

td { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%}

.pagetitle { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: bolder; line-height: 140%}


/* customise H1 to h4*/

h1 { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bolder; letter-spacing: 2px; color: #000000; line-height: 150%;}

h2 { text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #FFFFFF;}

h3 { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 180%;}

h4 { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 150%;}


/* General Link Formatting */
a:link { color: #0C7ABB; background-color: transparent; text-decoration: none; font-weight: bolder;}

a:visited { color: #0C7ABB; background-color: transparent; text-decoration: none; font-weight: bolder;}

a:hover { color: #47A4D80; background-color: transparent; text-decoration: none; font-weight: bolder;}

a:active { color: #47A4D8; background-color: transparent; text-decoration: none; font-weight: bolder;}


/* custom links for footer*/
a.foot:link { color: #FFFFFF; text-decoration: none; font-size:10px;}

a.foot:visited { color: #FFFFFF; text-decoration: none; font-size:10px;}

a.foot:hover { color: #47A4D8; text-decoration: none; font-size:10px;}

a.foot:active { color: #47A4D8; text-decoration: none; font-size:10px;}

.foot {color:#37546B;}

.description {font-size:10px; font-style:normal;}

#thumb
{	width: 150px;

padding: 0px;
border: 1px dashed #37546B;
}

#thumb2
{	width: 200px;

padding: 0px;
border: 1px dashed #37546B;
}

#img border
{
border: 50px;
}

/* --------------------------------- Image hover ------------------------------------------------------ */
#pic {
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 10px;
	width: 150px;
		border: 0px;
		z-index: 0;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
			z-index: 200;
	
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px dashed #82A2BB;
	display: block;
	height: 200px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 150px;
}

#pic a.p1:hover {
	background-color: #cccccc;
	color: #000000;
	text-decoration: none;
	z-index: 200;
}

#pic a.p1:hover .large {
	border: 1px dashed #000000;
	display: block;
	height: 580px;
	left: 160px;
	background: #cccccc;
	position: absolute;
	top: -60px;
	width: 411px;
		z-index: 200;

}

/* ------------------------------------------------------------------------------VERTICAL DROPDOWN FORMATTINGTHE FOLLOWING CSS MUST BE IN YOUR STYLESHEET IF YOU ARE USINGVERTICAL DROPDOWN MENUS(you can change the values etc)DELETE THE FOLLOWING CSS IF YOU ARE NOT USING VERTICAL DROPDOWN MENUS ------------------------------------------------------------------------------- */
#nav, #nav ul {
margin:0;
padding:0; 
list-style:none; 
width:134px; /* Width of Menu Items */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: capitalize;
color: #FFFFFF;
line-height: 130%;}

#nav li {
	position:relative;
}

#nav li ul { position:absolute;
width:134px;
left:133px;/* Set 1px less than menu width */
top:0; display:none;}

/* Styles for level 1 Menu Items */
#nav li a {
display:block;
text-decoration:none;
color:#FFFFFF;
background-image:; /* IE6 Bug */
padding:5px;
border:1px solid #80A2BB;}

#nav li a:link {color:#FFFFFF;background-color:#668FAE}
/* Link Styles */

#nav li a:visited { color:#FFFFFF; background-color:#668FAE}
/* Visited Styles */

#nav li a:hover 
{ color:#FFFFFF; 
background: url('graphics/menuhover.jpg');
background-color:#EA981D}
/* Hover Styles */ 

#nav li a:active { color:#FFFFFF;background-color:#EA981D}
/* Active Styles */


/* Active Styles */ #nav li:hover ul, #nav li.over ul { display:block; } /* The magic */

/* Fix IE. Hide from IE Mac \*/
* html #nav li { float:left; height:1%; }
* html #nav li a { height:1%; }/* End */