/* Copyright 2009  David Landowne for the IJA */
* { margin: 0; padding: 0; }
body, #content { 
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 90%;
}
input[type=text], input[type=password], input[type=file], select {
    border: 2px #000000;
    background-color: #EFEFEF;
    font-size: 80%;
    font-family: verdana, arial, helvetica, sans-serif;
    vertical-align: middle;
}
input[type=submit] {
    border: 1px #000000;
    background-color: #99CCFF;
    font-size: 80%;
    vertical-align: middle;
}
img {border: 0; vertical-align: bottom} 
.credits{
	font-size: 60%;
	text-align:right;
}
.masthead{
	width: 100%;
	border: 0px;
	border-spacing: 0px;
	border-collapse:collapse
}
.logo{ 
	width: 150px; 
	vertical-align: bottom;
/*	background-color: #6699ff;*/
}
.bg {
    background: url(/images/mast_bkg.png) 100% repeat-x;
	width: 100%;
	height: 74px;
}
.bg2 img{ position: relative; top: 26px; }
.mbg { background-color: #6699ff;
/*background: url(/images/masthead_thumbs_top.jpg) repeat-x;*/
}
.fbg {
    background: url(/images/foot_bkg.png) 100% repeat-x;
	width: 100%;
	height: 24px;
}
.fbg img{ position: relative; bottom: 2px; }
.fbb {
    background: url(/images/fb_bkg.gif) 100% repeat-x;
	width: 100%;
	height: 24px;
}
.fbb img{ position: relative; bottom: 6px; }
.render{
	text-align: center;
	background: #003366;
}
.join {
	text-align: center;
	background-color:#66bbff; 
	color: #ffffff;
}
.google{
	text-align: left;
	white-space: nowrap;
	color: #FFFFFF; 
	background: #003366;
	width: 150px;
	font-size: 70%; 
}
.google td{text-align: center;}
.copyright{ 
	text-align: right; 
	font-size: 75%;
	line-height: 1px;
}
header{
	float: left;
	height: 219px;
	width: 100%;
}
nav{
	float: left;
	width: 150px;
	background: #6699ff;
}
nav p{ 
	text-align: center;
	padding: 10px;
}
#content{
	float: right;
	width: 80%;
	display: table;
}
#mainContent{
	display: table-cell;
	width: 90%;
	padding-right: 10px;
}
aside{
	display: table-cell;
	width: 10%;
}
section{ 
	float: right;
	width: 80%;
	margin-top: 10px;
}
section p, h2, h3{ 
	padding: 7px;
	width: 90%;
}
section li, li ul{
	padding: 5px;
	position: relative;
	left: 10px;
	width: 90%
}
section table{
     border: 2px solid black ;
     width: 90%;
}
section tr,h2,h3{ text-align: center; }
section td{
     border: 1px solid black;
     border-spacing: 2px;
}
footer{
	clear: both;
	float: right;
	height: 35px;
	width: 100%;
}
footer table{ width: 100% }