/* Fundamentals */
#Body               {height: 100%;}
body                {text-align: left; /* for IE */ margin-top: 0px; margin-left: 0px; background-color: #fff;} 
table 	            {text-align:left;} /* Overcomes issue of centered content when DOCTYPE is changed to XHTML compatible */
table 				{border-collapse:collapse;} /* affects all browsers */

/* Define default fonts ---  table, td, th */
body, div, span, ul, li, blockquote, p, textarea,
tbody, tfoot        {font-family: arial, helvetica, sans-serif; font-size: 1.0em;}

/*a:active, a:focus   {background: yellow;}  highlight focus state for hyperlinks */

/* Colours */	
#Body		    	{background-color: #fff;}
body				{background: #fff url(images/bg.jpg);}
#outer_container 	{border: 0px solid #00f;}
#header             {background: #fff}

/* Size and positioning */
#bg_container       {width: 100%; background: url(images/bg.jpg);} /* adds second background for when logged in and control panel showing, preserves layout*/
#outer_container 	{width: 890px; xwidth: 100%; height: 100%} /* change to 100% for 'stretchy', change to 1000px for fixed width */
#outer_container 	{min-height: 700px; position: relative; top: 0px;  margin-left: auto; /* centre div in Firefox */ margin-right: auto; /* centre div in Firefox */ padding: 0 0 0 0;}

#hmenubar 			{border: 0px solid #ddd; position: relative; left: 0px; top: 0px; xwidth: 100%; height: 35px; display: inline-block; padding:  5px 0 0 13px; margin: 23px 0 12px 0; xfloat: left}


/* -- site header */
#header 			{border: 0px solid #0f0; width: 811px; margin: 0 0 0 0; display: inline-block;}
#header             {height: 80px;}     
#header:after 		{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}  /* Fix 'clearing' problems in FF */ 
#logo 				{border: 0px solid #000; position: relative; float: left; top: 0px; left: 0px;}


/* -- overall content container TABLE version */
#content_top		{background: #fff url(images/fade_top.gif); height: 10px; 
}
#maintable 			{border: 0px solid #d2d; width: 100%; height: 400px; display: table;
       			   
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
#maintable:after    {content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; /* Fix 'clearing' problems in FF */}

.left_fade			{background: transparent url(images/fade_left.gif) top no-repeat; width: 10px; }
.leftcol 			{border: 0px solid #00f; width: 5px; height: 100%; vertical-align: top; padding:   0 3px 0 3px; background: #fff;}
.right_fade			{background: transparent url(images/fade_right.gif) top no-repeat; width: 10px;}

.centrecol          {height: 100%; border: 0px solid #0f0; width: 792px; vertical-align: top; padding:  0 20px 40px 23px; background: #fff;}
.rightcol 			{border: 0px solid #f00; width: 128px; vertical-align: top; padding:  0 25px 40px 25px; background: #fff;}




li                  {list-style-type:  disc }
/* Fonts and links */
.Normal             {font-family: arial, helvetica, san-serif; font-size: .8em;font-weight:normal}
.NormalLarge        {font-family: arial, helvetica, san-serif; font-size: 1.0em; font-weight:normal}
.NormalXLarge        {font-family: arial, helvetica, san-serif; font-size: 1.2em; font-weight:normal}
.NormalSmall        {font-family: arial, helvetica, san-serif; font-size: .85em;font-weight:normal}


/* -- Default hyperlinks */
A:link	            {color:#099; text-decoration:underline; font-weight: normal}
A:visited           {color:#099; text-decoration:underline; font-weight: normal}
A:hover				{color:#000; text-decoration:none;font-weight: normal}

/* -- H styles for main central content column */
H1, H2              {xmargin:0; xpadding:0; /* deal with H1, H2 etc line breaks/cr */} 
H1                  {font-family: georgia, times new roman, serif; font-size: 1.4em; font-weight: bold; color: #ccc;}
H2                  {font-family: georgia, times new roman, serif; font-size: 1.4em; font-weight: bold; color: #009999;}
H3                  {font-family: georgia, times new roman, serif; font-size: 1.2em; font-weight: bold; color: #009999;}
H4                  {font-family: georgia, times new roman, serif; font-size: 1.1em; font-weight: bold; color: #009999;}
H5                  {font-family: georgia, times new roman, serif; font-size: 1.1em; font-weight: bold; color: #009999;}




.footer1			{border: 0px solid #d2d; width: 870px; height: auto; background: #999 url(images/fade_footer.gif) top no-repeat; padding: 0 0 0 0; margin-left: auto; /* centre div in Firefox */ margin-right: auto; /* centre div in Firefox */}
/* -- footer links styles -- move to container??? */
.footer_links           {padding:  10px; color:#fff}