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

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  {
padding: 0;
margin: 0;
	font-family:verdana, arial, times, georgia, sans-serif;

}

a {
	color:#0093D6;
	text-decoration:none;
}

a:hover {
	color:#40A7D6;
	text-decoration:underline;
}
span.uppercase {
	text-transform: none
	}

img.left {
	float:left;
	padding-right:12px;
	padding-top: 3px;
	padding-bottom: 0px;
}

img.right {
	float: right;
	padding:3px;
	margin-right:6px;
	border: 0
}

img.center {
	margin-top: 5px
}

#top   { background: url("images/singingtree.gif") no-repeat left top; 
	margin-top: 10px; 
	margin-right: 5px; 
	margin-left: 49px; 
	width: 678px }

#top h1 {
	font-family:Century Gothic, georgia, helvetica, times, sans-serif;
	font-weight: lighter;
	font-size:26px;
	text-indent: 118px;
	padding-top: 1px;
	margin-bottom: 1px;
	text-transform: uppercase;
	color: #274EA7
	}
	
#top h2 {font-family:Century Gothic, georgia, helvetica, times, sans-serif;
	font-weight: lighter;
	font-size:16px;
	font-style: italic;
	text-indent: 118px;
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: nowrap;
	padding-bottom: 7px
	}

div#navbar {
    height: 30px;
    margin-left: 116px;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
}
div#navbar ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 30px;
    white-space: nowrap;
}
div#navbar li {
    list-style-type: none;
    display: inline;
}
div#navbar li a {
    text-decoration: none;
padding-left: 4px;
    padding-right: 3px;
    padding-top: 7px;
    padding-bottom: 5px;
    color: #000;
}
div#navbar li a:active {
    color: #000
}
    
div#navbar li a:hover {
    color: #fff;
    background-color: #264EA6;
}
div#navbar ul a.here {
    color: #fff;
    background-color: #264EA6;
    }
/************************ LEFT SIDE COLUMN *****************/
#left {
	float:left;
	width:135px;
	padding-right:10px;
	margin-left: 20px;
	border-top: 1px solid #ccc;
	margin-top: 15px;
	}

	
#left h1 {
font-size:15px;
	font-weight: normal;
	padding-top:0px;
	margin-bottom: 5px;
	font-family:Arial,Helvetica,sans-serif;
color: #BF9060; 
}

#left p {
	font-size:9px;
	padding-bottom:5px;
	margin-top:-3px !important; /*****  FIREFOX  *****/
	margin-top:-14px;             /***** INTERNET EXLORER *****/
	color:#404040;
}	
/************************** MAIN CONTENT IN MIDDLE ******************/

#middle {
	float:left;
	width:382px;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-left:17px;
	padding-right:17px;
	line-height:.9em;
	background-color: #E8F2FF;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top: 1px solid #ccc;
}
	
#middle p, p {
	font-size:10px;
		margin-top: -4px;
}

#middle h1 {
	font-family:Century Gothic, georgia, helvetica, times, sans-serif;
	font-weight:normal;
	font-size:16px;
	text-transform:uppercase;
	padding-top:4px;
	padding-bottom: 3px;
	border-bottom:1px solid #ccc;
}

#middle h2 {
	font-family:Century Gothic, georgia, helvetica, times, sans-serif;
	font-weight:normal;
	font-size:12px; 
	text-transform: lowercase; 
	font-style: italic;
	margin-top: -8px;
}

#middle h3 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding-top: 0px;
	padding-bottom: 0px;
		margin-top: -2px;
}

#middle h4 {
	text-align: center;
	font-size:10px;
	font-weight: normal;
	margin-top: 3px;
	margin-bottom: 10px
}

#middle blockquote {
	margin-left: 10px;
	text-align: left;
	font-size:10px;
	color:#404040;
}

/***************************  RIGHT COLUMN  *********************/
#right {
	float:left;
	font-size:10px;
	width:135px;
	padding-left:10px;
	border-top: 1px solid #ccc;
	margin-top: 15px;
}

#right a {
}

#right h1 {
	font-size:15px;
	font-weight: normal;
	padding-top:0px;
	margin-bottom: 5px;
	font-family:Arial,Helvetica,sans-serif;
	color: #BF9060; 
	text-align: right;
}

#right p {font-size:9px; text-align: right;
	padding-bottom:5px;
	margin-top:-3px !important; /*****  FIREFOX  *****/
	margin-top:-14px;             /***** INTERNET EXLORER *****/
	line-height: 1.4em;
	color:#404040;
}

#right br {
}
/********************************************    FOOTER  *****************/
#footer {
	clear:both;
	padding-left: 255px;
}