/* This (roughly!) reproduces the WVD 2006 Web site style */
/* ACB 2007/08 */

/* The Web page will automatically centre on the browser pane */

/* The background image defines a content - links two column layout */
/* The header and footer cross the whole page */

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, "sans-serif";
	background-image: url(http://www.worldveganday.org/images/WVD2007-background.jpg);
	background-repeat: no-repeat;
	background-position: top center;

}

/* Fit to the background image 750px x 759px */

#pagecontainer {

	width: 759px; 
	height: 750px;
	text-align: center; /* Work around known bug in IE */	
	margin: 0 auto; /*Centre container on page*/
}

#header {

	width: 759px; 
	margin: -50px 0 0 0 ;
	padding: 0; /* Use space well in Firefox and IE7 */
}

/* Align content column to the left side of the browser window */

#contentwrapper {
	float: left;
	width: 780px;
}

#contentcolumn {
	margin: 0px 250px 25px 80px; /*Set by background image*/
	padding: 0 ; 
	text-align: left;
}

/* Rest right column against right edge of content column */

#rightcolumn {

	float: left;
	width: 200px;   
	margin: 0 0 0 -290px; /*Set by background image*/
	padding: 0 ; /* Use space well in Firefox and IE7 */
}

#footer {
	clear: left;
	width: 100%;
	text-align: center;
	padding: 4px 0;
}

/* Margins for inner DIV inside each column (to provide padding) */

.innertube { margin: 15px;}

/* Now define the HTML element styles */

b { font-weight: bold;}
em { color: #993333;}

.center { text-align: center;}

p.pageheading {
	margin: 60px 0 0 50px;
	color: black;
	font-weight: bold;
	font-size: 48px;
}
	
h1, h2, h3, h4, h5 {
	text-align: center;
	color: black;
	font-weight: bold;
}

h1 { font-size: 48px; }

h2 { font-size: 36px; }

h3 { font-size: 24px; }

h4 { font-size: 18px;}

h5 { font-size: 14px;}
 
p {
	align: justify;
	font-size: 14px;
	color: black;
}

p.quote { font-weight: bold; }

img.center, img.right, img.left {
	display: block;
	border: 0;
	margin: 5px;
}

img.center {
	margin-left: auto;
	margin-right: auto;
}

img.right {
	float: right;
	vertical-align: super;
}

img.left { float: left;}


a {
	color: #aa0505;
	font-size: 14px;
	text-decoration: none;
}

a:visited { color: #993333;}

a:hover { color: #009900; }

ul { font-size: 11pt; }

ul.links { list-style: none outside none; }

li { margin: 0 0 10px 0;}