/*-----------------------------------------------------------------------------
version:   1.0
author:    John Anderson
email:     janderson@soaringpenguin.co.uk
website:   http://www.soaringpenguin.co.uk/
date:      2007 March 16

Copyright 2007 Soaring Penguin Ltd. All Rights Reserved
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* hack for forcing scroll bars to stop page jog - 
http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div{margin: 0; padding: 0;}

/*debug border on all divs*/
div{
    border: 0px solid #ccc;
}

/* Class for clearing floats */
.clear {
    clear:both;
}

/* Remove border around linked images and fix Firefox odd spaces */
img {
    border: 0;
    vertical-align: bottom;
}
body {
	background-color: #6699cc;
}

/* =Structural
-----------------------------------------------------------------------------*/
#container {
	margin-left: 75px;
	margin-top: 20px;
}
	#container #column-left {
		float: left;
		width: 489px;
		background: #ffffff url(../images/5.gif) repeat-y;
	}
		#container #column-left #header-left {
			height: 302px;
		}
		#container #column-left #footer-left {
			height: 42px;
			width: 489px;
			background-image: url(../images/8.gif);
		}
	#container #column-right {
		float: left;
		width: 204px;
		margin-left: 11px;
		background: #ffffff url(../images/6.gif) repeat-y;
	}
		#container #column-right #header-right {
			height: 252px;
			width: 204px;
			background-image: url(../images/7.jpg);
		}
		#container #column-right #footer-right {
			height: 40px;
			width: 204px;
			background-image: url(../images/9.gif);
		}	


/* =Typography
-----------------------------------------------------------------------------*/
p, li {
	font-family: Calibri,Verdana,"Lucida Grande",Tahoma,Helvetica;
	font-size: 0.9em;
	color: #336633;
	line-height: 1.3em;
	margin-top: 6px;
}


/* =Headings
-----------------------------------------------------------------------------*/
	#content-left h3 {
		text-align: right;
		color: #336633;
		font-family: "FormalScrp421 BT",cursive;
		font-size: 1.2em;
	}
	#content-left h4 {
		color: #ff9933;
		font-family: Calibri,Verdana,"Lucida Grande",Tahoma,Helvetica;
		font-size: 1.0em;
	}



/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/
	#navigation ul,
	#navigation ul li 
	{	list-style-type: none;
		padding: 0;
		margin: 0;
	}
		#navigation a {
			text-decoration: none;
			color: #ff9933;
			padding-left: 5px;
			font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
		}
			#navigation a:hover {
				color: #ffcc66;
			}
			#navigation ul li ul {
				margin-left: 10px;
			}
		a {	
			text-decoration: none;
			color: #ff9933;
			font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
		}
		a:hover {
			color: #ffcc66;
		}
		
		
		




/* =Sub Nav
-----------------------------------------------------------------------------*/



/* =Main Content
-----------------------------------------------------------------------------*/
	#column-left #content-left {
		margin-left: 7px;
		margin-right: 7px;
	}
	img {
		padding: 0;
		margin: 0;
	}
	
		#article img {
			float: right;
		}
		
	.publication img {
	/*	float: left;*/
	}



/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/
	#links ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 204px;
	}
		#links ul li {
			margin: 5px auto;
			list-style-type: none;
			text-align: center;
		}



/* =Forms
-----------------------------------------------------------------------------*/
	form.ContactForm ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
		form.ContactForm p {
			text-align: right;
		}
			form.ContactForm p label {
				float: left;
			}
			form.ContactForm p.left {
				float: left;
			}
			form.ContactForm p textarea {
				float: left;
				width: 400px;
				height: 75px;
			}
			form.ContactForm input.submit {
				float: left;
			}
			
	form.zemContactForm {
		width: 470px;
		font-family: Calibri,Verdana,"Lucida Grande",Tahoma,Helvetica;
		font-size: 0.9em;
		color: #336633;
		line-height: 1.3em;
	}
		form.zemContactForm label {
			width: 100px;
			display: block;
			margin-top: 7px;
		}
		form.zemContactForm input {
			width: 400px;
		}
		form.zemContactForm textarea {
			width: 400px;
			height: 100px;
		}
		form.zemContactForm input.zemSubmit {
			width: 60px;
			display: block;
		}	 





/* =Tables
-----------------------------------------------------------------------------*/

table {
   border-spacing: 0;
    border-collapse: collapse;
}

td {
   text-align: left;
   font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/	
	#content-left img.hr {
		margin-left: -2px;
	}
	#content-right img.hr {
		margin-left: 5px;
	}



/* =Misc 2
-----------------------------------------------------------------------------*/
