/*-----------------------initialise styles----------------------------*/

p, form {
margin:0;
/*padding:0*/
}

/*----------------------common styles start---------------------------*/

html {height: 100%; margin-bottom: 1px;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #EEEEEE;
	margin: 0px;
	padding: 0px;
	}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	/*text-align: justify;*/
	color: #000000;
	font-weight: normal;
	}

.boldwhite11px {font-size: 11px; font-weight: bold; color: #FFFFFF;}
.boldwhite9px {font-size: 9px; font-weight: bold; color: #FFFFFF;}

.text11px {font-size: 11px;}
.text12px {font-size: 12px;}
.text13px {font-size: 13px;}
.text14px {font-size: 14px;}

.blue11px {font-size: 11px; color: #0000FF;}
.blue12px {font-size: 12px; color: #0000FF;}
.blue13px {font-size: 13px; color: #0000FF;}
.blue14px {font-size: 14px; color: #0000FF;}

.blue11pxbold {font-size: 11px; font-weight: bold; color: #0000FF;}
.blue12pxbold {font-size: 12px; font-weight: bold; color: #0000FF;}
.blue13pxbold {font-size: 13px; font-weight: bold; color: #0000FF;}
.bold14pxblue {font-size: 14px; font-weight: bold; color: #0000FF;}

.red11px {font-size: 11px; color: #FF0000;}
.red12px {font-size: 12px; color: #FF0000;}
.red13px {font-size: 13px; color: #FF0000;}
.red14px {font-size: 14px; color: #FF0000;}

.red11pxbold {font-size: 11px; font-weight: bold; color: #FF0000;}
.red12pxbold {font-size: 12px; font-weight: bold; color: #FF0000;}
.red13pxbold {font-size: 13px; font-weight: bold; color: #FF0000;}
.red14pxbold {font-size: 14px; font-weight: bold; color: #FF0000;}

a:active {color: #0000FF; text-decoration: none;}
a:link {color: #0000FF; text-decoration: none;}
a:visited {color: #0000FF; text-decoration: none;}
a:hover {color: #FF0000; text-decoration: none;}

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.justify {text-align:justify;}

.blackborder {border: 1px solid #000000;}
.blackborder-notop {border: 1px solid #000000; border-width: 0 1px 1px 1px;}

.pagelastupdated {border:1px solid #cccccc;border-width:0 0 1px 0;margin:0;padding:5px;color:#999999; font-size:11px;}

.charitystatement {color:#999999;padding:12px;}

.leftvborder {border:1px solid #cccccc;border-width:0 0 0 1px;}

/* configuration trials */
.pagelastupdated {color:#999999;}			/* pagelastupdated text colour */
.pagelastupdated {border-color:#cccccc;}	/* pagelastupdated line colour */
.leftvborder {border-color:#cccccc;}	/* vertical line colour on inner pages */

/*----------------------common styles end---------------------------*/

/*---------------------image popups start-------------------------*/

#showpopup{position:absolute;
visibility:hidden;
/*border: 1px solid gray;*/
z-index:25;
clip:  rect(   )}

#popupdragbar{cursor: hand;
cursor: pointer;
font-size:11px;
font-family:verdana;
color:#ffffff;
background-color: #000066;
min-width: 100px; /*NS6 style to overcome bug*/}

#popupdragbar #closetext{font-weight: bold;
margin-right: 1px;}

/*---------------------image popups end-------------------------*/

/*---------------------image lightbox popups start-------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{float: left;}
#keyboardMsg{float: right; }
#closeButton{top: 5px; right: 5px; }

#lightbox img{border: none; clear: both;} 
#overlay img{border: none;}

#overlay{ background-image: url(../images/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lightbox/overlay.png", sizingMethod="scale");
	}

/*---------------------image lightbox popups end-------------------------*/

/*---------------------dbx box modules start-------------------------*/

/*-----home page modules--------*/

.homepageboxtop {background-image: url(../images/boxes/corners/corners_top.gif); background-repeat: no-repeat;}

.homepageboxbottom {background-image: url(../images/boxes/corners/corners_bottom.gif); background-repeat: no-repeat; background-position: 0 100%;}

.homepageboxtopwide {background-image: url(../images/boxes/corners/corners_top_long.gif); background-repeat: no-repeat;}

.homepageboxbottomwide {background-image: url(../images/boxes/corners/corners_bottom_long.gif); background-repeat: no-repeat; background-position: 0 100%;}

.boxmargin-bottom {margin:0px 0px 10px 0px;}

/*-----inner page modules with narrow boxes--------*/

.innerpageboxtopnarrow {background-image: url(../images/boxes/corners/corners_top_white_290.gif); background-repeat: no-repeat;}

.innerpageboxbottomnarrow {background-image: url(../images/boxes/corners/corners_bottom_white_290.gif); background-repeat: no-repeat; background-position: 0 100%;}

/*-----inner page modules with wide boxes--------*/

.innerpageboxtopwide {background-image: url(../images/boxes/corners/corners_top_white.gif); background-repeat: no-repeat;}

.innerpageboxbottomwide {background-image: url(../images/boxes/corners/corners_bottom_white.gif); background-repeat: no-repeat; background-position: 0 100%;}

/*---------------------dbx box modules end-------------------------*/

