@charset "UTF-8";
/* CSS Document GET YOUR VOTE ON*/


/* BODY ------------------------------------------------------- */

body {
background: #fff url(../../images/bgBody.jpg) no-repeat center top;
font: 14px Verdana, Arial, sans-serif;
color: #333;
margin: 0;
padding: 0;
}


/* TEXT -------------------------------------------------------- */


.green { color: #888e17; }
.gold { color: #fcb60a; }
.purple { color: #700074; }
.lgrey { color: #888; }


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

a:hover {
	color: #5B191B;
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-weight: normal;
}

h2 {
font-size: 20px;
text-transform: uppercase;
}

	h3.red * {
	color: #ff0000;
	}
	
	h3.lgrey * {
	color: #888;
	}

h3 {
font-size: 18px;
font-weight: bold;
margin:5px 0 10px 0;
}
	
	h2.p,
	h3.p {
	margin-bottom: 12px;
	}

p {

}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

.red {color:#901414;
}

	
/* GERNERAL CRAP ---------------------------------------- */

.clear {
clear:both;
display: block;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; display: inline; }
.left { float: left !important; display: inline; }

.textRight { text-align: right; }
.textLeft { text-align: left; }

.pad30 {
padding: 30px 30px 0;
}

.block {
display: block;
}

#container {
width: 100%;
margin: 0 auto;
}


/* HEADER ---------------------------------------- */

#header {
background: #000 url(../../images/bgHeader.jpg) center top;
height: 255px;
width: 100%;
padding: 0px;
margin: 0px;
clear:both;
}
	.headHome {
		background: #000 url(../../images/bgHeader1.jpg) center top !important;
		}

	#head {
	width: 945px;
	margin: 0 auto 0 auto;
	}

	#head h1 {
	float: left;
	display: inline;
	width: 225px;
	height: 165px;
	margin: 15px 0 0 45px;
	}
		
		#head h1 a {
		width: 225px;
		height: 165px;
		float: left;
		color: #fff
		}
		
	#head div.right {
	width: 650px;
	}
		
		
	ul#nav {
	width: 540px;
	height: 15px;
	margin-top:15px;
	}
	
		ul#nav li {
		float: left;
		display: inline;
		margin-right:0px;
		}
			
			ul#nav li.last {
			margin-right: 0;
			float: right;
			}
		
		ul#nav a {
		float: left;
		height: 15px;
		color: #fff;
		position: relative;
		overflow: hidden;
		}
		
		ul#nav a span {
		position: absolute;
		z-index: 420;
		left: 0;
		top: 0;
		background-image: url(../../images/nav.jpg);
		background-repeat: no-repeat;
		height: 15px;
		}
		
		ul#nav a:link span,
		ul#nav a:visited span {
		background-image: url(../../images/nav.jpg);
		}
		
		ul#nav a:hover span,
		ul#nav a.active span {
		background-image: url(../../images/navOver.jpg);
		}
		
			ul#nav li#link_news a span { width: 60px; background-position: 0 0; }
			ul#nav li#link_voting101 a span { width: 105px; background-position: -60px 0 ; }
			ul#nav li#link_calendar a span { width: 120px; background-position: -165px 0; }
			ul#nav li#link_links a span { width: 75px; background-position: -285px 0; }
			ul#nav li#link_aboutus a span { width: 105px; background-position: -360px 0; }
			ul#nav li#link_joinus a span { width: 75px; background-position: -465px 0; }			
			
			ul#nav li#link_news a { width: 60px; }
			ul#nav li#link_voting101 a { width: 105px; }
			ul#nav li#link_calendar a { width: 120px; }
			ul#nav li#link_links a { width: 75px; }
			ul#nav li#link_aboutus a { width: 105px; }
			ul#nav li#link_joinus a { width: 75px; }		

	
/* FOOTER ---------------------------------------- */


#footer {
	background: #000 url(../../images/bgFooter.jpg) center top no-repeat;
	width: 100%;
	}


	#footer div, #footer2 div {
	width: 945px;
	height: 45px;
	margin: 0 auto 0 auto;
	padding: 90px 0;
	color: #fff;
	}


#bottom {
width: 900px;
padding: 0 40px 30px;
margin: 0 auto;
text-align: center;
}
	
	#bottom, #bottom a {
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	}
	
		
 


/* SIDEBAR ---------------------------------------- */

.leftCon {
	width: 315px;
	margin: 0px;
	float: left;
	}
	
	.leftBox {
	width: 225px;
	margin: 0px 0 30px 45px;
	}
	
	
