/* 'Holly Hack' - Guards agains WIN/IE guillotine/peek-a-boo bug*/
/* Hides from IE5-mac \*/
* HTML DIV
{
	height: 1%;
}
/* End hide from IE5-mac */

/******************************
* START CLASSES REQUIRED BY 
* ALTHOUGH CLASSES CAN BE MODIFIED TO SOME EXTENT, 
* THESE SHOULD BE STANDARD TO ALL STYLESHEETS
******************************/

/*** TEXT CLASSES ***/
 
BODY /* default text */
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	background-color: #50B0D1;
	padding-top: 0px; /* for Opera, achieves same as margin-top: 0px in IE/FF */
	margin: 0px 0px 15px 0px;
}
 
TD, TH, CAPTION, DIV /* default text */
{
	text-decoration: none;
	vertical-align: top;
}
 
H1 /* page title */
{
	font-size: 130%;
	color: white;
	width: 60%;
}
 
H2 /* header within page */
{
	font-size: 120%;
}
 
H3 /* header within page */
{
	font-size: 110%;
}
 
.textunderline /* underlined text */
{
	text-decoration: underline;
}

.textdefault /* a text 'reset' class for use in  only, should match default text style */
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	text-decoration: none;
	color: #000;
}

/*** LINK CLASSES ***/
 
A:link, A:visited /* default link */
{
	color: black;
	text-decoration: underline;
}
 
A:hover, A:active /* default link */
{
	color: black;
	text-decoration: none;
}
 
/*** TABLE, IMAGE AND PARAGRAPH TEXT ALIGNMENT ***/
 
TABLE.left, P.left /* align table or <p>-wrapped image to the left */
{
	float: left;
	margin: 0px 10px 10px 0px;
}
 
TABLE.right, P.right /* align table or <p>-wrapped image to the right */
{
	float: right;
	margin: 0px 0px 10px 10px;
}
 
TABLE.center /* align table to the centre */
{
	margin: 0px auto;
}
 
P.center /* align <p>-wrapped image to the left */
{
	text-align: center;
}

P.textcenter,
SPAN.textcenter /* align paragraph text to the centre */
{
	text-align: center;
	display: block;
}
 
P.textleft,
SPAN.textleft /* align paragraph text to the left */
{
	text-align: left;
	display: block;
}
 
P.textright,
SPAN.textright /* align paragraph text to the right */
{
	text-align: right;
	display: block;
}
 
P.textjustify,
SPAN.textjustify /* 'justify' align paragraph text */
{
	text-align: justify;
	display: block;
}

/*** ADD PADDING TO NON-PADDED CONTENT IMAGES ***/

a {
	color: black;
}

P.left IMG, P.right IMG, P.center IMG
{	
	margin: 0px;
}

/******************************
* END CLASSES REQUIRED BY 
* START CLASSES USED BY ARFSDEMO
* ALTHOUGH NEW CLASSES CAN BE ADDED TO STYLESHEET, 
* DO AS MUCH AS YOU CAN BY EDITING THESE FIRST
******************************/

/*** BACKGROUND COLOURS ***/

.secintrobg /* section intro background */
{
	background-color: #DDD;
	padding: 5px;
}

.artintrobg  /* article intro background */
{
	background-color: white;
	padding: 10px;
	margin-top: -5px;
	width: 563px;
}

.artintrobg a {
	color: black;
}

.artintrobg IMG
{
	margin: 10px;
}

.artintrobg P.left IMG, .artintrobg P.right IMG, .artintrobg P.center IMG
{	
	margin: 0px;
}

.accent /* accent colour (for high contrast) */
{
	background-color: #01B0E7;
}

/*** ADDITIONAL TEXT CLASSES ***/

.warning /* for 'mandatory field' star */
{
	color: #F00;
}

.date /* for displaying the date on news etc. */
{
	font-size: 90%;
	color: #666;
}

/*** ADDITIONAL LINK CLASSES ***/

	/* UNUSED BY ARFSDEMO */

/*** FORMS AND INPUTS ***/

FORM /* removes unwanted form whitespace */
{
	margin: 0px;
}

INPUT, SELECT
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.textarea /* for <input type="text"> and <select> fields */
{
	border: 1px solid #000;
	width: 95%;
}

