/* CSS */
html, body, div, header, footer, aside, nav, article, section	{ margin: 0; padding: 0; }
header, footer, aside, nav, article, section	{ display: block; }
body            {
	color: #333;
	font: 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
 background-color  :#f9f9f9;} 
h2				{ color: #333; }
a				{ color:#5E8CE9;}
/*a:visited       { color:#545B78; }*/
a:hover         { color:#FF9900; }
/*a:active        { color:#008000; }*/

/*    a:active { color:#FF6600; }*/
p				{ margin: 0 0 17px 0;
}

#container		{ width: 900px; margin: 0 auto;background:white;}
#wrapper		{ float: left; width: 100%; }

/* Header */
header			{ background: #5E8CE9; border-bottom: 2px solid #aaa; }
header h1  	    {
	color: #fff;
	margin: 0 0 3px;
	padding: 24px 18px 0;
	font-size: xx-large;
}
header p		{ color: #ccc; font-size: 16px; font-weight: bold; padding: 0 18px; }

/* Content Style */
#extra			{ float: left; margin-left: -890px; width: 155px; padding-bottom:6px;border-bottom: 1px solid #ccc;}		
#extra small	 { font-size: 11px; line-height: 18px; }
#extra ul	     { padding: 0 0 0 0; display: inline; list-style-type: disc; }
#extra ul li     { margin-left:20px; margin-right:10px;margin-top:5px; }
#content		 { }
#content p, #extra p { padding-right: 18px; }

/* Navigation Positioning and Size */
nav            { float: left; margin-left: -195px; width: 190px; }
nav div        { background-color: white; font-size: small; font-weight: normal; vertical-align: middle; padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom: 2px; color: #333; }
nav div#colour { background-color: #236094; margin: 0 0 0 0; padding: 0 0 0 0; }
nav div ul     { margin: 0; padding: 0; list-style-type: square; height: 26px; display: inline; }
nav div li     { display: inline;}
li.helpIcon    { display: inline-block; padding-left: 5px; }
li.helptext    { display: inline-block; vertical-align: super; margin-left: 8px; margin-top: 0px; font-weight: bold; }

/* Content Positioning and Size */
#content		{ margin: 0 220px 36px 190px; min-height:400px }
#content ul     { margin:0;}
/* Footer */
footer			{ background: #5E8CE9; border-bottom: 2px solid #aaa; clear: left; width: 100%;}
footer a		{ color: #fff; }
footer p	  { color: #ccc; margin: 0; padding: 0 18px 10px; }
footer ul		{ border-bottom: 1px solid #999; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px;text-align: center; }
footer li		{ display: inline; font-size: 11px; font-weight: bold;}
/* Menu Bar */
#menubar         { padding: 0;	height: 2.4em; background: #5e8ce9; font-size: 12px; font-weight: bold;	margin-left: 0px; margin-top: 3px;margin-bottom: 5px;}
#menubar li        {display: inline; list-style: none;width: 10em; float: left; }
#menubar li a      {display: block;padding: 5px 8px;background: #5e8ce9;color: #fff;text-decoration: none;border-right: solid 2px #fff;}
#menubar li ul     {display: none;	width: 19em; height: 2.4em;	background: #69f;}
#menubar li:hover ul, #menubar li.hover ul {display: block;position: absolute;margin: 0;padding: 0; }
#menubar li:hover li, #menubar li.hover li {float: none;}
#menubar li:hover li a, #menubar li.hover li a {background: #69f;border-bottom: 2px solid #fff;color: #000; }
#menubar li li a:hover {background: #FF9900;}
#menubar .logo         {float: right;}
.more	{ display: none; border-top: 1px solid #666; border-bottom: 1px solid #666; margin-top: 10px; }
a.showLink, a.hideLink {text-decoration: none; color: #36f; padding-left: 8px; background: transparent url('../images/down.gif') no-repeat left; }
a.hideLink  { background: transparent url( '../images/up.gif' ) no-repeat left; }
a.showLink:hover, a.hideLink:hover { border-bottom: 1px dotted #36f; cursor: pointer; }
.handcursor { cursor: pointer;}