body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	behavior: url(/js/csshover.htc); 
	color: #808080;
}
form {
	margin: 0;
	padding: 0;
}
input, textarea {
	font-family:"Trebuchet MS", Arial, Helvetica, san-serf;
	font-size: 12px;
	background-color: #EEEEEE;
}
	input.empty, textarea.empty {
	color: #CCCCCC;
	}
img {
	border: 0 !important;
	text-decoration: none !important;
}
#logo img{
margin-top: 5px;
}

p {
margin-top: 0px;
}

a {
	color: #0033FF;
}
a:hover {
	color: #0599F1;
}
strong {
	font-weight: bolder;
}


hr {
	display: block;
	clear:both;
	border-bottom: 1px solid #EEEEEE;
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 0px 10px;
	overflow: hidden;
	background-color: #EEEEEE;
	height: 1px;
	outline: none;
	border: 0;
}
sup {
	padding: 0;
	margin: 0;
	font-size: 0.6em;
	text-transform: capitalize;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}


.text {
	color: #000000;
}
.clear {
	display: block;
	clear: both;
}
.padded {
	padding: 20px 40px 40px 40px;
	overflow:hidden;
}
/* Holly Hack Targets IE Win only \*/
* html .padded {height: 1%;}
/* End Holly Hack */

.divFlash{display:none;}
.divHtml{display:block;}


#container {
	display: block;
	margin: 10px auto;
	width: 932px;
	background-color: #FFFFFF;
	padding: 0px 15px;
}
#unicefBar {
	width: inherit;
	background-color:#0099ff;
	border-top: solid #FFFFFF;
	height: 75px;
}
/* Holly Hack Targets IE Win only \*/
* html #container {height: 1%;}
/* End Holly Hack */


.left {
	display: block;
	float: left;
	overflow: hidden;
}
.right {
	display: block;
	float: right;
	overflow: hidden;
}

/* ----- Banner ----------- */

#banner {

}

/* ----- Content ----------- */

#content {
	padding: 0px 15px 20px 15px;
	float: left;

}
.noRight #content {
	padding-right: 0px;
}
.noLeft #content {
	overflow: visible;
	padding: 0px 15px 20px 15px;
	xmargin-left: 200px !important;
	xmargin-left: 100px;
	xwidth: 460px !important;
	xwidth: 440px;
	margin-left: 200px !important;
	margin-left: 100px;
	width: 460px !important;
	width: 440px;
}

/* ----- Footer ----------- */

#footer {
	display: block;
	padding: 20px;
}
	#footer p {
		padding: 0px 0px 5px 0px;
		margin: 0px 0px 0px 0px;
	}
	#footer,
	#footer a {
	}

#sublogo {
	padding: 20px;
}
#copyright {
	font-size: .9em;
	padding: 0px 0px 5px 20px;
}

/* ----- Menus ----------- */


#menuMain {
}
#menuBottom {
}

/* ---- Margin ------------ */

#margin {
	padding: 20px 20px 20px 0px !important;
}
	#margin h3 {
		padding: 0px 0px 0px 0px;
		color: #f8f8f8;
	}
	#margin p {
		padding: 5px 0px 0px 0px;
	}
	#margin a {
		text-decoration:none;
		border-bottom: 1px none;
		color: #3d2f2c;
	}
	#margin a:hover {
		color: #000000 !important;
		border-bottom: 1px dashed #3d2f2c;
	}
	#margin a:hover span {
		color: #000000 !important;
	}

	#margin .item {
		padding: 0px 0px 10px 0px;
	}
		#margin .simple {
		}
		#margin .box {
			padding:20px;
		}
		#margin .boxfilled {
	background-color:#EEEEEE;
	padding:20px;
		}
	#margin .item.first {
	}
	#margin .item.last {
		padding: 0px 0px 0px 0px;
	}
	#margin .item .large {
	color: #c77f11;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
	}

/* ---- Levels ------------ */

#levelOne {
	xoverflow: visible;
	xmin-width: 932px;
}
	#levelOne .left {
	height: 73px;
	display: block;
	width: 200px;
	padding-bottom: 15px !important;
	padding-bottom: 23px;
	background-image:url(/img/gradientUp.png) !important;
	background-image:url(/img/gradientUp.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	overflow: visible;
	}
	#levelOne .right {
	overflow: visible;
	float:right;
	width: 732px;
	display: block;
	}

#levelTwo {
padding-bottom: -2px;
}
	#levelTwo .left {
	float: left;
	width: 680px;
	}
	#levelTwo .right {
		width: 252px;

	}
		#levelTwo.noRight .left {
			margin-right: 0px;
			z-index: 0;
		}
		#levelTwo.noRight .right {
			display: none;
		}


#levelThree {
	/*height: 350px;*/
	background-image:url(/img/gradientDown.png) !important;
	background-image:url(/img/gradientDown.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top: 5px;
}
	#levelThreeBg {
	}
	#levelThree .left {
	xmargin-right: 190px;
	float: none;
	margin-top: 20px;
	}
		#levelThree .leftStack .left {
				float: left;
				width: 200px;
				margin: 0;
				/*margin-right: none;
				
				width: 200px;
				background-color:#FF8000;*/
			}
			#levelThree .leftStack .right {
	float: none;
	width: auto;
	margin-right: 0;
	xmargin-left: 200px;
	background-image:none;
	margin-top: 0px;
				/*
				margin-left: 210px;
				background-color:#00FF00;*/
			}
			#levelThree.noLeft .leftStack .right {

				
				margin-left: 0;
			}
				#levelThree.noLeft .leftStack .right ul {
				
				}
	#levelThree.noRight .left {
		margin-right: 0px;
	}
	#levelThree .right {
	width: 252px;
	height:auto;
	padding-left: 0px;
	margin-top: 20px;
	}
	#levelThree .right .topRight {	
	height:100%;
	}
	#levelThree .right .bottomRight {
	height:100%;
	}


