body {
	margin:0;
	padding:0;
	background:#fff url(images/body_bg.gif) top center repeat;
	font:13px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", arial, sans-serif;
	color:#8e8e8e;
}

#w_one {
	width:100%;
	background:url(images/box_wrapper_sub_bg.gif) top center no-repeat;
	float:left;
	margin:0;
}


#w_two {
	width:778px;
	margin:0 auto 0 auto;
}

#titlepicleft {
	background:url(images/post-it.jpg) top no-repeat;
	float:left;
	width:313px;
	height:257px;
	margin:35px 0px 0 28px;
}

#titlepicleft ul {
	position:absolute;
	top:0;
	left:-999em;
}
	

#titlepicright {
	background:url(images/think.jpg) top no-repeat;
	float:right;
	width:364px;
	height:236px;
	margin:0 22px 0 0;
}

#menubar {
    background:url(images/menubar.jpg) top no-repeat;
	float:left;
	width:420px;
	height:30px;
	margin:0;
}


#menubar ul {
	margin: 0 0 0 42px; 
	padding: 0;
	list-style-type: none;
}


#menubar a {
	display: block;
	text-decoration: none;
	height:30px;
	border:0;
} 

#menubar ul li {
	margin-right:15px;
	float:left;
}

#menubar ul li a span {
	position:absolute;
	top:0;
	left:-999em;
}

#menubar ul li.the_gist, #menubar ul li.the_gist a {
	background-image:url(images/the_gist.jpg);
	width:86px;
}

#menubar ul li.the_reality, #menubar ul li.the_reality a {
	background-image:url(images/the_reality.jpg);
	width:116px;
}

#menubar ul li.heckle_me, #menubar ul li.heckle_me a {
	background-image:url(images/heckle_me.jpg);
	width:103px;
}

#menubar ul li.the_gist a:hover {
	background-image:url(images/the_gist_over.jpg);
} 

#menubar ul li.the_reality a:hover {
	background-image:url(images/the_reality_over.jpg);
} 

#menubar ul li.heckle_me a:hover {
	background-image:url(images/heckle_me_over.jpg);
} 

	

#content {
	background:url(images/box_wrapper_bg.gif) top center repeat;
	width:778px;
	float:left;
	margin:3px 0 0 0;
}

#project {
	margin:0;
	padding:0;
	height:30px;
	text-align:center;
	top:0;
}

#project ul li {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	float:left;
	text-decoration: none;
	border:solid 1px #666666;
	padding:3px 8px;
	margin:4px 4px 10px 0;
}
	
#footer {
	width:770px;
	float:left;
	margin:0;
	padding-left:4px;
}

#footer .sub {
	background:url(images/box_bottom_bg.png) top no-repeat;
	height:33px;
	width:770px;
}
	
#footer p {
	margin:3px 8px 8px 8px;
	font-size:80%;
	text-align:center;
	line-height:100%;
	color:#996633;
	font-family:Arial;
}
	

.clear {
	clear:both;
}

#leftcolumn {
	width:470px;
	float:left;
	height:auto;
	padding:0;
	margin:10px 0 0 34px;
}

#rightcolumn {
	float:left;
	width:217px;
	margin:10px 10px 0 18px;
}	

#rightcolumn .box {
	background:#fff url(images/body_bg2.gif) top center repeat;
	width:217px;
	border:solid #FFCC66 1px;
	border-width:1px 4px 1px 4px;
	margin:0 0 18px 0;
}

#rightcolumn .box1 {
	background:#fff url(images/body_bg2.gif) top center repeat;
	width:217px;
	border:solid #FFCC66 1px;
	border-width:1px 4px 1px 4px;
	margin:0 0 18px 0;
	padding:0;
}

#rightcolumn .box h3 {
	margin-top:0;
}	

#rightcolumn .box p {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	margin:0 18px;
}

#rightcolumn .advert {
	text-align:center;
	width:180px;
	height:180px;
	margin:18px 18px 10px 18px;
}



p {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	margin:0 0 20px 5px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#354555;
	font-size:14px;
	font-weight:bold;
	background-color:#F7F89B;
	padding:5px;
	border:solid #FFCC66 1px;
	border-width:0px 0px 2px 5px;
	line-height:12px;
	margin:0 0 5px 0;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:20px;
	font-weight:bold;
	padding:5px 5px 15px 5px;
	margin-top:-15px;
	margin-bottom:-25px;
	text-align:center;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	background-color:#FFCC66;
	padding:5px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	background-color:#FFCC66;
	padding:4px;
	padding-bottom:-3px;
	text-align:right;
	margin-bottom:0px;
}

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:20px;
	font-weight:bold;
	padding:5px 5px 15px 5px;
	margin-top:-15px;
	margin-bottom:-25px;
	text-align:center;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	color:#354555;
	font-size:14px;
	font-weight:bold;
	background-color:#FFCC66;
	padding:5px;
	line-height:12px;
	margin:0 0 5px 0;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF6600;
	font-size:12px;
	text-decoration:none; 
}

.box h4 a {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	background-color:#FFCC66;
	padding:4px 0 4px 4px;
	padding-bottom:-3px;
	text-align:right;
	margin-bottom:0px;
}

label {
	width: 6em;
	float: left;
	text-align: right;
	margin: 3px 5px 0 0;
	display: block;
}
	
.submit {
	margin-left:7em;
} 


.inputfield {
	width:350px;
	}

textarea {
	width:350px;
	height:200px;
}