body {-webkit-text-size-adjust:none}
body   { color: #333; font-size: 12px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 16px; background-color: #ccc; text-align: left }
.creditdetail { color: #808080; font-size: 90%; line-height: 12px; margin-top: 2px; }
.smaller { font-size: 85%; }
.credit { line-height: 100%; margin-top: 6px; margin-bottom: 0; padding-top: 6px; border-top: 1px solid #ccc; }
.creditsmall { font-size: 11px; line-height: 100%; }
.creditsmallartist { font-size: 11px; font-weight: bold; line-height: 0.4em; margin-top: 5px; padding-top: 8px; border-top: 1px solid #ccc; }
.creditsmallvenue { font-size: 11px; line-height: 9px; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.creditsmallextras { font-size: 10px; font-style: italic; line-height: 10px; margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 0; }
#masterbox  { margin-top: 30px; margin-right: auto; margin-left: auto; width: 640px; height: auto }
.featuretext  { font-size: 14px; line-height: 18px }
.projectlist  { margin-top: 12px; padding: 12px 0; border-style: solid; border-width: 1px 0; border-color: #999 }
.latestrectitle { margin-top: 0; padding: 8px 0 12px; border-right: 0 solid #999; border-bottom: 1px solid #999; border-left: 0 solid #999; border-top-color: #999; border-top-width: 0; order-top-style: solid; }
#mastheadbox { width: inherit; height: 82px }
#navbarbox { width: inherit; height: 22px }


/* Hacks required for mainbodybox, since as soon as you add a border or padding 		*/
/* IE5 on most systems will interpret the CSS wrong. This is the famous "box model" bug	*/
/* which you forever have to try and fix with one of the "box model hacks".				*/
/* 																						*/
/* Browsers are supposed to make the total width of a box equal to WIDTH + the defined	*/
/* padding or border width, etc. So if you say width is 600, padding is 10, border is 1 */
/* the box should be drawn 622px wide.													*/
/* 		IE5 and IE6 Win get it wrong and put the padding and border inside the defined width,		*/
/* so in the case described, IE would draw the box 600px wide. Yike!					*/
/*																						*/
/* To get around this, we've hacked the style definitions:								*/
/*		The line with !important will override any other subsequent width definitions, 	*/ 
/*		but only in browsers that understand !important. So this will get applied in	*/
/*		most modern browsers, but will get overridden by the next width defintion in	*/
/* 		IE for Windows which doesn't understand !important								*/
/*																						*/
/*		The next width definition is read by everything, but ignored by anything that	*/
/*		understands !important.															*/
/*																						*/
/*		The last definition, with the comment marks before the colon, is again read		*/
/* 		by everything EXCEPT IE6 for Windows.											*/
/*																						*/
/*		So: the !important line reaches and sticks with everything except IE Win		*/
/*			the clear line gets applied to IE Win										*/
/*			the commented line overrides the clear line in all IE Win except IE5		*/
/*																						*/
/*		So: Put the correct CSS width (small value) in !important						*/
/*			Put the fudged CSS width (oversized, for IE5) in the clear line				*/
/*			Put the correct CSS width again (small value, for later IE versions) 		*/
/*				in the commented line													*/
/*																						*/
/*		Hope that's clear now! See http://css-discuss.incutio.com/?page=BoxModelHack	*/
/*		Beware though - I think a lot of the behaviour described there is wrong.		*/
/*																						*/
/*	UPDATE - THIS DOESN'T WORK, BECAUSE IE FOR MAC OSX DOES READ THE !IMPORTANT			*/
/*	Therefore it hangs onto the smaller width definition, then draws the box too narrow */
/*	For now, we've taken out the !important on the end of the first line, and it seems	*/
/*	to work on both Safari and IE on Mac. Don't know about Win yet.						*/


#mainbodybox   { 
				background-color: #fff; 
				text-align: left; 
				padding: 18px;
				padding-top: 18px;
				height: auto; 
				border-right: 1px solid #666; 
				border-bottom: 1px solid #666; 
				border-left: 1px solid #666;
    			width: 602px;			
				}
				
/* Now add the Tan hack to fix box width on IE5 Win */

* html #mainbodybox {
				width: 640px;
				w\idth: 602px;
				}

#footerbarbox { width: inherit; height: 16px }
h1 { font-size: 18px }
h2   { color: #000; font-size: 16px; margin: 12px 0 }
.dottedrulebefore { padding-top: 12px; border-top: 1px dotted black }
h3 { font-size: 12px; margin: 12px 0 0 }
p { margin-top: 0; margin-bottom: 6px }
.greyrulebefore { padding-top: 12px; border-top: 1px solid #999 }
a:link { color: #390 ; text-decoration: none; }
a:visited { color: #390 ; text-decoration: none; }
#imageright { margin-top: 8px; margin-bottom: 8px; margin-left: 12px; border-color: gray; border-width: 1px; }
#newsticker { font-size: 11px; margin-top: 12px; margin-bottom: 0; padding: 6px 6px 0 0; border-color: #999; border-style: solid; border-width: 1px 0; }