.textareashort /* for shorter <input type="text"> and <select> fields*/
{
	border: 1px solid #000;
	width: 120px;
}

.textarea2d /* for <textarea> */
{
	border: 1px solid #000;
	width: 95%;
	height: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

.textareafree /* for <input type="text"> and <select> fields of free width */
{
	border: 1px solid #000;
}

/*** DATA TABLE ***/

TABLE.datatable
{
	border-style: solid;
	border-color: #666;
	border-width: 1px 0px 0px 1px;
}

TABLE.datatable TH
{
	border-style: solid;
	border-color: #666;
	border-width: 0px 1px 1px 0px;
	background-color: white;
	padding: 4px;
	text-align: left;
	color: #EF037F;
}

TABLE.datatable TH.plaintext /* for default text in a <th> */
{
	font-weight: normal;
	text-align: left;
}

TABLE.datatable TD
{
	border-style: solid;
	border-color: #666;
	border-width: 0px 1px 1px 0px;
	padding: 4px;
	text-align: left;
}

TABLE.datatable TD IMG
{
	margin: 0px
}

TABLE.datatable TD TD,
TABLE.datatable TD TH, /* remove borders from nested table cells */
TABLE.datatable TD CAPTION
{
	background-color: transparent;
	border-width: 0px;
	padding: 0px;
}

TABLE.datatable CAPTION
{
	border-style: solid;
	border-color: #666;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	border-width: 1px 1px 0px 1px;
	background-color: #EF037F;
	color: white;
}

/*** PAGEHEADER ***/

#pageheader {
	width: 769px;
}

#pageheader2 {
	width: 769px;
}

#pageheaderbar
{
	background-color: #6F0141;
	text-align: right;
	font-size: 1%;
	line-height: 1%;
	width: 769px;
}

#pageheader TD
{
	background-color: #EF037F;
}

#pageheader TD.logo
{
	background: #EF037F url(../images/header.jpg) no-repeat top left;
	height: 113px;
}

#pageheader a {
	display: block;
    font-size: 150%;
    /* border: 2px dashed black; /* debug display */
}

#pageheader a span {
	display: none;
}

#pageheader a#main_home
{
 		 margin-top: 10px;
  		 margin-left: 10px;
		 height: 50px;
         width: 230px;
}

#pageheader2 TD.logo
{
	height: 113px;
}

#pageheader2 a
{
         display: block;
		 font-size: 150%;
         /* border: 1px dashed black; /* debug display */
}
#pageheader2 a span
{
         display: none;
}

#pageheader2 a#gov
{
		margin-top: -30px;
		margin-left: 260px;
        height: 50px;
        width: 100px;
}
#pageheader2 a#biz
{
		margin-top: -60px;
		margin-left: 465px;
        height: 50px;
        width: 100px;
}
#pageheader2 a#edu
{
 		 margin-top: -60px;
  		 margin-left: 365px;
		 height: 50px;
         width: 100px;
}

#pageheader2 a#home
{
 		 margin-top: 10px;
  		 margin-left: 10px;
		 height: 50px;
         width: 230px;
}
/*** SEARCH ***/

#searchbox
{
	margin: 15px 30px 0px 0px;
}

#searchbox TD
{
    vertical-align: middle;
	padding: 0px 2px;
}

#searchbox LABEL
{
	font-size: 1%;
	line-height: 1%;
}

/*** TOP MENU BAR
* the datasource of the top menu bar is configured on a site-by-site basis.
* it is set as either 'menugroup' or 'menu'. 
***/

#topmenubar TD
{
	color: #FFF;
	background-color: #666;
	font-weight: bold;
}

#topmenubar DIV
{
	float: left;
	white-space: nowrap;
	padding: 5px;
}

#topmenubar DIV.datasourceon /* bg colour of selected menu/menugroup */
{
	background-color: #666;
}

#topmenubar DIV.datasourceoff /* bg colour of unselected menu/menugroup */
{
	background-color: #666;
}

#topmenubar DIV.divideron /* show menu divider */
{
	background-color: #666;
	color: #666;
	padding: 5px 0px;
}

#topmenubar DIV.divideroff /* hide menu divider */
{
	background-color: #666;
	color: #666;
	padding: 5px 0px;
}

