/* CSS Document */

/* For Viva Palestina registrations microsite */
/* but can be adapted for the rest of the site */
/* by adding the line of code below to the "header" */
/* <link rel="stylesheet" type="text/css" media="screen" href="/vp5/registrations.css" /> */


/* overarching styles */

body, div, form, h1, h2, h3, h4, .navigation {
	display: block; /* helps Tony stay free of headaches */
}

body	{
	background-color: #999966;
	font-family:Verdana, Arial, Helvetica, sans-serif; /* all page text will be this font unless otherwise specified */

}
	
img	{
	border:none; /*stops a red or blue border being drawn around images that are used as links */
}
	
p, li	{
	font-size:10pt;
	color:#000000;
}

p.list, h1.list, h2.list {
	margin-left:20px; /* Indents lists nicely */
}

a, p, .navigation, :link, :visited, :hover {
	text-decoration: none; /* I don't like constant underlines in html links */

}

a, p, h1, h2 {
	padding:0px; /* fixes issues with some browsers and also allows headings to go to the top of a section */
}

a:hover {
	border-bottom-color:#000000;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	}

a.navigation:hover {
	border-bottom-width:0px;
	}

h1	{
	font-size:16pt;
	font-weight:bold;
	margin:0px;
}
	
h2	{
	font-size:12pt;
	font-weight:bold;
	color:#990033;
}

h3	{
	font-size:11pt;
	font-weight:bold;
	color:#990033;
}

/* Style instructions to hold the columns in place as well as colour them in and give them white space */
	
#container	{
	width: 900px;
	margin: 0 auto; /* centres the page */
	background-color: #FFFFFF;

}

#mainbody {
		background-color: #FFFFFF;
		padding:20px;
		padding-top:40px;
}
		
#left_menu {
	float: left;
	width: 175px;
	padding-top: 0;
}

#maincontent {
	float:right;
	width:660px;
	padding-left:20px;}

#footer {
	clear:both; /* Does a bit more headache removing for Tony */
}

/* sub-class for links on left hand side */

.navigation { /* gives us nice box-type links */
	padding:8px;
	color: #FFFFFF;
	font-size:10pt;
	font-style:normal;
	line-height: 100%;
	margin-bottom: 8px;
	background-color: #999966;;
}

.navigation:link {
	color:#FFFFFF;
}

.navigation:hover { /* changes colour as you hover over it */
	background-color:#243E46;
	color: #FFFFFF;
}