#levelFour {
	height: 75px;
	background-image:url(/img/gradientDown.png) !important;
	background-image:url(/img/gradientDown.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top: 6px;
	height:auto;
	
}
	#levelFour .left {
		float: none;
	}
	#levelFour .right {
		width: 200px;
		vertical-align:middle;
	}
	#levelFour .left .noRight {
		margin-right: 0px;
	}



/* ----- Accordian ----------- */

.accordian {
}
	.accordian .accordian_header {
		color:#8ec63f;
		font-weight:bold;
		text-transform:uppercase;
		
		padding: 4px 10px 4px 10px;
		border-top: 1px solid #999999;
		xborder-bottom: 1px solid #999999;
		xbackground-image:url(/img/gradientUp.png) !important;
		xbackground-image:url(/img/gradientUp.gif);
		xbackground-repeat:repeat-x;
		xbackground-position:bottom;
	}
		.accordian .accordian_header:hover {
			color: #009df7;
		}
	.accordian .accordian_header.open {
	}
	.accordian .accordian_body {
		border-top: 1px solid #999999;
		margin: 0;
		padding: 6px 10px 0px 10px;
	}
	.accordian .accordian_body p {
		margin: 0;
		padding: 0px 0px 6px 0px;
	}

/* ---- Misc ------------ */

.poweredBy {
display: none;
	text-align:center;
	padding-bottom:15px;
	margin:0 auto;
}
.poweredBy img {
	border: 0;
	margin-left: 5px;
}
.poweredBy a,
.poweredBy a:hover,
.poweredBy a:visited {
	text-decoration:none;
	color:#ffffff;
}



/* ---- Game List ------------ */
#gameList {
	width: 400px;
	float:inherit;
}

#gameList .item{
	border-bottom: solid 1px #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}

#gameList a{
	float: left;
}

#gameList .content{
	width: inherit;
	/*padding-left: 155px;*/
}

#gameList .description{
	width: inherit;
}




/* ---- Facebook ------- */
#facebook {
height: 100px;
}
#facebook_desc{
height: 80px;
margin-left: 100px;
margin-top: 8px;
padding-left: 10px;
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
padding-top: 10px;
padding-bottom: 10px;
color: #808080;
}

#facebook_desc h4 a{
font-weight: bold;
font-size: 9pt;
color: #217CC4;
text-decoration: none;
}

#facebook_desc h4 a:hover{
color: #009DF7;
}

#facebook_desc p{
margin:2px 0px 0px 0px;
font-size: 8pt;
}

#myspace {
height: 100px;
}

#myspace_desc{
height: 80px;
margin-left: 100px;
padding-left: 10px;
border-bottom: 1px solid #c9c9c9;
padding-top: 10px;
padding-bottom: 10px;
color: #808080;
}

#myspace_desc h4 a{
font-weight: bold;
font-size: 9pt;
color: #217CC4;
text-decoration: none;
}

#myspace_desc h4 a:hover{
color: #009DF7;
}

#myspace_desc p{
margin:2px 0px 0px 0px;
font-size: 8pt;
}


/*-----------------QPA------------------*/
.qpaccordian {
	border-bottom: 1px solid #999999;
	margin-bottom: 2px;
	float:right;
}
	.qpaccordian .accordian_header {
		color:#0599f1;
		font-weight:bold;
		padding: 4px 10px 4px 10px;
		border-top: 1px solid #999999;
	}
		.qpaccordian .accordian_header a {
			color:#0599f1;
			padding-left:20px;
			background-image:url(/img/plus.jpg);
			background-repeat:no-repeat;
			background-position: 0 2px;
			text-decoration: none;
			display: block;
		}
		.qpaccordian .accordian_header a.on {
			background-image:url(/img/minus.jpg);
			background-repeat:no-repeat;
			color: #8ec63f;
		}
			.qpaccordian .accordian_header a:hover {
				color: #8ec63f;
			}
	.qpaccordian .accordian_header.open {
	}
	.qpaccordian .accordian_body {
		border-top: 1px solid #999999;
		margin: 0;
		padding: 6px 10px 0px 10px;
	}
	.qpaccordian .accordian_body p {
		margin: 0;
		padding: 0px 0px 6px 0px;
	}
/* --------- Quick Poll -------- */

#poll {
	float: left;
	width: 200px;
}
	#poll .head {
		background-color: #0599f1;
		height: 15px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		padding-top: 3px;
		padding-bottom: 2px;
	}
	#poll .body {
		border: 1px solid #0599f1;
		padding-left: 20px;
		padding-right: 20px;
		text-align:center;
	}
	#poll .tail {
		background-color: #0599f1;
		height: 20px;
	}
	.qpaccordian {
		padding: 10px 0 0 0;
	}
	
	#votebutton {
	}
	
	
/* ------- Homepage ------- */
#homeOuter {
	width: 700px;
	margin: auto;
	height: 500px;
	background-color: #FFFFFF;
	position: fixed;
}	

