/* Global Styles */

html {margin: 0; padding: 0;}

body {font-family: Ariel, Verdana, Helvetica, sans-serif;
	  font-size: 0.9em;
	  margin: 0;
	  padding: 0;
	  border:0;			/* This removes the border around the viewport in old versions of IE */
	  width:100%;
	  background: #fffffa;
	  color: #0000CC;
      min-width:600px;    	/* Minimum width of layout - remove line if not required */
	  /* The min-width property does not work in old versions of Internet Explorer */
}

/* Header styles */

#header {clear:both;
		float:left;
		width:100%;
		border-bottom:1px solid #000;
   		background:url(../images/header.jpg) right no-repeat;
		background-color:#2a78ff;
	}

/*
#header img  {padding:10 10;
	}
*/
/*
#header p, #header h1, #header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
*/
/* General styles */

a {color:#369;}

a:hover {color:#fff; background:#369; text-decoration:none;}

p {line-height: 125%; margin: 0.5em 0 1em; padding: 0 10px 0 0;}

h1 {font-size: 1.5em;
	line-height: 1.25em;
    margin: 0;
	padding: 1.5em 0 0.33em 0;
}
   
h2 {font-size: 1.2em;
	line-height: 1.2em;
    margin: 0;
	padding: 0.5em 0 0.25em 0;
}

h3 {font-size: 1em;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
   /*border-bottom: 1px solid black; */}

h4 {font-size: 0.9em;
	line-height: 1.1em;
	margin: 0;
	padding: 0.33em 0 0; 
}
   
h4.red {font-size: small; font-weight: bold; color: red; text-align: center;
		padding: 0.66em 0 0.66em 0;}

#bottom-menu {
	font-size:0.7em;
	line-height:200%;
	}

/* column container */

.colmask {position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	}
	
/* 2 column right menu settings */

.rightmenu
	{background:inherit;}  /* colour behind right sidebar */

.rightmenu .colleft {
	float:left;
    width:200%;
    margin-left:-200px;
    position:relative;
    right:100%;
    background:inherir;
    }
	
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	padding-bottom:1em;
	}
	
.rightmenu .col1 {
    margin:0 15px 0 215px;
    overflow:hidden;
	}

.rightmenu .col2 {
    float:right;
    width:170px;
    position:relative;
    left:185px;
    }
	
/* Footer styles */

#footer {
	clear: both;
	float:left;
	width:100%;
	color:#FFFFFF;
	background:#2a78ff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

#footer p {
	margin: 0;
	padding: 0.66em 0 0.66em 0;
	font-size: 0.7em;
	color: white;
	text-align:center;
/*	border-top: 3px solid purple;
	border-bottom: 3px solid purple;  */
	padding-top: 15px;;
	padding-bottom: 15px;
}

/* Classes */

.buttoncell {background-color:#CCFFFF;}

.img {border: 1px outset black;}

.imgdropshadowleft {
	float:left;
	background:url(../images/dropshadow.png) no-repeat bottom right !important;
	background:url(../images/dropshadow.jpg) no-repeat bottom right;
	margin: 10px 7px 0 10px;
	margin: 10px 0 0 5px;
	}

.imgdropshadowleft img {
	display:block;
	position:relative;
	background-color:#fff;
	border:1px solid #666;
	margin:-3px 5px 5px -3px;
	padding:2px;
	}

.sbquote {				/* For sidebar quotation*/
	font-size:smaller;
	text-align:center;
	}

.red {color: #FF0000;}

.purple {color: purple;}