/**************************************************************************
**************************************************************

Welcome to the CSS for Relic, coded by Kevin Cannon.
The CSS is pretty straight forward. There are a few
small hacks however, with one line controlling firefox
and the other IE. These are clearly labled. If you need
any help with the template, email me at kmcannon@telus.net

***************************************************************
***********************************************************************/
body
{
	margin: 0;
	padding: 0;
	font-family: "Century Gothic", arial, times, georgia, sans-serif;
	background-color: #FFF;

}


h3 { line-height: 20px; }

a
{
	color: #669;
	text-decoration: none;
}

a:hover
{
	color: #969;
	
}

img.left {
	float:left;
	
	margin-right:6px;
	
}

img.right {
	float:right;
	
	margin-right:6px;
	
}



#wrapper {
	height:100%;
	margin:auto;
	width:740px;
}

/***************** TEXT IN THE HEADER **************************/
#top h1 {
	font-family:"Century Gothic", georgia, helvetica, times, sans-serif;
	font-weight:normal;
	font-size:35px;
	text-transform:uppercase;
	margin-top:20px;
	margin-left:2%;
	}
/*************************** HEADER PROPERTIES ************************/
#top
{
	margin: 10px auto 0 auto;
	padding: 0px;
	height: 115px;
	width: 720px;
	border-color: #CCC;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}

img.right
{
	float: right;
	margin: 12px 6px 0px 0px;
}
/************************ LEFT SIDE COLUMN *****************/
#left
{
	float: left;
	padding: 10px 8px 10px 10px;
	width: 20%;
}
	
#left h1
{
	font-size: 16px;
	padding-top: 5px;
	font-family: "Century Gothic", helvetica, arial, georgia, times, sans-serif;
	border-bottom: #C4C4C4;
	letter-spacing: 3px;
	padding: 0px;
	margin: 11px 0px 6px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: none none dotted none;
}
	

#left a
{
	line-height: 19px;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 0px;
	border-color: #FFF;
	border-width: 0px;
	border-style: solid;
	margin: 0px;
}


#left h2
{
	padding: 0 0 0 6px;
	color: #999;
	font-size: 10px;
}




/************************** MAIN CONTENT IN MIDDLE ******************/

#middle {
	float:left;
	width:48%;
	line-height:1.01em;
	padding-left:2.5%;
	padding-right:2.5%;
}
	
#middle p, p
{
	font-size: 14px;
	color: #404040;
	text-align: left;
	text-transform: inherit;
	padding: 0px;
	border-width: 0px;
	margin: 5px 0px 7px 0px;
	font-family: "Century Gothic", verdana, arial, times, sans-serif;
}

#middle h1
{
	font-family: "Century Gothic", verdana, arial, times, sans-serif;
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 3px;
	margin-top: 18px;
	text-transform: inherit;
	letter-spacing: 1px;
}

#middle h2
{
	font-family: "Century Gothic", verdana, arial, times, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 0px solid #c4c4c4;
	padding-bottom: 3px;
	margin-top: 18px;
	text-transform: inherit;
	letter-spacing: 1px;
}


#middle h4
{
	font-family: "Century Gothic", verdana, arial, times, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 0px solid #c4c4c4;
	padding-bottom: 3px;
	margin-top: 24px;
	text-transform: inherit;
	letter-spacing: 1px;
	text-align: left;
}

#middle h5
{
	font-family: "Century Gothic", verdana, arial, times, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 12px;
	letter-spacing: 1px;
	text-align: center;
	font-style: italic;
}

}

#middle img
{
	float: right;
	
}

#middle td
{
	font-family: "Century Gothic", verdana, arial, times, georgia, sans-serif;
	font-size: 12px;
}
/***************************  RIGHT COLUMN  *********************/
#right {
	float:left;
	padding-top:25px;
	
	font-size:11px;
	width:22%;
	
}

#right h1
{
	font-size: 17px;
	font-family: "Century Gothic",helvetica, arial, georgia, times, sans-serif;
	border-bottom: #C4C4C4;
	color: #333;
	padding: 5px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: none none dotted none;
	margin: 0px;
}

#right p
{
	font-size: 13px;
	color: #404040;
	padding: 0px 0px 10px 0px;
	border-width: 0px;
	margin: 0px;
}	

#right IMG
{
	padding: 0 0 8px 0;
	margin: 0 auto 0 auto;
}
/********************************************    FOOTER  *****************/
#footer {
	border-top:1px solid #c4c4c4;
	padding-top:7px;
	text-align:center;
	width:740px;
	margin:0 auto;
	clear:both;
}

.footer {
	margin-top:-2px;
	text-align:center;
}	

.footersmall
{
	margin-top: -2px;
	color: #666;
	font-size: 9px;
	text-align:center;
}	

p {
	font-size:11px;
	color:#404040;
	text-align:left;
}