#topmenubar DIV.datasourceon A:link,
#topmenubar DIV.datasourceon A:visited
{
	color: #01B0E7;
	text-decoration: none;
}

#topmenubar DIV.datasourceon A:hover,
#topmenubar DIV.datasourceon A:active
{
	color: #01B0E7;
	text-decoration: underline;
}

#topmenubar DIV.datasourceoff A:link,
#topmenubar DIV.datasourceoff A:visited
{
	color: #FFF;
	text-decoration: none;
}

#topmenubar DIV.datasourceoff A:hover,
#topmenubar DIV.datasourceoff A:active
{
	color: #01B0E7;
	text-decoration: underline;
}

#lhlinks
{
	margin: 0px;
	padding: 10px 10px 10px 10px;
	width: 142px;
}

/*** BREADCRUMB TRAIL NAVIGATION **/

#breadcrumb
{
	font-size: 90%;
}

#breadcrumb A:link,
#breadcrumb A:visited
{
	font-weight: bold;
	text-decoration: none;
}

#breadcrumb A:hover,
#breadcrumb A:active
{
	font-weight: bold;
	text-decoration: underline;
}

#breadcrumb SPAN,
#breadcrumb SPAN.divider
{
	color: #01B0E7;
}

/*** EMAIL/PRINT CONTROLS ***/

#emailprint TD
{
	font-size: 85%;
	vertical-align: middle;
	white-space: nowrap;
}

/*** PREVIOUS/NEXT CONTROLS ***/

DIV.prevnext
{
	font-size: 85%;
}

/*** CONTENT AREA ***/

#content
{
	background: #50B0D1 url(../images/main_bg.jpg) no-repeat top left;
	padding: 0px 0px 0px 0px;
	font-size: small;
}

/*** FOOTER ***/

#footer {
	width: 769px;
}

#footer TD
{
	color: #FFF;
	background-color: #6F0141;
	vertical-align: middle;
	padding: 0px 5px;
}

#footer IMG
{
	display: block;
}

/*** LEFT AND RIGHT INCLUDES (Search/Register etc.) ***/

TABLE.includebox H2
{
	font-size: 100%;
	display: inline;
}

TABLE.includebox TD
{
	padding: 0px;
	background-color: #DDD;
}

TABLE.includebox .bordered
{
	border-top: 1px solid #A1A1A1;
}

TABLE.includebox TD.header
{
	background-color: #CCC;
}

TABLE.includebox UL /* removes unwanted list whitespace */
{
	padding: 0px;
	margin: 0px;
}

TABLE.includebox LI
{
	padding: 0px;
}

/*** CLASSES USED TO GET INSIDE .NET TABLES IN SEARCH.ASPX ***/

#SearchDataGrid TD
{
	padding: 10px;
}

TR.pagerstyle TD
{
	background-color: #DDD;
}

TR.pagerstyle TD SPAN
{
	padding: 0px 10px;
}

/*** AZ SERVICES PAGE - AZ LINKS ***/

#azlinks TD
{
	font-size: 140%;
	font-weight: bold;
	text-align: center;
}

#azlinks SPAN.selected
{
	color: #01B0E7;
}

#azlinks TD.disabled
{
	color: #666;
}

/***INFORMATION LIBRARY PAGE - AZ LINKS ***/

#azlinkboxes A,
#azlinkboxes DIV.disabled
{
	border: 1px solid #000;
	padding: 0.5em;
	margin: 0.5em;
	float: left;
	display: block;
}

#azlinkboxes DIV.disabled
{
	background-color: #CCC;
}

DIV.divider
{
	font-size: 1px; 
	background-color: #000;
	line-height: 1px; 
	clear: both; 
}

/*** REMOVE IMAGE BORDERS BY DEFAULT ***/

IMG
{
	border: 0px;
}

/*** HIDING ELEMENTS USED IN NON CSS DISPLAY (E.G HR) ***/

.hide
{
	display: none;
}

/******************************
* END CLASSES USED BY ARFSDEMO
******************************/

.main {
	width: 759px;
}

#main_2 {
	width: 769px;
}

.leftnav {
	width: 162px;
	background: transparent url(../images/bl_nav_curve.jpg) no-repeat bottom left;
}

#search {
	display: none;
}

.wysiwyg {
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	width: 553px;
}