/* CSS Document */

/*  Custom layout definitions, for Vanilla site */

html * {
	border: 0;
	margin: 0;
	}
body{
	padding:0 180px 0 160px;
}	
h1 { 
	margin-left: 5px;
	}
h2 {
	margin-top: 15px;
	margin-left: 5px;
	}
h3 {
	margin-left: 5px;
	}
h3.underline {
	clear: left;
	}
ul, ol {
	margin: 0;
	padding-left: 0;
	}	
#center p, #center li, #center dt, #center dd {
	margin-left: 5px;
	}
p {
	margin: 5px 10px 10px 5px;
	}
	
.clear {
	clear: both;
	}
.clearright {
	clear: right;
	}
.clearleft {
	clear: left;
	}
a.next, a.prev {
	float: right;
	padding: 2px 5px;
	margin-top: -20px;
	}
a.next {
	text-align: right;
	margin-left: 5px;
	margin-right: 5px;
	}
a.extlink {
	padding-right: 15px;
	}
/* _____________________________________________________________________= main wrapper __*/
#wrapper{
	float:left;
	width:100%;	
	margin-left:-160px;
	margin-right:-180px;
	display:inline; /* So IE behaves itself */
}
	
/* ____________________________________________________________= main navigation styles __*/
#mainnav {
	float:left;
	width:160px;
	margin-left:-170px;
	padding: 0;
}
	
#mainnav ul { /* all lists */
	float: left;
	width: 160px;
	}
#mainnav li { /* all list items */
	position : relative;
	float : left;
	padding: 3px 0;
	line-height : 1.65em;
	margin-bottom : 0;
	width: 160px;
	}
#mainnav li ul { /* second-level lists */
	position : absolute;
 	margin-left : 160px; 
	margin-top : 0px;
	left: -999em;
	}	
#mainnav .subnav li { /* second-level list items */
	padding: 0;
	line-height: 2.22; 
	}
#mainnav li ul ul { /* third-and-above-level lists */
	left: -999em;
	}		
#mainnav .subnav li ul li { /* third-level list items */
	padding: 0;
	margin: 0;
	line-height: 2.2; 
	width: 18em;
	}	
#mainnav li a,
#mainnav a:link, #mainnav a:visited {
	display : block;
	padding: 0 0 0 5px;
	}
#mainnav li a.inline {
	display: inline;
	}
#mainnav li:hover ul ul, 
#mainnav li:hover ul ul ul,
#mainnav li.sfhover ul ul, 
#mainnav li.sfhover ul ul ul {
	left: -999em;
	}
#mainnav li:hover ul, 
#mainnav li li:hover ul, 
#mainnav li li li:hover ul, 
#mainnav li.sfhover ul, 
#mainnav li li.sfhover ul, 
#mainnav li li li.sfhover ul { /* suckerfish lists nested under hovered list items */
	left: auto;
	top: 0;
	}
/* news page doesn't get a main nav match but does hide latest news panel */
.morenews #news {
	visibility: hidden;
	}

/* _________________________________________________________________________= columns __*/
#center {
	float:left;
	width:100%;
	margin-right:-100%;
	padding: 5px 5px 3em 5px;
	min-height: 480px;
	position: relative;
	}
#center #copyright {
	clear: both;
 	position: absolute;
	bottom: 0;
	}
#rightcol{
	float:right;
	width:180px;
	margin-right:-180px;
	position:relative;
}
.rightcol {
	padding: 5px 5px 5px 10px;
	}	
#news ol li {
	margin-bottom: 10px;
	}

/* ______________________________________________________________= Main header styles __ */
	
#header {
	padding: 0;
	width: 800px;
	margin-left:-160px;
	margin-right:-180px;
	clear:both;
	}
	
/* Gilder-levin replaces header with image */
#header #sitename {
	width: 800px;
	height: 80px;
	position: relative;
	}
#header p {
	margin: 0;
	padding: 0;
	}
#header #sitename span {
	background: url(header.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
/* ________________________________________________________________= thumbnail & image styles __*/

#image1, #image2 {
	padding: 3px;
	text-align: center;
	}
#image1 {
	float: right;
	margin: 10px 15px 10px 5px;
	}
#image2 {
	float: left;
	margin: 5px 10px 0 5px;
	}

/* ___________________________________________________________________= lists and thumbnail images __*/

dl dd {
	margin-bottom: 0;
	}
dl dd.text {
	margin-bottom: 20px;
	}
