/*
*	Debugging add borders to all styles
*/
body, a, div, h1, h2, h3, img, p
	{
	/*border:solid #000000 thin;*/
	}

/********************************************************************************/
/*
*	BODY
*	site wide default font is verdana small
*	text colour is middle gray
*	
*/
body
	{
	background-color:#dddddd;
	color:#808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

/********************************************************************************/
/*
*	A LINKS
*	sitewide links are blue and not highlighted until hovered
*/
a			{ color:#004c98; } 					/* all links blue */
a:link		{ text-decoration: none; } 			/* nothing different if a link */
a:visited	{ text-decoration: none; }			/* nothing different if visited */
a:hover		{ text-decoration: underline; }		/* underline on hover */
a:active	{ text-decoration: underline; }		/* underline when active */

/********************************************************************************/
/*
*	HX HEADINGS
*	heading 1 style is blueball blue with no margin spacing
*/
h1
	{
	color:#004c98;
	margin:0px;
	}
	
/********************************************************************************/
/*
*	IMG - classes for image placement
*	place image left or right with text
*/	
img.floatLeft
	{ 
    float:left ;
    margin:0px ;
	}

img.floatRight
	{  
    float:right ;
    margin:0px ;
	margin-left:20px;	/* keep text away from left side */
	margin-bottom:20px;
	}

iframe.floatRight
	{  
    float:right ;
    margin:0px ;
	margin-left:20px;	/* keep text away from left side */
	margin-top:10px;
	margin-bottom:10px;
	}

/********************************************************************************/
/*
*	OBJECT - classes for object placement
*	place object left or right with text
*/	
object.floatLeft
	{ 
    float:left ;
    margin:0px ;
	}

object.floatRight
	{  
    float:right ;
    margin:0px ;
	margin-left:20px;	/* keep text away from left side */
	margin-bottom:20px;
	}

/********************************************************************************/
/*
*	DIV CONTAINER
*	defines the layout of the main container - the center column of the screen
*/
div.container
	{
	margin:0px auto;			/* outside margin, auto centre */
	padding:0px 10px 0px 10px;	/* inside top right bottom left */
	background-color:#f2f2f2;
	width:780px;
	text-align:left;
	}

/* small text at top of page */
div.header-text
	{
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	padding-top:3px;
	text-align:right;
	font-size:x-small;
	}

/* banner graphic */
div.header-graphic
	{
	margin:0px;
	padding:0px;
	}
	
/* navigation bar */
div.navigation
	{
	margin:0px;
	padding:5px 0px 5px 0px; /* padding inside top right bottom left */
	}

/* regular content sections */
div.content
	{
	margin:0px;
	padding:10px;
	background:#FFFFFF;
	}

/* page footer */
div.footer
	{
	margin:0px;
	padding:0px;
	background:#f2f2f2;
	font-size: x-small;
	}

/* helper to get images to expand pad out the parent div */
div.clear
	{
	margin:0px;
	padding:0px;
	clear:both;
	}

.blueballblue
	{
	color:#004c98;
	font-weight:bold;
	}