/* POLAROIDS ------------------- */

	.polaroid {
	width: 240px;
	height: 210px;
	padding: 90px 0 0 75px;
	background:url(../../images/bgPolaroid.jpg) no-repeat top left;
	float: left;
	color: #fff;
	}
	
	.polaroidSub {
		width: 240px;
		height: 240px;
		padding: 105px 0 0 75px;
		background:url(../../images/bgPolaroidSub.jpg) no-repeat top left;
		float: left;
		color: #fff;
		}
	
	.polaroid ul, , .polaroidSub ul {
		width: 200px;
		list-style: none;
		}
		
		.polaroid ul li.polTitle, .polaroidSub ul li.polTitle {
			width: 200px;
			word-wrap:break-word;
			word-break:break-all;
			}
		.polaroid ul li.polCount, .polaroidSub ul li.polCount {
			width: 200px;
			margin-bottom: 5px;
			
			}
	
		.polaroid em, .polaroidSub em {
			font-size: 11px;
			font-weight: normal;
			font-style:italic;
			}
			
			
		span.dayt {
			font-size:11px;
			}
			
			.polaroid em span, .polaroidSub em span {
				font-size: 8px;
				color: #999;
				}
				
			#count1, #count2, #count3 {
				padding: 3px 0 2px 0;
				}
			
		.polaroid a, .polaroidSub a {
			color: #fff;
			text-decoration: none;
			font-size:11px;
			background:url(../../images/icoTalk.png) no-repeat left top;
			font-weight: bold;
			margin-bottom: 0px;
			padding-left: 18px;
			}


/* MAIN ---------------------------------------- */

#content {
	background: #fff url(../../images/bgBody.jpg) center bottom;
	width: 100%;
	clear:both;
	}

	#contentBox {
		margin: 0 auto 0 auto;
		width: 945px;
		clear: both;
		}


.mainCon {
width: 555px;
margin:0;
padding: 0px 45px 0px 0px;
float: right;
}
	

	
.heading {
margin-bottom: 16px;
}

p {
font-size: 1em;
line-height: 1.4em;
margin-bottom: 15px;
text-align: left;
}

p .headingGrey {
font-size: 17px;
font-weight: bold;
margin-bottom: 5px;
color: #333;
font-weight: bold;
}

p .headingRed {
font-size: 17px;
font-weight: bold;
margin-bottom: 5px;
color: #902121;
font-weight:bold;
}


p .italic {
font-style: italic;
}

p .italicRed {
font-style: italic;
color: #902121;
font-weight: bold;
}


ul.p {
margin-bottom: 15px;
}

ul.p li {
list-style-image: url(../../images/icoTalkUL.png);
margin-left: 15px;
margin-bottom: 3px;
text-align: justify;
color: #373737;
}

ul.purple a {
color: #700074;
}

ul.blue a {
color: #005482;
}

hr {
border: none;
border-bottom: 1px solid #ccc;
padding-top: 15px;
margin: 0 0 15px;
}



/* HOMEPAGE ---------------------------------------- */
	


.quote {
	width: 585px;
	height: 270px;
	background: url(../../images/bgQuote.jpg) no-repeat;
	padding: 30px 0 0 45px;
	float: left;
	}
	
		
	.homeText {
		font-size: 18px;
		}
		
	.pollQrow {
		padding: 0px 0px 10px 0px;
		list-style: none;
		}
		
		.pollQ1 {
		width: 30px;
		float: left;
		
		}
		
		.pollQ2 {
		width: 195px;
		float: left;
		
		}
	
		.pollResponse {
		width: 225px;
		font-size: 11px;
		padding: 0 0 10px 0px;
		}
	
	.homeNews {
		width: 360px;
		
		float: left;
		}
	
	
	.newsitem{
		width: 360px;
		margin: 5px 0 ;
		padding: 5px 0;
		float: left;
		border-top: 1px #ccc solid;
		}
		
		.last {
		margin: 0 0 0 0;
		}
		
		.newsitem span, .homeNews span {
		color: #999;
		}
		
		.newsitem h3 a, .homeNews h3 a
			{margin: 0;
			font-weight:bold;
			
			}
		
		.homeNews hr {
		height: 5px;
		border: none;
		margin: 0;
		padding: 0;
		}
		
	.homeFlickr {
		width: 135px;
		float: right;		
		}
		
		.homeFlickr img {
			padding-bottom: 15px;
			}
		

/* SUB page -------------------------------- */


.bgSub {
	background:url(../../images/bgSub.jpg) top center no-repeat;
	}
		
	.subMainBox {
		width: 525px;
		margin: 0;
		}
		
.half1 {
	width: 255px;
	}
.half2 {
	width: 225px;
	}


/* voting101 page -------------------------------- */		
		
	
ul#links101 {
	width: 255px;
	margin:10px 0px 30px 45px;
	}
	
		ul#links101 li {
		float: left;
		display: inline;
		width: 255px;
		height: 35px;
		background: none;
		}
		
			ul#links101 li:hover, ul#links101 li.active {
				background: url(../../images/bVoteBG.png) no-repeat;
				}