/*
SHF2.css	[C] mickeywebdesign.com
EditLog:
05Mar10: Styling for h5 and em tags and for unstyled td
27Feb10: New styling for SHF2010
13Dec09: Fake style for 2010
21Feb09: Created from SHF1.css
*/

* { 
	padding: 0px ; 
	margin: 0px ;
}

body		{	
	font-family: "Comic Sans MS", Verdana, sans-serif;  			
	font-size: 12px;
	background-image: url(images/SHF10poster.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

/*
div#left	{
	float: left;	
	width: 200px ;	
	margin: 10px;
	margin-top: 230px;
}
*/

div#left	{
	position: absolute;
	top: 460px;
	width: 200px;
	margin: 10px;
}

div#centre	{
	margin: 240px 30px 20px 260px ; /* TRBL */
	padding: 10px ;
	width: 750px;
	color: #000000 ;
}

/* pageclasses */
.home { background: rgb(254,181,38); }
.perf { background: rgb(70,182,72); }
.stal { background: rgb(245,125,39); }
.spon { background: rgb(31,134,198); }
.volu { background: rgb(113,191,25); }
.comm { background: rgb(29,158,223); }
.medi { background: rgb(252,199,59); }

/*
.home { background-image: url(images/tile1.gif); }
.perf { background-image: url(images/tile2.gif); }
.stal { background-image: url(images/tile3.gif); }
.spon { background-image: url(images/tile4.gif); }
.volu { background-image: url(images/tile5.gif); }
.comm { background-image: url(images/tile6.gif); }
.medi { background-image: url(images/tile7.gif); }
*/

.content { 
	border: 2px solid black; 
	padding: 10px;	
	}
	
.content p{ padding: 10px ; }

.tab	{
	padding: 10px 5px 2px 5px ;
	border-right: 2px solid black;
	border-top: 2px solid black;
	border-left: 2px solid black;	
	border-bottom: 2px solid black;
}

.activetab { border-bottom: none; }

.local	{
	padding: 3px 5px 2px 5px ;
	border-right: 2px solid black;
	border-top: 2px solid black;
	border-left: 2px solid black;	
	border-bottom: 2px solid black;
	background-color: white;
}
	
img	{
	border: 1px solid black;
	margin: 20px;
}

.transbg	{
	background: transparent;
}

.whitebg	{
	background: white;
}

.sponlogo	{
	margin: 2px; 
	padding: 3px;
	border: none;
}

.border	{
	border: 1px solid black;
}

.noborder	{
	border: none;
}

.footer {
	color: black;
	font-size: small;	
	margin: 50px 10px;
	padding: 10px;
	background-color: rgb(70,182,72);
	border: 3px solid black;
	border-style: outset;	
}

.whitecard	{
	color: black;
	font-weight: bolder;
	background: white;
	padding: 5px;
	margin-left: 30px;
	border: 2px solid black;
	border-style: outset;
	width: 300px;
}

h2	{
	margin: 0 0 10px 0;
}

/* Heading used in sponsors' column and within text boxes */
h3	{
	border: 2px solid black;
	background: #d7d7d7;
	margin: 10px 10px 10px 0;
	padding-left: 10px;
}

h4	{
	border: 1px solid black;
	background: #c2c2c2;
	margin: 10px 10px 10px 0;
	padding-left: 10px;
	width: 350px;
}

h5	{
	border: 1px dotted black;
	background: #c2c2c2;
	margin: 10px 10px 10px 0;
	padding-left: 10px;
	width: 300px;
}

em	{
	font-weight: bold;
}

a	{
	color: black;
	font-weight:bold;
}

a:hover	{
	color:white;
	background: black;
}

#logo {
	position: absolute;
	top: 0px;
	left: 650px;
	border: none;
}

#underlogo	{
	position: absolute;
	top: 160px;
	left: 680px;
	border: 3px solid black;
	border-style: outset;
	background-color: #CC5000;
	padding: 5px;
	color: white;
	font-weight: bolder;
}

.credit	{
	font-size: 10px;
	text-align: right;
}	

table	{
	padding: 10px;
}	

th, td	{
	font-size: 12px;
	border: 1px solid black;
	padding: 5px 10px;
	color: #FFFFFF;
	background-color: #F05000;
}

th {
	background-color: #CC5000;
}

td.nostyle	{
	font-size: 12px;
	border: none;
	padding: 5px 10px;
	color: black;
	background-color: transparent;
}

ul, li	{
	margin-left: 20px; /* otherwise no dots */
	padding-left: 10px;

}

/* Form Styling */
fieldset {
	background: #c0cbe7;
	margin: 15px;	
}

fieldset legend {
	font-size: 1.2em;
	background: #bfb2d3;
	border: 2px outset #bfb2d3;
	padding: .2em;
	margin: 0 .2em;
}

fieldset em {
	color: red;
	font-size: 1.2em;
}

fieldset td, fieldset th{
	font-size: 12px;
	border: none;
	padding: 5px 10px;
	color: black;
	background-color: transparent;
}

.border td, border th {
	border: 1px solid black;
}

.centre	{
	text-align: center;
}