/* 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, 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: 500px; 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: 10px; height: 100%; vertical-align: top; padding: 0 23px 0 23px; background: #fff;}
/*
.centrecol          {border: 0px solid #0f0; width: 100%; height: 100%; vertical-align: top; padding:  0 0 0px 0; background: #fff;}
.rightcol 			{border: 0px solid #f00; width: 128px; height: 100%; vertical-align: top; padding: 0 25px 0 25px; background: #fff;}
*/

.right_fade			{background: transparent url(images/fade_right.gif) top no-repeat; width: 10px;}
.centrecol          {height: 100%; border: 0px solid #0f0; width: 692px; vertical-align: top; padding: 0 0 20px 23px; background: #fff;}
.rightcol 			{border: 0px solid #f00; width: 128px; vertical-align: top; padding: 0 25px 20px 25px; background: #fff;}


li                  {list-style-type:  disc }
/* Fonts and links */
.Normal             {font-family: arial, helvetica, san-serif; font-size: .8em;}
.NormalLarger       {font-family: arial, helvetica, san-serif; font-size: .9em; font-weight:normal}
.Normal_larger_really {font-family: arial, helvetica, san-serif; font-size: 1.2em; font-weight:normal; color:#000}


/* -- Default hyperlinks */
a { display: inline;}
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.6em; font-weight: bold; color: #009999; margin-bottom:0px; margin-top:8px;}
h2                  {font-family: georgia, times new roman, serif; font-size: 1.4em; font-weight: bold; color: #009999; margin-bottom:0px; margin-top:8px;}
h3                  {font-family: georgia, times new roman, serif; font-size: 1.4em; font-weight: bold; color: #009999;margin-bottom:5px; margin-top:8px;}
h4                  {font-family: georgia, times new roman, serif; font-size: 1.1em; font-weight: bold; color: #ccc;}
h5                  {font-family: georgia, times new roman, serif; font-size: 1.1em; font-weight: bold; color: #666; margin-bottom:0px;margin-top:20px;}

.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:  12px; color:#fff}

.radiobuttonlist  {font-size: 1.3em; font-weight: bold; color: #000;}
.radiobuttonlist  input{margin-left:15px }

.listmemtype  {font-size: 1.0em; font-weight: bold; color: #000;}
.listmemtypelarge  {font-size: 1.1em; font-weight: bold; color: #000;}

/* pop ups */
div.popupcontent{position: absolute;  background-color: #EFFCE1;   border:2px solid #009990;  font-size:0.8em;  text-align:center;  padding:5px; z-index: 100; }
div.popupcontentLeft{position: absolute;  background-color: #EFFCE1;   border:2px solid #009990;  font-size:0.8em;  text-align:left;  padding:5px; z-index: 100; }

table.details td {padding:3px;}
table.fix   {font-family: arial, helvetica, san-serif; font-size: .8em; width:95%}

.spanamount  {font-family:  arial, helvetica, san-serif; font-size: 1.0em; font-weight: bold; color: #333333; margin-bottom:0px}

div.membtypebox {border:2px dotted #006600; background-color:#DEFBC0; margin:0px; padding:0px  10px 0px 20px; width:520px;}

table.enteprise { margin: 0px 0px 10px 30px;}
table.enteprise td{padding:5px;}