/* BOYAN grouped CSS (to be split) */

/* Green = 339933 */
/* Hacked about by Peter to client amends and supplied to Josh for cleaning*/

/**** reset ****/

body, html	{
	margin: 0;
	padding: 0;
	}
	
a	{
	text-decoration: none;
	}
	
img	{
	border: 0;
	}
	
/* EasyClear (http://www.positioniseverything.net/easyclearing.html) */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**** base ****/

body	{
	background: #fff url(/statics/img/boyan_tile.gif) fixed;
	text-align: center;
	font-family: "Courier New";
	color: #1A1A1A;
	}
	
/**** grid ****/

#g_page	{
	text-align: left;
	width: 730px;
	margin: 20px auto 20px auto;
	padding: 0 0 50px 0;
	}
	
#g_header	{
	height: 60px;
	}
	
#g_container	{
	float: left;
	width: 730px;
	background-color: #fff;
	}
	
#g_left_col	{
	float: left;
	width: 165px;
overflow: hidden;
	}
	
#g_right_col	{
	float: right;
	width: 175px;
overflow: hidden;
	}
	
#g_main	{
	float: left;
	width: 380px;
	/*width: 390px; yes yes, but IE5 and 5.5 don't like the correct value*/
/* overflow: hidden;*/
	}
	
#g_main_inner	{
	/*margin: 0 15px 0 15px;*/
	margin: 0 10px 0 20px;
	}
	
#g_footer	{
	float: left;
	width: 730px;
	clear: both;
	height: 46px;
	}
	
#g_credit	{
	padding-top: 1em;
	clear: both;
	}

/**** func ****/

img#f_cover	{
	margin: 0 0 0.85em 10px;
	}

/* both menu cols */

#g_left_col ul, #g_right_col ul	{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 0.9em;
	}
	
#g_left_col ul	{
	margin-left: 10px;
	}
	
#g_left_col li, #g_right_col li	{
	list-style-type: none;
	border-bottom: 1px dashed #1A1A1A;
		margin: 0;
	padding: 0.6em 0 0.1em 0;
	line-height: 1.1em;
	}

.f_thewinners {
	text-transform: uppercase;
	font-size: 0.9em;
}

#g_right_col li {
  padding-right: 0.1em;
}
	
#g_left_col a, #g_left_col .selected	{
	margin: 0;
	padding: 0;
	}

#g_left_col .f_menu a:link, #g_left_col .f_menu a:visited 	{
	color: #666666;
	}
	
#g_right_col .f_menu a:link, #g_right_col .f_menu a:visited 	{
	color: #666666;
	}
	
#g_left_col .f_menu a:hover, 
#g_left_col .f_menu .f_selected, 
#g_right_col .f_menu a:hover, 
#g_right_col .f_menu .f_selected 	{
	background-color: #339933;
	color: #fff;
	}

/* main */

img.pageImage	{
	margin: 0.6em 0 -0.5em 0;
	padding: 0;
	}

#g_main a	{
	border-bottom: 1px dashed #1A1A1A;
	}
	
#g_main a:link	{
	color: #339933;
	}
		
#g_main a:visited	{
	color: #666666;
	}
		
#g_main a:hover	{
	background-color: #339933;
	color: #fff;
	}
	
#g_main ul	{
	margin: 0;
	padding: 0;
	}
	
#g_main li	{
	list-style-type: none;
	}
	
h1, h2, h3	{
	text-transform: uppercase;
	}

.h1look	{
	color: #339933;
	font-size: 1.35em;
	font-weight: normal;
	line-height: 0.95em;
	margin: 0;
	padding: 0;
	position: relative;
	top: -16px;
	}
	
.h2look	{
	color: #1A1A1A;
	font-size: 1em;
	margin: 0.2em 0 -0.05em 0;
	padding: 0;
	}
	
h3	{
	font-size: 0.9em;
	margin: 0.2em 0 -0.05em 0;
	padding: 0;
	line-height: 1.75em;
	}

p	{
	font-size: 0.9em;
	line-height: 1.51em;
	}
	
#g_main ul	{
	font-size: 0.9em;
	line-height: 1.75em;
	padding-bottom: 0.5em;
	}
	
/* form elements */

fieldset	{
	border: 0;
	margin: 0 0 0.5em 0;
	padding: 0;
	}
	
label	{
	font-size: 90%;
	}
	
input.w_clientForm, textarea.w_clientForm	{
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
fieldset.submit	{
	padding-top: 0.5em;
	text-align: right;
	}

#w_commentForm {
  padding-top: 20px;
}

#g_main a.invisible:link,
#g_main a.invisible:visited,
#g_main a.invisible:hover {
  border: 0;
}

#g_main a img {
  display: block;
}

/* credit link */

#g_credit p     {
         text-align: right;
         font-size: 0.7em;
         padding: 0;
         margin: 0;
         }

#g_credit a:link        {
         color: #339933;
         }

#g_credit a:visited     {
         color: #666666;
         }

#g_credit a:hover       {
         background-color: #339933;
         color: #fff;
         }