@charset "utf-8";
/*-----------------------------------------------------------------------------
Style Sheet 

version:   1.0
author:    johanna goodyear / Kimbo Design
email:     info@kimbodesign.ca
website:   http://www.kimbodesign.ca
-----------------------------------------------------------------------------*/
/* Basics
-----------------------------------------------------------------------------*/
html, body {
	height: 100%;

}
/* Force vertical scrollbar */
html { min-height: 100%; margin-bottom: 1px; }


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}
/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
	margin: 1em 0;
}
/* Class for clearing floats */
.clear {
	clear:both;
}

.break {
	height:10px;
}

.bigBreak {
	height:20px;
}


/* Remove border around linked images */
img {
	border: 0;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#96a543;
	padding:0;
	margin:0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999999;
	padding:0;
	margin:0;
	font-style: italic;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0B3241;
	padding:0;
	margin:0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#0B3241;
	font-weight:bold;
	padding:0;
	margin:0;
}
a:link {
	text-decoration: none;
	color: #FF9900;
	font-size: 14px;
}
a:visited {
	text-decoration: none;
	color: #FF9900;
	font-size: 14px;
}
a:active {
	text-decoration: none;
	color: #CC3300;
	font-size: 14px;
}
a:hover {
	text-decoration: underline;
	color: #FBC78C;
	font-size: 14px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #69645a;
	padding: 0;
	margin: 0;
	line-height: 18pt;
	margin-bottom: 9px;
}

ul {
	list-style:circle;
	margin-left: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
		color:#333333;
	}
	
	/* ---------------------------------------------------------------------------
	Top Menu
	-----------------------------------------------------------------------------*/

	#topBanner {
	height:126px;
	background:url(../img/top-repeat.jpg) repeat-x;
	padding-left: 10px;

	}
	
	#topFrame {
    padding-left:35px;
    width: 961px;
    height: 125px;
    }
	
	#mainLogo {
	padding-top:8px;
	float: left;
	}
	
	   #topMenu {
    float:left;
    padding-top: 50px;
    padding-left: 30px;
    }
	
	
	/* ---------------------------------------------------------------------------
	Main Content
	-----------------------------------------------------------------------------*/
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;

	}
	#wrapper {
		width: 100%;
		text-align: left;
		background-color:#e2e1dc;
		background:url(../img/bg-tile.jpg) repeat;
		margin: 0 auto;
		height:auto !important; /* real browsers */
		height:100%; /* IE6: treaded as min-height*/
		min-height:100%; /* real browsers */
		position:relative;
	}
	#siteFrame {
	width: 100%;
	height:418px;
	background:url(../img/grunge-right.jpg) right top no-repeat;
	}
	
	#siteFrameSecondary {
	width: 100%;
	padding: 0em 0em 2em;
	background:url(../img/grunge-right.jpg) right top no-repeat;
	height: 100%;

	}
	
	#contentArea {
	height:auto !important; /* real browsers */
	height:417px; /* IE6: treaded as min-height*/
	min-height:417px; /* real browsers */
	background:url(../img/grunge-left.jpg) no-repeat;
	width:945px;
	}
	
	.mainSignup {
	width:190px;
	padding-top: 40px;
	position: absolute;
	left: 50px;
		}
		
	.sideBar {
	width:180px;
	padding-top: 40px;
	position: absolute;
	left: 50px;
		}
		
	.sideBarDB {
	width:216px;
	padding-top: 40px;
	position: absolute;
	left: 50px;
	background-color: #E4E4E4;
	}
	
	.mainPostcard {
	height: 275px;
	padding-left:10px;
	top: 126px;
	left: 245px;
	position: absolute;
		}
	
	    .mainContent {
    padding-left:289px;
    width: 505px;
    padding-top: 40px;
    padding-bottom:30px;
    }
		
	#footerSecondary {
	width:100%;
	background:url(../img/bottom-repeat.jpg) repeat-x bottom;
	height: 45px;
	position: absolute;
	bottom: 0;
	}
	#footer {
	width:100%;
	padding-top: 22px;
	background:url(../img/bottom-repeat.jpg) repeat-x;
	height: 68px;
	}
	
	#footerContent {
	width:600px;
	padding-left:50px;
	padding-top: 42px;
	}
	
	#footerContent a {
		font-size: 11px;
	}
	
	#footerContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CA9559;
	padding:0;
	margin:0;
	line-height: 18pt;
	}
	
	#footerContentSecondary {
	width:360px;
	padding-left:15px;
	padding-top: 18px;
	}
	
	#footerContentSecondary p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CA9559;
	padding:0;
	margin:0;
	line-height: 18pt;
	}
	
	#bottomArea {
	background:url(../img/bottom-repeatTop.jpg) repeat-x top;
	height:72px;
	width:100%;
	}
	
	#bottomAreaMiddle {
	background:url(../img/greenColumnMiddle.jpg) repeat;
	width:100%;
	}
	
	.bottomAreaContent{
	padding-left:50px;
	width:650px;

	}
	
	.bottomAreaContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#ffffcc;
	padding:0;
	margin:0;
	line-height: 18pt;
	}

	#voteButton {
	position: absolute;
	left: 965px;
	height:142px;
    width:141px;
	margin-top: 63px;
}