/*-----------------------------------------------------------
Description: Zimkids 2011
Version: 1.0
Author: Luke Sherrington

-----------------------------------------------------------*/


/* RESET
-----------------------------------------------------------*/
a img {border:none;}
.clear {clear:both;}
h1,h2,h3,h4,h5,h6,div {margin:0; padding:0;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/*---------------------------------------------------------*/

/* WEBSITE HTML/BODY
-----------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0;outline: 0;  background: transparent;}
body {font: 0.8em "Trebuchet MS",Helvetica, Sans-serif; line-height:1.45em; text-align:left; color:#2f2e2e; background:url("http://zimkids.org/images/bg.jpg") repeat-x #361746;}
body a{color:#bf1e2e; text-decoration:none;}
body a:hover{ color:#371747; text-decoration:none;}
body a:visited{color:#bf1e2e; text-decoration:none;}
p {margin:0 0 15px 0; padding:0;}
/*---------------------------------------------------------*/

/* STRUCTURE
-----------------------------------------------------------*/

#container {width:940px; margin:0 auto; padding:0; text-align:left;}
#inner {width:900px; float:left; padding:20px 20px 0 20px; margin-top:20px; background:url("http://zimkids.org/images/bg_inner.gif") bottom left no-repeat #FFFFFF;}
	#header2 {width:900px; float:left;}
		#logo {width:900px; float:left; background:url("http://zimkids.org/images/header.gif") top left no-repeat; height:133px;}
		#menu {width:900px; float:left; height:45px; background-color:#371747; padding:0; margin:0; text-align:left;}
	#wrapper {width:900px; flaot:left;}
		#content {width:660px; float:left; padding-bottom:110px; padding-right:20px;}
		#contenthome {width:680px; float:left; padding-bottom:110px; padding-right:0px;}
		#rightcol {width:220px; float:left; padding-top:25px; padding-bottom:110px; background:url("http://zimkids.org/images/bg_right.gif") top left no-repeat;}
	#footer {width:900px; float:left; text-align:right; height:20px; color:#998aa0; font-size:0.85em; padding-bottom:5px;}
	
	

h1 {padding-top:20px; padding-bottom:15px; color:#371747;}


h2 {
  font-size:1.4em;
  margin-bottom:10px;
  font-weight:bold; color:#bf1e2e;
	
}
h3 {padding:25px 25px 0px 25px; color:#FFFFFF; font-size:1.5em; font-weight:bold; line-height:1.6em;}

.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#logo h1 {
	margin-left: -900px;
}
div#extra {
	background: #FF8539
}



td {
  vertical-align: middle;
  padding:20px;
}
#content p {margin:0 0 15px 0; padding:0;}


.news li, #content li {
	list-style: square outside;
	margin: 0;
	padding: 0;
}
.news li a {
	margin: 0;
	padding: 0;
}



#donate a {
background: url(http://zimkids.org/lava3.jpg) left no-repeat;
padding: 5px 0 5px 40px;
display: block;
color: #fff;
}

#donate a:hover{
background-image: url(http://zimkids.org/lava2.jpg);
color: #fff;
text-decoration:none;
}



.bot1 {
	float: left;
	margin-right: 40px;
	margin-top: 10px;
}
.bot2 {
	float: left;
	margin-top: 10px;
}

#menu ul {padding:0; margin:0; }

.lavaLamp {
	position: relative;
	height:45px; background-color:#371747;
	margin: 0;
	overflow: hidden;
}
.lavaLamp li {
	float: left;
	list-style: none;
	border-right:1px solid #5f456c;
	display:block;
	margin:0; 
	padding:0;
}

.lavaLamp li a {
	font-size: 1.2em;
	text-decoration: none;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
	display: block;
	font-weight:bold;
	text-decoration:none;
	padding:14px 20px;
	position: relative;
	overflow: hidden;
	margin:0;
}

.lavaLamp li a:hover {
	font-size: 1.2em;
	text-decoration: none;
	color: #fff;
	background-color:#bf1e2e;
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
	display: block;
	font-weight:bold;
	text-decoration:none;
	padding:14px 20px;
	position: relative;
	overflow: hidden;
	margin:0;
}