@charset "utf-8";
/* CSS Document */

/* ----main body styles---- */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, blockquote 
{
margin:0px; padding:0px; border:0px;
}

.clear:after 
{
content: ""; display: block; clear:both;
}

.clear{ zoom: 1;}

html, body 
{
height: 100%;
}

body
{
background-image:url(../images/bg.png);
font-family:Arial, Helvetica, sans-serif;
}

/*body .bglogo
{
margin:auto;
background-image:url(../images/bglogo.png);
background-repeat:no-repeat;
background-position:top;
position:fixed;
width: 100%;
height:100%; 

}*/

body #container
{
width:990px;
margin:auto;
height:800px;
background-image:url(../images/bglogo1.png);
background-repeat:no-repeat;
background-position:top;
}

#footer
{
width:100%;
height:20px;
float:left;
}

#footer #footerleft
{
float:left;
width:490px;
height:100%;
text-align:left;
}

#footer #footerright
{
float:right;
width:490px;
height:100%;
text-align:right;
}

/* ----font styles---- */

p
{
font-size:10px;
color:#bacbff;
}

h1
{
font-size:20px;
color:#ffffff;
padding-left:10px;
font-weight:normal;
}

li
{
font-size:14px;
color:#FFFFFF;
}

/*defines the style for hotzone and header text p has been kept as standard to suit text browsers*/
/*.bglogo*/ #container #bannerslideshow #bannertext p , #container .hotlinkzone p
{
font-size:14px;
}

/*defines the padding/margins for hotzone, header and banner text*/

	/*.bglogo*/ #container #bannerslideshow #bannertext p
	{ padding-left:150px; margin:0; }
	
	/*.bglogo*/ #container .hotlinkzone p
	{ margin:0 10px 0 10px; }
	
	/*.bglogo*/ /*#container #header #toplinks p
	{ padding-top:4px; }*/
	
/*-- defines styles of links --*/

a {text-decoration:none;}

	#toplinks a{color:#bacbff;}
	li a {color:#FFFFFF;}

a:hover {color:#bacbff;}
a:visited {color:#ffffff;}

#navcurrent {color:#FFFFFF;}
#navcurrent:visited {color:#FFFFFF;}
#navcurrent:hover {color:#bacbff;}
.navoption {color:#bacbff;}
.navoption:visited {color:#bacbff;}
.navoption:hover {color:#FFFFFF;}



/* ----defines style for the header (nav and infolinks)---- */

/*.bglogo*/ #container #header
{
height:60px;
width:990px;
}

	/*.bglogo*/ #container #header #toplinks
	{
	float:left;
	padding-left:5px;
	width:200px;
	}
	
		#toplinks p, #toplinks a
		{
		color:#bacbff;
		margin:0;
		padding:0;
		}

	/*.bglogo*/ #container #header #navwrapper
	{
	float:right;
	margin:30px 40px 0 0;
	height:30px;
	}
	
		#navwrapper > #navleft
		{
		width:10px;
		height:100%;
		background-image:url(../images/navleft.png);
		float:left;
		}
		
		#navwrapper > #navmid
		{
		height:100%;
		background-image:url(../images/navmid.png);
		float:left;
		}
		
			#navwrapper > #navmid ul { margin:0; , padding:0; }
			
				#navwrapper > #navmid ul li
				{
				display:block;
				margin:5px 5px 0 5px;
				list-style-type:none;
				float:left;
				}
		
		#navwrapper > #navright
		{
		width:10px;
		height:100%;
		background-image:url(../images/navright.png);
		float:left;
		}

/* ----defines style for the banner slideshow ---- */
	
/*.bglogo*/ #container #bannerslideshow
{
width:980px;
height:220px;
float:left;
margin: 0 5px 5px 5px;
}

	/*.bglogo*/ #container #bannerslideshow #bannertext
	{
	padding:10px 20px 0 20px;
	float:left;
	width:400px;
	height:210px;
	background-image:url(../images/leftslideshow.png);
	}
	
	#container #bannerslideshow #bannerimg
	{
	float:right;
	}
	

/* ----hotlink zone style---- */

/*.bglogo*/ #container .hotlinkzone
{
width:320px;
margin:10px 5px 10px 5px;
height:415px;
float:left;
background-image:url(../images/hotzone1.png);
}
	
	.hotlinkzone > #hotlinkzoneimg1 
	{		
	height:45%;
	width:100%;
	}
	
	.hotlinkzone > #hotlinkzoneimg2 
	{
	height:45%;
	width:100%;
	}
	
	.hotlinkzone > #hotlinkzoneimg3 
	{
	height:45%;
	width:100%;
	}
	
	.hotlinkzone > .hotlinkzonetext , .hotlinkzone > #latestnewstext
	{
	width:100%;
	height:55%;
	}
	
	li
{
list-style-position:inside;
list-style-type:circle;
}