html {
	min-height: 100%;  
	height: auto;
	}
/***** link styles ****/
a{text-decoration:none; color:#000000;}
a:link{text-decoration:none; color:#000000;}
a:visited{text-decoration:none; color:#000000;}
a:hover{text-decoration:none; font-weight:bolder; color:#333333; background-image:url(../../images/site/ul.png); background-repeat:repeat-x; background-position:bottom;}
a:active{text-decoration:none; color:#000000;}

body{background-image:url(../../images/site/bodybg.png); 
	background-repeat:repeat-x;
	background-color:#8080ff; 
	background-position:top;
	white-space:normal;
	}
/**** all other divs contained inside ***/
#wrapper{
	background-color:#000000;
	background-image:url(../../images/site/wrapbg.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-attachment:fixed;
	width: 96%;
	margin: 10px auto;
	border: 1px solid white;
	white-space:normal;
	}
/**** header... ***/

#header{	background-color:#000000;
	border-bottom: 1px solid white;
	background-image:url(../../images/site/headerbg.png);
	background-repeat:no-repeat;
	padding-bottom:15px;
	
	}
/*** need to sort out underling ***/
#header a:hover{text-decoration:none !important;}

/**** search box style ***/
.searchform{padding:0px; padding-top:3px; margin:0px;}

.searchbutton{ background-image:url(../../images/site/searchbut.png);
	background-repeat:no-repeat;
	background-position: left;
	background-color:#f7f8c8;
	border:none;
	height: 22px;
	width: 22px;
	margin-left:0px;
	cursor: pointer;
	}
.searchfield:focus{background-color:#99CCFF;}


.tags{color:#FFFFFF; font-size:medium; padding:15px; border: 1px solid white; margin:15px; margin-bottom:0px; width:86.75%; }
.tags a{ color:#FFFFFF;}
	
li img{padding-left:2px; margin:0em !important; }	

/*** have a guess ***/
#navi{
	width:86.75%;
	background-image:url(../../images/site/navibg.png);
	background-position:right;
	background-repeat:repeat-y;
	padding:15px;
	background-color:#f7f8c8;
	margin:15px;
	margin-top: 15px;
	font:large;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/* main div, most thing are displayed inside ***/
#content{
	width:60%;
	max-height:75%;
	min-height:800px;
	color:#0F0F0F; 
	text-align:inherit;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px; 
	padding-bottom:15px;
	padding-top:40px;
	margin:15px;
	margin-right:0px;
	background-color:#f7f8c8;
	background-image:url(../../images/site/contentbg.png);	
	background-position:top;
	background-repeat:repeat-x;
	white-space:normal;}

.page{text-align:center; width:40%; float:left; padding-right:15px; padding-bottom:15px;}
.page img{width:99%; text-align:center;  float:left;}
.cap{text-align:left; color:#000033; font-size:small; font-family:Arial, Helvetica, sans-serif;}


/* image which is displayed behind most cat heading images */
.cont img{margin-left:32%;
background-image:url(../../images/site/actheadbg.png);
margin-bottom:15px;}

/*sidebar div */
#latest{
	width:25%;
	float:left;
	padding-left:0px;
	padding-right:15px; 
	padding-bottom:15px;
	padding-top:0px;
	margin:15px;
	margin-top:15px;
	margin-left:15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #000000;}

#footer{background-color:#000000;
	color:#FFFFFF;
	text-align:center;
	padding:15px; 
	bottom:0px;
	clear:both;
	margin-top:5px;
	border-top: 1px solid white;}

/*removes border from images */	
img{ border-style:none; }

hr{ border-style: dashed;
	text-align:center;
	color:#333333;
	}
/* pagination style */	
.paginator{background-color:#f7f8c8;
text-align:center;
margin-bottom:10px;
margin-top:20px;
padding-top:10px;
clear:both;
}
.paginator a{ background-color:#333333;
border:1px  groove #CCCCCC;
color:#FFFFFF;
padding:5px;
text-align:center;
margin:3px;
font-weight:normal;}

.resultbold{ font-weight:bolder;}

/* search results */
.results{background-color: #F3CA9C; padding:20px; margin:20px; width:40%;}
.results a{font-weight:bolder;}

.divresults :hover{background-color:#6E85A4 !important;}

/* used inside latest div */
.widget{
	padding:0px;
	margin:0x;
	margin-top:10px;
	color:#FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color:#333333;
	float:none;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
/* used for pagination results */
.centrewidget{
	z-index:1;
	display:block;
	padding:0px;
	clear:inherit;
	position:relative;
	margin:7px !important;
	color:#FFFFFF;
	height:600px;;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color:#333333;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:12.5em;
	
	}
/* need to edit when image are live */
.img widget{border: 1px solid white; }

/* for the header of centre widget */
.ltop{
text-align:center;
text-decoration:none !important; 
background-image:url(../../images/site/headingbg.png);
background-position:bottom;
margin-bottom:5px;
padding-bottom:5px; 
padding-top:5px;
margin-top:0px;
border:1px solid #FFFFFF;
}

.cul{text-align:left;}
.latestpara{padding:7px;text-align:justify;}
.latestcpara{padding:7px;}

.latestcul{text-align:center;
display:block;
color:#FFFFFF;
background-image:url(../../images/site/headingbg.png);
background-repeat:repeat;
background-position:top;
margin-bottom:0px;
padding-bottom:10px; 
padding-top:10px;
margin-top:0px;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;}
/* for the bottom of the centre widget */
.latestbottom {
z-index:2;
font-size:16px;
text-align:left;
color:#FFFFFF;
bottom:0px;
width:12.2em;
overflow:hidden;
position:absolute;
background-image:url(../../images/site/headingbg.png);
background-repeat:repeat;
margin-bottom:0px;
padding-bottom:10px;
padding-left:5px;
padding-top:10px;
margin-top:0px;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;}
/*general paragraph rule */
.paracontent{ min-width:29em; max-width: 40em; }

.error {color:#FF0000;}