#sectionList  {
	margin: auto;
	}
#sectionList li {
	float: left;
	width: 175px;
	margin: 10px;
	text-align: center;
	}
.sectionImg, .catImg, .prodThumb, .prodImg, .flickrthumb {
	padding: 3px;
	}
.prodImg {
	margin-bottom: 15px;
	}
.showcats .sectionImg, .cat .catImg {
	float: left;
	margin-right: 10px;
	}	
.products, .catlist {
	width: 98%;
	padding: 10px 0;
	margin: 20px 0;
	clear:left;
	}
	
.catlist li, .products li {
	position: relative;
	float: left;
	height: 10em;
	width: 150px;
	display: inline;
	margin-bottom: 0.25em;
	}
.doccatlist { /* pdf list on documents page for categories */
	display: inline;
	}
.doccatlist li {
	text-align: center;
	width: 19%;
	height: 100px;
	}
.documentlist {
	margin-right: 10px;
	}
.documentlist li {
	margin-bottom: 15px;
	padding-left: 30px;
	}
.documentlist li a.pdf {
	margin-left: -30px;
	padding-left: 30px;
	}
.doccatlist li {
	float: left;
	}
.search .prodlist {
	width: 90%;
	}
.search .prodlist li {
	text-align: left;
	}
.search .prodlist li img.prodThumb {
	float: left;
	margin-right: 10px;
	}
.newsstories {
	width: 98%;
	padding: 10px 0;
	margin: 10px 0;
	}
.newsstories dt {
	padding:  0 0 0 30px;
	height: 25px;
	background: url(star_bullet.gif) no-repeat top left;
	}
.newsstories dd {
	margin:  0 0 0 20px;
	padding:  0 0 15px 30px;
	}
.comments {
	margin-top: 20px;
	}
.comments dt {
	min-height: 30px;
	padding-left: 40px;
	}
.comments dd {
	min-height: 30px;
	padding-right: 40px;
	}
.termslist {
	margin-left: 10px;
	}
.termslist li {
	margin-bottom: 5px;
	}
.faqlist {
	margin-right: 20px;
	}
.faqlist li {
	margin-bottom: 10px;
	padding-left: 30px;
	background: url(star_bullet.gif) no-repeat top left;
	}
.eventlist li, .contact .vcard {
	margin: 10px 20px 10px 5px;
	padding: 5px;
	clear: left;
	min-height: 60px;
	}
.eventlist li strong, .vcard strong {
	float: left;
	width: 7.5em;
	padding-right: 1em;
	}
#eventlist { /* special case for tables in Programme page */
	width: 97%;
	margin: 5px 5px 15px 5px;
	border-collapse: collapse;
	padding: 2px;
	}
#eventlist td, #eventlist th {
	padding: 2px;
	text-align: left;
	vertical-align: top;
	}
#eventlist th.narrowcol {
	width: 15%;
	}
#eventlist th.midcol {
	width: 20%;
	}
#eventlist th.widecol {
	width: 47%;
	}
.users .vcard,
.committee .vcard,
.cms .vcard {
	float: left;
	width: 45%;
	margin: 5px;
	padding: 5px;
	}
.users .single .vcard { /* overrides width for user home page */
	width: 95%;
	margin: 20px 0;
	line-height: 1.6;
	}
.users .vcard strong,
.committee .vcard strong,
.cms .vcard strong {
	width: 4em;
	}
.users .single .vcard strong { /* overrides width for user home page */
	width: 5.5em;
	}
.vcard img.mugshot {
	float: left;
	margin-right: 5px;
	}
	
#mapContainer { /* Y! map on the FAQ page */
	float: right;
	width: 150px;
	height: 150px;
	margin-right: 10px;
	}
	
/* ___________________________________________________________________= Members Area styles __*/
.loggedinuser {
	float: right;
	margin-top: -20px;
	}
.usernav {
	margin: 10px 0 0 0;
	font-size: 80%;
	}
.usernav li {
	display: inline;
	}
.users .usernav a {
	padding: 5px;
	}
.atoz {
	margin-top: 20px;
	}

/* ___________________________________________________________________= footer styles __*/

#footer {
	margin-left:-160px;
	margin-right:-180px;
	clear:both; 
	padding: 10px 0 0 0;
	width: 100%;
	}
#footer p, #footer ul {
	margin: 0;
	padding: 0;
	}
#footer ul {	
	display: block;
	}
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0.25em;
	}