/* Created by Grow for Support Key 2006 */

/*	-------------------------------------------------------------
	Grow Media Design 2006
	www.growmedia.co.uk 
	One of These Pixels is Doing its Own Thing
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base setup styles
	Filename:		sk.css
	Version:		2.1
	Date:			Mar 10, 2006
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Base Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd	{
	font-family:	 helvetica, arial, verdana, san-serif;
	font-size: 12px;
}

body {
	margin:0px;
	padding:0px;
   text-align:center;
	border: 0;
   color:#2f1419; 
   background-color: #fff;
	line-height: 155%;
	/*background: url(../img/layout/bkg.jpg) top left repeat;*/
}

div.spacer {
  overflow: hidden;
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	font-size: 1px;
}

/*	-------------------------------------------------------------
	TEXT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
a {
  color: #333333;
  text-decoration:none;
  font-weight: bold;
  background: #efefef;
}

a:visited {
}

a.selected {
}

a:hover {
  color: #f4ed13;
  font-weight: bold;
  text-decoration:none;
  background: #454545;
}

.small {
  font-size:85%;
}

.textpad{
	padding-left: 1em;
	padding-top: 1.8em;
	line-height:100%;
	margin-bottom:1.3em;
	font-size: 90%;
	width: 320px;
	color: #970418;
	font-weight: bold;
}



/* =headings */


h1 {
  color: #000;
  font-size:20px;
  font-weight:bold;
  margin:0 0;
  padding: 0 0 0px 0px;
  border-bottom: 2px solid #e8d41a;
  line-height: 30px
}
h2 {
  text-transform:uppercase;
  font-size:13px;
  font-weight:normal;
  margin:0 0;
  padding: 0 0 0px 0;
}

h2 a {
  color:#fff;
}

h3 {
  color:#A6CE39;
  font-size:11px;
  font-weight:normal;
  margin:0 0;
  padding: 0 0 12px 0;
}


h4 {
  font-size:12px;
  margin:1px 0 2px 0;
  font-weight:normal;
  color:#fff;
}

h4 a {
  color:#fff;
  text-decoration:none;
}

h4 a:hover {
  color:#A6CE39 !important;
}

		.date {
			font: 10px Helvetica, Verdana, Arial , sans-serif; 
			text-transform: uppercase;
			font-weight: bold;
			color: #666;
			margin-bottom: 4px;}
			


/*	-------------------------------------------------------------
	LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		

#container {
        width: 100%;
        \width: 100%;  /* for IE5/Win */
        w\idth: 100%;  /* for good browsers */
        margin: 5px auto 0px auto;
        overflow: visible;
        text-align: centre;}


#content {
        width: 600px;
        padding: 0px;
        margin-top: 20px;
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto;
        /* opera does not like 'margin:20px auto' */
        text-align:left;
        /* part 2 of 2 centering hack */
        width: 759px; /* ie5win fudge begins */
        voice-family: "\"}\"";
        voice-family:inherit;
        /*width: 729px;*/
        }
html>body #content {
        /*width: 729px; /* ie5win fudge ends */
        }


#footer {
	background: url(../img/layout/ftr.gif) top center no-repeat;
   height:70px;
}	
	
.holder {
  margin: 0 auto;
  width: 600px;
  text-align:left;
  overflow:hidden; 
}

#header{
 height:100px; 
 background: url(../img/layout/hdr.gif) no-repeat;
} 


		#window{
 			width:600px;
 			text-align:left;
 			margin-left:auto;
 			margin-right:auto;
			background: url(../img/layout/mdr.gif) bottom center repeat-y;} 

.left {
	width: 280px;
	float: left;
	padding: 20px 0px 0px 20px;
}
.right {
	width: 480px;
	float: left;
	padding: 40px 20px 0px 0px;
}

.left2 {
	width: 260px;
	float: left;
	padding: 0px 20px 0px 20px;
}
.right2 {
	width: 446px;
	float: left;
	padding: 0px 20px 0px 77px;
}

/*	-------------------------------------------------------------
	LOGO
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#logo {
			height: 180px;
			width: 200px;
			display: block;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			float: left; 
			z-index: 10;}
	
		#logo a {
			height: 180px;
			width: 200px;
			display: block;
			border: none;
			background: transparent; }
		
		#logo a:hover {
			background: transparent; }	 
			
/*	-------------------------------------------------------------
	BOTTOM MENU
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/