/*CSS created October 2005 by Mousetrap Web Development | http://mousetrap.ca */
/* Begin basic design styles */

.outerbox	{
	width: 90%;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	border-left: 1px solid #111;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	padding-right: 0em;
	margin: 20px;}
	
.callout	{
	background-color: #cde;
	color: #000;
	border: solid; 
	border-width:1px; 
	border-color: #000; 
	width: 90%;
	padding: .5em .5em .5em .5em; /*TRBL */
	}
	
body	{
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #fff; 
	margin: 0em; 
	padding: 0em;
	color: #000;
	font-size: 1em;}

p	{font-size: 80%; }

h1 {
	font-size: 100%;
	font-weight: bold;
	color: #006;}

h2 {
	font-size: 90%; 
	color: #613;
	padding-top: .25em;
	padding-bottom: 0em;}

h3 {
	font-size: 80%; 
	color: #222;
	padding-top: .25em;
	padding-bottom: 0em;}


h4 {
	font-size: 80%; 
	color: #003;
	padding-top: .5em;
	padding-bottom: 0em;}

caption {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	vertical-align: top;
	font-weight: bold;}

th 	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 80%;
		vertical-align: top;}


td {
	font-family: verdana, arial, helvetica, sans-serif;
	vertical-align: top;}

ul {
	list-style-type :disc;
	font-size: 80%;}

ol {font-size: 80%;}	

li 	{
	color : #000;
	line-height: 110%;
	padding-top: .5em;
	padding-bottom: .5em;}

li ul	{
	list-style-type :disc;
	font-size: 100%;}

li ol	{font-size: 100%;}

blockquote {font-size: 80%;
						line-height: 150%;}

hr {color: #000;}

/* End basic design styles */


/* Begin colours */
.navy { color: #003}
.blue { color: #006}
.red { color: #903 }
.black { color: #000 }
.white 	{color: #fff;}
.query	{color: #000; 
				background-color: Yellow;}
/* End colours */


/*Begin Banner styles */
.titlebar	{
	background:#006;
	font-size:69%;
	margin:0;	
	padding-top: 0em;	
	padding-bottom: 0em;}

.banner {
	background: url("../images/banner.jpg") #fff no-repeat right;
	background-color: #fff; }
/* End Banner styles */

/* ~~~~~~~~~~~~  Begin topmenu or audience bar*  ~~~~~~~~~~~~*/

.navmenu {
	background: #999;
	border-top: 1px solid #111;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%; 
	margin:0;}
	
.topmenu {
	background: #ddd;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%; 
	margin:0;}

.topmenu td {
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;}	


.topmenu a, .topmenu a:link, .topmenu a:visited	{
	line-height: 22px;
	text-decoration: none;
	font-weight: bold;
	color: #111;	
	padding: 4px 10px 4px 10px;}

.topmenu a:hover	{
	font-weight: bold;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	background-color: #999;
	color: #fff;}

/* ~~~~~~~~~~~~  End topmenu or audience bar  ~~~~~~~~~~~~*/

/* Begin Left-menu/Section Navigation Styles  */
.nav	{
	background: #999;
	border-right:1px solid #111;
	color:#039;
	padding-bottom:100px}

.nav div	{
	color:#fff;
	margin:0;
	padding:8px 0 0 0px;
	text-decoration:none;}

.nav a	{
	display:block;
	padding:8px 0 8px 6px;
	/* width:160px; */}
	
.nav div a	{
	color:#000;
	font-size:80%;
	line-height: 120%;
	text-decoration:none}

.nav div a:hover	{
	background:#ddd;
	text-decoration: none;}
	
.nav hr	{
	color:#000;
	height:1px;
	line-height: 120%;
	margin:0px 0 2px 0}
/* ~~~~~~~~~~~~  End Left-menu/Section Navigation   ~~~~~~~~~~~~*/


/* ~~~~~~~~~~~~  Begin Main Content styles ~~~~~~~~~~~~*/


#mainContent	{
	background-color: #fff;
	border-top: 0px  solid #000;
	border-bottom: 1px  solid #000;
	padding-left: 1em;
	padding-right: 1em;}	

#mainContent a:link	{
	color: #006;
	text-decoration: none;}

#mainContent a:hover 	{
	color:#209 /*#257 */;
	background-color: inherit;
	text-decoration: underline;}

#mainContent a:visited, #mainContent a:active	{
	color:  #209;
	text-decoration: none;}
	
			
.datatable {
		border-right : 1px solid #999;
		border-left : 1px solid #999;
		border-top : 1px solid #999;
		border-bottom : 1px solid #999;
		}
	
			
.datatable2 {
margin-left: 15px;
		border-right : 1px solid #999;
		border-left : 1px solid #999;
		border-top : 1px solid #999;
		border-bottom : 1px solid #999;
		}
				
.datah {
		font-size: 80%; 
		border-right : 1px solid #999;
		border-left : 1px solid #999;
		border-top : 1px solid #999;
		border-bottom : 1px solid #999;
		}
			
.data {
		font-size: 80%; 
		border-right : 1px solid #999;
		border-left : 1px solid #999;
		border-top : 1px solid #999;
		border-bottom : 1px solid #999;
		}

.ptop	{
	font-size: 8pt;
	padding: 4px 0px 6px 0px;
	text-align: right;
	border-bottom: 1px  solid #006;}	

/* ~~~~~~~~~~~~  End Main Content styles ~~~~~~~~~~~~*/


/*~~~~~~~~~~~~Begin Footer Styles  ~~~~~~~~~~~~*/

.footer	{
	background:#000;
	color: #fff;
	font-size: 60%;
	font-weight: normal;
	border: solid #000;
	text-align: right;
	border-width: 0px 0px 0px 0px;
	padding-top: .5em;
	padding-bottom: .5em;
	line-height: 150%;}

.footer a, .footer a:link, .footer a:visited	{
	color: #fff;	
	text-decoration: none;}

.footer a:hover	{
	text-decoration: underline;}

/* ~~~~~~~~~~~~End Footer Styles~~~~~~~~~~~~  */