﻿/* Fundamentals */
#Body               {height: 100%;}
body                {text-align: left; /* for IE */ margin-top: 0px; margin-left: 0px;} 
table 	            {text-align: left;} /* Overcomes issue of centered content when DOCTYPE is changed to XHTML compatible */
table 				{border-collapse: collapse;} /* affects all browsers */
div                 {z-index: 0}

/* Define default fonts ---  table, td, th */
body, div, span, ul, li, blockquote, p, textarea,
tbody, tfoot        {font-family: verdana, helvetica, sans-serif;}
td                  {vertical-align: top;}

#FCKBody            {background-color: #fff; background-image: none; font-size: 0.8em;} /* hide body background image from FCK Editor area */
#FCKBody TD         {font-size: 0.8em;}


/* Colours */	
#Body
{
    background-color: #DFEFFF;
    background-color: #669900;
}
body				{background: #fff url(images/bg4.png);}

#outer_container 	{background-color: #fff; border-right: 3px solid #017f98; border-left: 3px solid #017f98; border-bottom: 3px solid #017f98;}
.lpane              {background: #fff;}
.cpane              {background: #fff;}
.cpane_admin        {background: #fff;}
.rpane              {background: #fff;}


/* Size and positioning */
#outer_container 	{width: 975px; height: auto; margin: 0 auto 0 auto;}

/* -- site header */
#header         	{border: 0px solid #954; width: auto; height: 120px; position: relative;}
#logo               {border: 0px solid #0f0; position: absolute; top: 7px; left: 10px; display: block;}
#strap              {border: 0px solid #ff0; position: absolute; top: 73px; left: 113px; width: 350px; height: 40px; background: url(images/strap1.gif) no-repeat; }
#topright           {border: 0px solid #0f0; position: absolute; top: 27px; right: 10px; clear: both;}

/* -- overall content container  */
#mainframe 			{border: 0px solid #094;  width: auto;  height: auto !important;  margin: 0 auto 0 auto; position: relative; overflow: hidden; /* <--- Crucial - Make FF behave like IE*/}

.lcol				{border: 0px solid #309; float: left;  width: 199px; min-height: 500px; height: auto; padding: 0 8px 0 8px;}
.lpane				{border: 0px solid #973; padding: 10px 0 0 0; clear: both;}
.tpane				{border: 0px solid #379; float: right; width: 752px; position: relative; padding: 0 0px 0 0; margin: 0 8px 8px 0;}
.cpane				{border: 0px solid #973; float: left; width: 752px; position: relative; right: 0px; padding: 0; margin: 0 0 8px 0;}
.cpane_left			{border: 0px solid #309; float: left;  width: 537px; margin: 0 8px 8px 0; height: auto;}
.cpane_right		{border: 0px solid #390; float: right; width: 203px; right: 0; padding: 0; margin: 0 0 8px 0; min-height: 0; xfont-size: 0;/* IE empty div height */}
.cpane_lower		{border: 0px solid #039; float: left;  width: 752px; height: auto;}

/* -- footers */
#footer     		{border: 0px solid #549; width: auto; height: auto; clear:both;}
#footer             {height: 49px; margin: 0 8px 7px 8px; padding: 0 15px 0 0; text-align: right;}
.footer             {border: 0px solid #f00; float: left; margin: 36px 0 0 0; }

.user               {border: 0px solid #ff0; width: 975px; height: 20px; padding: 5px 0 0 0; text-align: left;}
.user            	{position: relative; top: 0px; margin: 0 auto 0 auto;}


/* Defaults */
UL, OL              {margin-top: 6px; margin-bottom: 12px;}
LI                  {margin-top: 0; margin-bottom: 0; line-height: 1.5em;}
P                   {margin-top: 0; margin-bottom: 8px;}

/* Fonts and links */
.Normal             {font-family: verdana, helvetica, san-serif; font-size: 0.75em; color: #3a312c; line-height: 1.5em;}
.SubHead            {color: #017F98;}
.SearchButton       {font-family: arial, helvetica, sans-serif; font-size: 0.85em; font-weight: bold; color: #017F98;}

/* -- default hyperlinks */
a:link	            {color: #017F98; text-decoration:none; font-weight: bold;}
a:active, 
a:visited           {color: #017F98; text-decoration:none; font-weight: bold;}
a:hover             {color: #017F98; text-decoration:underline; font-weight: bold;}

/* -- H styles for main central content column */
H1                  {font-family: arial, helvetica, sans-serif; font-size: 1.3em; font-weight: bold; color: #017F98; margin: 0; padding: 0 0 8px 0;}
H2                  {font-family: arial, helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #3a312c; margin: 0; padding: 0 0 8px 0;}
H3                  {font-family: arial, helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #017F98; margin: 0; padding: 0 0 4px 0;}
H4                  {font-family: arial, helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #017F98; margin: 0; padding: 0 0 4px 0;}


.user a,
.user a:visited,
.user a:hover,
.user a:active,
.user a:link        {font-family: arial, helvetica, sans-serif; font-size: .8em; font-weight: bold; color: #005; }

.footer             {font-family: verdana, helvetica, sans-serif; font-size: 0.65em; color: #999;}
.footer a,
.footer a:visited,
.footer a:hover,
.footer a:active,
.footer a:link      {color: #999; font-weight: normal;}


.bpane .Normal      {color: #000;}

a.CommandButton,
a.CommandButton:link,    
a.CommandButton:visited,
a.CommandButton:active  {color: #017F98}
a.CommandButton:hover   {color: #3a312c}

.date               {border: 0px solid #496; margin: 10px 0 0 0; clear: both;}
.dateobject         {color: #017F98; font-size: .75em; font-family: arial, helvetica, sans-serif;}


/* User defined table styles */

tr.UDT_Table_Head  td {
    width: 120px;
    padding: 0;
    }

/* -- deal with empty first column -- */    
tr.UDT_Table_Head  td:first-child {
    width: 20px;
    padding: 0;
    }
    
tr.UDT_Table_Item td {
    white-space:nowrap; 
    }
    
tr.UDT_Table_AlternateItem {
    }


/* House Index styles for sitemap */

.h_index_PageList li    {list-style-type: square; padding: 0; margin: 0;}
.h_index_PageItem       {padding: 0; margin: 0;}
.h_index_PageName       {font-size: 12px;}

/* Live Content module styles */
 
.highslide .Normal     	{color: #017F98; text-decoration:none; font-weight: bold;}

/* XMod styles */

.clubdetail 			{border: 0px solid #396; font-size: .75em; width: 600px; text-align: left; margin: 20px auto 20px 15px; line-height: 1.4em; }
.clubdetail .label 		{display: inline-block; font-weight: bold; width: 130px; vertical-align: top;}
.clubdetail .field		{border: 0px solid #491; margin: 0 0 10px 0}
.clubdetail .logo		{position: relative; float: right;}
.clubdetail .desc		{margin: 0 0 10px 0}
.clubdetail .textblock	{display: inline-block; width: 470px;}

.clublist               {font-size: .75em; margin: 20px 0 0 0;}
.clublist span          {border: 0px solid #0c0; display: inline-block; line-height: 1.5em; padding: 0; margin: 0;}
.clublist img           {vertical-align: middle;}
.clublist .Item         {border-top: 1px dotted #459; }
.clublist .ItemAlt      {border-top: 1px dotted #459; background: #fff; }
.clublist a.ClubName    {width: 230px; font-weight: bold; padding: 0 0 0 5px; vertical-align: top; display: block}
.clublist .ContactName  {width: 140px; vertical-align: top;}
.clublist .Tel          {width: 105px; vertical-align: top;}
.clublist .Icons        {width: 100px; vertical-align: top;}
.clublist .Details      {width: 80px; padding: 0 5px 0 5px;}

tr.clublist_header td		{font-weight: bold; color: #444; }
.clublist span.club_name	{display: inline-block; margin: 0 0 5px 5px;}
.clublist span.club_attr	{display: inline-block; margin: 0 0 5px 7px;}

.activitylist                   {font-size: .75em;}
.activitylist .title a          {border: 1px solid #c00; display: block; background: #eee; width: 140px; padding: 6px 0 6px 0; text-align: center;}
.activitylist .title a          {background: #eee;}
.activitylist .title a:hover    {background: #f9f9f9;}

.activitylist a.CommandButton   {display:inline; border: 0; background: 0; padding: 0; margin: 0; }
.activitylist a.CommandButton:hover  {background: 0;}

.xm_Contactform, .xm_Contactform TD {
background-color:#FFFFFF;
color:#666;
font-size:.9em;
}

.xm_Contactform {
background-color:#FFFFFF;
color:#666;
font-size:.8em;
}

.xm_ValidationSummary {
background-color:#FFFFCC;
border:1px solid #CFDBF4;
color:#000099;
font-size:1em;
font-weight:normal;
padding:4px;
width:250px;
}

/* Efficion Articles Styles */
.ea_ArticleList td              {padding: 0 0 8px 0;}
.ea_ArticleDiv                  {border: 1px solid #F9DFE0; padding: 10px;}
.ea_ArticleList img             {padding: 5px 5px 0 5px;}
.ea_ArticleList h2              {color: #D9353C; font-size: 0.85em; padding: 0 0 3px 0; margin: 0 0 1px 0; border-bottom: 1px dotted #ccc;}
.ea_ArticleList h2 a            {color: #D9353C;}
.ea_ArticleList h3              {padding: 0 0 0px 0; margin: 0;}
.ea_ArticleList h3              {font-size: 0.70em; line-height: 1.5em;}
.ea_ArticleList .ea_Author,
.ea_ArticleList .ea_PublishDate,
.ea_ArticleList .ea_Views       {color: #666; font-size: 0.70em; line-height: 1.5em;}
.ea_ArticleListItem             {padding: 0; margin: 0;}
.ea_Description                 {font-size: 0.75em; display: block; border: 0px solid blue; margin: 0; padding: 0;}

.ea_Article                     {font-size: .8em;}
.ea_Article h2                  {color: #D9353C; padding: 0 0 3px 0; margin: 0 0 1px 0;}
.ea_Article h2 a                {color: #D9353C;}
.ea_Article h3                  {font-size: 0.85em; padding: 0 0 3px 0; margin: 0;}
.ea_Article img                 {padding: 5px 0 0 0;}
.ea_Article .description        {font-weight: bold; margin: 0 0 10px 0;}
.ea_Article .details            {margin: 0 0 10px 0;}
.ea_Article .attributes         {font-size: .8em;}
.detailButtonRow                {padding: 15px 0 7px 0;}

/* Contol Panel styles */
 
.ControlPanel {
    width: 980px;
    background-color: #eee; 
    border-left: 3px solid #017f98;
    border-right: 3px solid #017f98;
    border-top: 0;
    border-bottom: 3px solid #eee; 
    }

.ControlPanel          	{position: relative; top: 0px; margin-left: auto; /* centre div in Firefox */ margin-right: auto; /* centre div in Firefox */ margin-top: 0;}

