/*
-----------------------------------------------------
Base styles for screen media

FileName:	screen.css
Version:	0.4
Author:		H4.com.au

-----------------------------------------------------
*/

/* global */

div 		{ border: 0px solid black; }

html, body	{ width: 100%; }
body 		{ background: #fff; font-family: verdana,arial,helvetica,sans-serif; font-size: 80%; margin: 0px; padding: 0px; color: #333; }

h1	{ font-size: 140%; font-weight: normal; padding: 0px; margin: 0px; color: #002F57; }
h2	{ font-size: 100%; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h3	{ font-size: 100%; font-weight: normal; padding: 0px; margin: 0px;  }
h4	{ font-size: 100%; padding: 0px; margin: 10px 0px 10px 0px; color: #114e78; }
h5	{ font-size: 100%; padding: 0px; margin: 0px 0px 0px 10px; color: #000; }
h6	{ margin: 0px;  }
p	{ margin: 0px 0px 0px 0px; padding: 0px; clear: left; line-height: 150%; }
ul	{ margin-top: 0px; }
li	{ margin-bottom: 10px; }
img	{ border: 0px; }
dl	{ margin: 20px; }
dt	{ font-weight: bold; margin-bottom: 5px; }
dd	{ margin-left: 20px; }

form { margin: 0px; font-size: 100%; }
input { font-size: 100%; }

a:link		{ text-decoration: underline; color: #00426f; }
a:visited	{ text-decoration: underline; color: #00426f; }
a:hover		{ text-decoration: none; color: #00426f; }
a:active	{ text-decoration: underline; color: #00426f; }

.home		{  }

/* global layout */

.header			{ float: left; width: 100%; min-width: 770px;  height: 123px; background: #00acec url("../ui/header_bg.gif") repeat-x; }
	.header h1	{ color: #00426f; font-size: 190%; margin: 45px 0px 0px 0px; } 
	.header h2	{ color: #00426f; margin: 3px 0px 0px 2px; font-size: 85%; }
	.logo			{ float: left; width: 275px; height: 123px; background-color: #146eac; clear: left; }
	.leftedge		{ float: left; width: 45px; height: 123px;  background: url("../ui/leftedge.gif") no-repeat; clear: right;  }
	.mast			{ position: absolute; left: 320px; min-width: 300px; top: 0px; height: 123px; padding-right: 125px; }
	.rightedge		{ float: right; width: 395px; height: 123px;  background: #00acec url("../ui/rightedge.jpg") no-repeat;   }

.searchbar		{ float: left; width: 100%; background-color: #00426f; color: #fff; font-size: 80%; }
	.searchbox	{ float: right;  padding: 5px 10px 5px 10px; }
	.searchbox form { display: inline;   }
	.searchbox input { font-size: 100%; }
	.searchbar h2 { padding: 8px 0px 5px 10px; }
	.searchbox .go { color: #c10808; font-weight: bold;  }

.main			{ float: left; width: 100%; }
	.content	{ float: left; width: 70%; clear: left;  }
	.rightcol	{ float: right; width: 29%; word-wrap: break-word; max-width: 250px; background-color: #f8f8f8; font-size: 85%; clear: right; padding-bottom: 10px;  }
		.help	{ float: left; width: 100%; background-color: #e6e6e6;  }
		.help h4 	{ color: #c10808; font-size: 120%; padding: 10px 20px 0px 20px; }
		.help p { padding: 0px 20px 20px 20px;  }
		.bigger { font-size: 120%; }
		.text	{ float: left; margin: 0px 20px 0px 20px; }
		.text p	{ margin-bottom: 15px; }
		.rightcol ul { margin-left: -26px; color: #00426f; }
		.rightcol li:hover		{ list-style-type: circle; }
		.rightcol a:visited		{ color: #666; }

		.survey { float: left; width: 80%; background-color: #e6e6e6;  padding: 0px 0px 10px 20px !important; }
		.survey a { color: #c10808 !important; font-size:120%; font-weight:bolder; vertical-align: middle; }
		.survey img { vertical-align: middle }
		
		.help #conf a {	color: #c10808 !important; font-size: 100% !important; padding: 0px !important; }
		.help #conf p {	margin-bottom: 10px !important; padding-bottom: 0px !important;}
		
	.leftcol			{ float: left; width: 25%; max-width: 200px; background-color: #f8f8f8; font-size: 85%; }
		.leftcol h4		{ font-weight: bold !important; margin: 10px 10px 10px 10px;  }
		.leftcol h4 a	{ text-decoration: none !important; }
		.on				{ font-weight: bold !important; }
		.leftcol ul		{ margin-right: 10px; margin-left: -17px;  }
		.leftcol a		{ text-decoration: none !important; }
		.leftcol a:visited		{ color: #666; }
		.leftcol a:hover		{ text-decoration: underline !important; }
		.leftcol li:hover		{ list-style-type: circle; }

.footer			{ float: left; width: 100%; color: white; background-color: #00426f; font-size: 75%; }
	.footer a { color: white !important; text-decoration: none !important; }
	.footer a:hover { text-decoration: underline !important; }
	.left 			{ float: left; width: 47%; padding: 5px 10px 5px 10px; }
	.right			{ float: right; width: 47%; text-align: right;  padding: 5px 10px 5px 10px; }

/* homepage specific */

.home .content	{ margin-top: 30px; }
.home .rightcol	{ margin-top: 30px; }
.hdr 		{ float: left; width: 91%;  margin-left: 30px; margin-right: 30px; margin-bottom: 30px;  }

.hdr em { float: right; width: 251px; height: 40px; margin-top: -40px;  }

.home h3	{ margin: 0px; font-size: 130%; padding: 5px 10px 5px 25px; color: #fff; background: url("../ui/corner_a.gif") top left no-repeat;  }

.hdr a { text-decoration: none !important; }

.one h3 { background-color: #e2a218;  }
.two h3 { background-color: #aac803; }
.three h3 { background-color: #8a78a6; }

.subhdr { float: left; display: block; width: 33%; height: 70px; background: url("../ui/subhdr_bg.gif") top left repeat-y;   }
.one .subhdr { background-color: #f5e4c2; }
.two .subhdr { background-color: #eef3cf; }
.three .subhdr { background-color: #e5e1eb; }

.last { width: 34%;   }
.subhdr strong { display: block; color: #000; margin-top: 10px; margin-left: 25px; margin-right: 10px; height: 70px;   }

.one .subhdr:hover { background-color: #e2a218; }
.two .subhdr:hover { background-color: #aac803; }
.three .subhdr:hover { background-color: #8a78a6; }

 
p.box	{ width: 88.1%;  background-color: #eef6fe; margin: 30px 0px 30px 30px !important; padding: 10px; color: #666;  }
.box a { color: #666 !important; }
	

/* sub page  */

.sub .rightcol	{ width: 25%; padding-top: 25px; }
.sub .content	{ width: 49%; clear: none; max-width: 520px; }

.sub .one { color: #e2a218 !important; background-color: transparent;  }
.sub .two { color: #aac803 !important; background-color: transparent; }
.sub .three { color: #8a78a6 !important; background-color: transparent; }

.sub .one a { color: #e2a218 !important;  }
.sub .two a { color: #aac803 !important;}
.sub .three a { color: #8a78a6 !important;  }

.sub .content h3 { margin: 20px; margin-left: 15px; font-size: 130%; font-weight: bold; padding: 5px; }
.sub .content h4 { margin: 20px; font-weight: normal; font-size: 130%; margin-top: 30px; }
h6.crumb  { margin: 0px; font-size: 85%; padding: 15px 5px 5px 20px; font-weight: normal;  }
.sub .content p { margin: 20px; }
.sub .content ul { margin-left: 20px; }



.secone		 .content h3	{ color: #e2a218; background-color: #FBF4E6; }
.sectwo		 .content h3	{ color: #aac803; background-color: #F5F9E3; }
.secthree	 .content h3	{ color: #8a78a6; background-color: #F2F0F4; }

.secone		 .content h4	{ color: #e2a218; font-weight: bold; }
.sectwo		 .content h4	{ color: #aac803; font-weight: bold; }
.secthree	 .content h4	{ color: #8a78a6; font-weight: bold; }

.secone		 .content h4 a	{ color: #e2a218; font-weight: bold; }
.sectwo		 .content h4 a	{ color: #aac803; font-weight: bold; }
.secthree	 .content h4 a	{ color: #8a78a6; font-weight: bold; }

/* no-right col page  */
 
.noright .content  { width: 75%;  max-width: none !important; }


/* sitemap  */
ul ul { margin-left: -26px !important; margin-top: 10px; }
ul  ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
.sitemap li   { font-weight: bold; } .sitemap li li   { font-weight: bold; }
.sitemap ul li { margin-left: -14px; }
.sitemap ul li ul li { margin-left: 20px; }
.sitemap ul li li { font-weight: bold; }
.sitemap ul ul ul  {  }
.sitemap ul ul ul li {  margin-left: 0px;  list-style-type: circle; font-weight: normal;}
.sitemap ul ul ul ul   {    font-size: 85%;  }
.sitemap ul ul ul ul ul  {    font-size: 100%; }
.sitemap ul ul ul ul li  { margin-left: 0px;  font-size: 100%; list-style-type: square;}

/* search results  */
.searchresult p:first-line { color: gray; }
.searchresult a { font-weight: bold; }


#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active
{
position:static;
width:auto;
height:auto;
}

#datePageUpdated
{
	margin-top: 2em;
	font-style: italic;
}
/* IE mac fixes - mid pass filter hack */
/*\*//*/

/**/