/*******************************************************************************/
/* Site:   Malcolm Macdonald                                                   */
/* Author: Simon McKone, MDB Consulting Ltd                                    */
/* Date:   13 March 2008                                                       */
/* Style:  screen.css - Used to style the whole site for screen representation */
/*******************************************************************************/
html, body                          {margin: 0; padding:0;}
body                                {min-width: 960px; font-size:70%; font-family: Trebuchet MS, arial, sans-serif; color:#000;}
body 								{background: url(../images/mainBackground.jpg) top left repeat-x #C3C3C3;}
div, h1, h2, h3, h4, h5, h6, img    {border:0; padding:0; margin:0;}
*                                   {font-size:100%;} /* For controls */
h1, h2, h3, h4, h5, h6              {font-family: Trebuchet MS, arial, sans-serif; font-weight:bold;}
h1                                  {color:#003399; font-size:130%; margin:0;}
h2                                  {color:#003399; font-size:120%;}
h3                                  {color:#003399; font-size:110%; margin:1.7em 0 0.3em 0; font-weight:normal;}
h4                                  {color:#666; font-size:100%; margin:0;}
div, p, li, blockquote              {margin:0; padding:0;}
label                               {color:#000; font-weight:bold;}
img                                 {border:none;}
p                                   {margin:0.7em 0 1em; line-height:15px;}
a                                   {color:#039; text-decoration:none;}
a:hover                             {color:#C00; text-decoration:underline;}
hr                                  {clear:both; height:1px; margin:0; padding:0; background:#039; color:#039; line-height:1px;}
form                                {margin:0; padding:0;}
input, textarea, button             {font-family:Trebuchet MS, arial, sans-serif;}
blockquote                          {margin:0.7em 0 1em; font-style:normal;}
address                             {margin:10px 0 20px 0;}
span.bold							{font-weight: bold;}
input.button                		{padding:2px 4px; margin: 4px; height:21px; font-size:10px; border: 1px solid #FFF; font-weight:bold; color:#fff; background:#003399; text-transform:uppercase;}
									 

/*************************/
/* TEMPLATE STYLES BY ID */
/*************************/
div#outerFrame 						{padding: 0;width: 860px; margin: 0 auto; background-color: #FFFFFF; padding-bottom: 10px;}
div#header 							{margin: 0 auto; background: url(../images/mainHeader.jpg) top left no-repeat; width: 850px; height: 99px;}
div#header h1 						{display: none;}

div#leftColumn						{width: 600px; float: left;}

div#tabsMenu						{width: 600px; padding: 0; margin: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-left: 0; float: left;}
div#tabsMenu ul						{margin: 0; padding: 0;}
div#tabsMenu ul li 					{float: left; display: inline; margin: 0; padding: 0; padding-bottom: 0px;}
div#tabsMenu a						{display: block; height: 33px; text-align: center; font-weight: bold; margin-right: 3px; line-height: 33px;}
div#tabsMenu a.homeTab				{background-image: url(../images/tabs/homeTab_off.jpg); width: 59px; background-repeat: no-repeat; background-position: top left; color: #FFF;}  
div#tabsMenu a.homeActive			{background-image: url(../images/tabs/homeTab_ov.jpg); width: 59px; background-repeat: no-repeat; background-position: top left; color: #000; position: relative; top: 1px;} 
div#tabsMenu a.seventyTwoTab		{background-image: url(../images/tabs/72Tab_off.jpg); width: 72px; background-repeat: no-repeat; background-position: top left; color: #FFF;} 
div#tabsMenu a.seventyTwoTabActive	{background-image: url(../images/tabs/72Tab_ov.jpg);width: 72px;background-repeat: no-repeat;background-position: top left;color: #000;position: relative;top: 1px;} 
div#tabsMenu a.seventySevenTab		{background-image: url(../images/tabs/77Tab_off.jpg);width: 77px;background-repeat: no-repeat;background-position: top left;color: #FFF;} 
div#tabsMenu a.seventySevenTabActive{background-image: url(../images/tabs/77Tab_ov.jpg);width: 77px;background-repeat: no-repeat;background-position: top left;color: #000;position: relative; 
top: 1px;} 
div#tabsMenu a.eightyNineTab		{background-image: url(../images/tabs/89Tab_off.jpg);width: 89px;background-repeat: no-repeat;background-position: top left;color: #FFF;} 
div#tabsMenu a.eightyNineTabActive	{background-image: url(../images/tabs/89Tab_ov.jpg);width: 89px; background-repeat: no-repeat; background-position: top left; color: #000;position: relative; top: 1px;} 

div#main 							{float: left; width: 850px; padding-left: 5px; padding-right: 5px; padding-top: 10px; background-color: #FFF;}

div#contentBox {
	float: left;
	border-right: #737373 solid 1px; 
	border-left: #737373 solid 1px; 
	border-top: #737373 solid 1px;
}
div#contentBox div.leftContentWithRightCol 						{float: left; width: 408px}
div#contentBox div.leftContentNoRightCol						{padding: 10px; padding-left: 10px; padding-top: 0px; float: left; width: 578px}

div#contentBox div.headerText 									{margin-top: 20px; margin-bottom: 20px; padding-left: 10px;}
div#contentBox div.headerText h2 								{display: none;}
div#contentBox div.colContent 									{padding-left: 10px;}
div#contentBox div.colContent ul								{list-style-image: url(../images/doubleArrowBullet.gif); margin-left: 15px; padding-left: 5px;}
div#contentBox div.colContent li								{padding-bottom: 5px; margin-top: 0px;}
div#contentBox div.colContent li a:link, div#contentBox div.colContent li a:visited {font-weight: bold; font-size: 12px;}
div#contentBoxFooter 											{
	float: left;
	width: 600px;
	height: 64px;
	background: url(../images/mainContentBottom.jpg) no-repeat left bottom;
	margin-bottom: 10px;
} 
div#contentBoxFooter div.pageTools 								{border-top: 1px solid #003399; width: 580px; margin: 0 auto; padding-top: 4px; margin-top: 20px;}
div#contentBoxFooter div.pageTools div.pageToolsLeft 			{float: left;}
div#contentBoxFooter div.pageTools div.pageToolsLeft ul			{margin: 0; padding: 0; padding-left: 20px;}
div#contentBoxFooter div.pageTools div.pageToolsLeft li			{list-style-image: url(../images/backtotop.gif);}
div#contentBoxFooter div.pageTools div.pageToolsRight			{float: right;}
div#contentBoxFooter div.pageTools div.pageToolsRight li		{display: inline; border-right: 1px solid #003399; padding-left: 4px; padding-right: 4px;}
div#contentBoxFooter div.pageTools div.pageToolsRight li.last	{border-right: none; padding-right: 0px;}
div#contentBox div.rightContentCol 								{float: right; width: 160px; margin-right: 10px; margin-top: 20px;}
div#contentBox div.rightContentCol h2 							{padding-top: 6px; padding-bottom: 4px; border-bottom: 2px dotted #E1B400;}
div#contentBox div.rightContentCol div.colImage 				{border-left: 1px solid #CCC; border-bottom: 1px solid #CCC;}
div#rightColumn 												{width: 244px; float: right; background: url(../images/rightColMid.jpg) repeat-y top left; margin-bottom: 10px;}
div#rightColumn div.rightTopSection 							{width: 244px; background: url(../images/rightColTop.jpg) no-repeat top left;}
div#rightColumn div.rightTopSection div.malcolmPic 				{text-align:center; padding-top: 25px;}
div#rightColumn div.rightTopSection div.malcolmPic p			{font-weight: bold;}
div#rightColumn div.rightTopSectionHeader						{}
div#rightColumn div.rightTopSectionHeader h2					{display: none;}

div#rightColumn div.rightColMid 								{padding: 10px;}
div#rightColumn div.rightColMid p 								{line-height: 18px;}
div#rightColumn div.rightColMid ul								{list-style-image: url(../images/doubleArrowBullet_blueOnBlue.gif); margin-left: 15px; padding-left: 6px;}
div#rightColumn div.rightColFooter 								{background: url(../images/rightColFoot.jpg) no-repeat top left; height: 101px; width: 244px;}
div#footerBar 													{width: 860px; margin: 0 auto; padding-bottom: 20px;}
div#footerBar div.footerLeft 									{background: url(../images/footerBar_left.gif) no-repeat top left; height: 49px; width: 20px; float: left;}
div#footerBar div.footerMid 									{width: 820px; height: 49px; background: url(../images/footerBar_mid.jpg) repeat-x top left; float:left;}
div#footerBar div.footerMid div.footerContentLeft 				{float: left;}
div#footerBar div.footerMid div.footerContentLeft p 			{padding-top: 6px;}
div#footerBar div.footerMid div.footerContentRight 				{float: right;}
div#footerBar div.footerMid div.footerContentRight p 			{padding-top: 6px;}
div#footerBar div.footerRight									{background: url(../images/footerBar_right.gif) no-repeat top left; height: 49px; width: 20px; float: left;}

table.enquiryTable 												{border: 1px solid #666; padding:0; margin:0}
table.enquiryTable th 											{background-color: #F8EDC1; font-size: 100%; font-weight: bold;}
table.enquiryTable td 											{background-color: #F8EDC1; font-size: 100%; font-weight: normal;}
table.enquiryTable td.darkCell									{background-color: #E1B400;}
table.enquiryTable span.required 								{color: #C00; font-weight: bold;}

table.enquiryTable textarea.textArea							{width: 300px; height: 100px;}
table.enquiryTable input.textInput								{width: 300px;}