/*-----------------------------------------------------------------------------
Centromere Style Sheet

version:   2.0 1 Oct 2008
author:    nigel wood
website:   www.cobwood.co.uk
-----------------------------------------------------------------------------*/

/* =General   Note: layout color text [mbp]
-----------------------------------------------------------------------------*/

/* Remove padding, margin and outline */
* {
	margin: 0;
	padding: 0;
	outline: none;
	}

/* Class for clearing floats */
.clear { clear: both; }

/* Remove border around linked images */
img { border: 0; }

/* =Layout
-----------------------------------------------------------------------------*/
body {
	text-align: center /* for IE quirks */;
	background-color: #C0C0C0;
	font: 12px/1.5em  Verdana, Arial, Helvetica, sans-serif;
	}

#container {
	text-align: center /* for IE quirks */;
	width: 955px;
	margin: 4px auto 0 auto;
	position: relative;
	background: #FFF url(graphics/centromere_07.gif) 100% 92% no-repeat;
	/*border-width: 0;*/
	}

#publications #container { background-position: 100% 98%; }
#experience #container { background-position: 100% 94%; }

#masthead {
	height: 120px;
	background: #0941B3 url(graphics/centromere-top-background.gif) left top repeat-x;
	text-align: left;
	}

#mainContent {
	background: transparent url(graphics/centromere_04.gif) left top no-repeat;
	/*border-width: 0;*/
	}

#home #mainContent, #flexibility #mainContent, #presentations #mainContent, #contact #mainContent { height: 460px; }

#footer {
	height: 20px;
	background: transparent url(graphics/centromere_09.gif) left top no-repeat;
	}

/* =Typography
-----------------------------------------------------------------------------*/
/* Ensure Netscape inherits font family and color */
h1, h2, h3, h4, h5, h6, p, td, ul, ol, li, dl, dt, dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #227;
	}

h1, h2, h4, p, ul, li { text-align: left; }

/* =Headings
-----------------------------------------------------------------------------*/
h1 { font-size: 164%; }/* was 218% main page heading */

h2 { font-size: 140%; }/* was 164% sub heading */

h3 { font-size: 118%; }/* was 145% navigational and content tertiary headings */

h4 { font-size: 100%; }/* was 118% other headed elements */

/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited, a:hover, a:active { color: #227; }

/* =Branding
-----------------------------------------------------------------------------*/
#logo {
	height: 120px;
	width: 955px;
	background: transparent url(graphics/centromere_03.gif) right top no-repeat;
	}

/* =Main Nav
-----------------------------------------------------------------------------*/
#mainNav {
	position: absolute;
	left: 420px;
	top: 87px;
	z-index: 20;
	}
/* Menu navigation class */
.menuNav li {
	float: left;
	list-style: none;
	text-align: center;
	line-height: 1.85em;
	padding: 0 2px;
	}

/* Link styles*/
.menuNav a {
	float: left;
	background-color: #083797;
	font-weight: bold;
	font-size: 11px !important;
	text-decoration: none;
	padding: 0 6px;
	border: 1px solid #062669;
	border-top-color: #365EB3;
	border-left-color: #365EB3;
	/*border-right-color: #062669;*/
	/*border-bottom-color: #062669;*/
	}

.menuNav li.current a {
	border-top-color: #062669;
	border-left-color: #062669;
	border-right-color: #365EB3;
	border-bottom-color: #365EB3;
	color: #C0C0C0;
	cursor: default;
	}

.menuNav a:link, .menuNav a:visited { color: #C0C0C0; }
.menuNav a:hover, .menuNav a:active { color: #FFF; }

/* =Main Content
-----------------------------------------------------------------------------*/
h1, h2 {
	color: #AAA;
	margin: 0 0 0 100px;
	}

h1 { padding: 24px 0 0 0; }
/*#publications h1 { padding: 12px 0 0 0; }*/
h2 { padding: 12px 0 0 0; }
#mainContent p, #mainContent ul { margin: 0 100px 0 100px; }
#mainContent p { padding: 6px 0 6px 0; }
#mainContent p.first { padding-top: 20px; }
#mainContent li { list-style: outside; }
#flexibility #mainContent li { padding-bottom: 6px; }
/*#mainContent a { text-decoration: none; }*/
#publications #mainContent a { text-decoration: underline; }

.illustration {
	float: left;
	margin: 2px 10px 0 0;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer p {
	text-align: right;
	font-size: 10px !important;
	color: #C0C0C0;
	margin-left: 100px;
	margin-right: 20px;
	}

#home #footer p {
	text-align: left;
	margin-right: 0;
	}

#footer a {
	color: #C0C0C0;
	text-decoration: none;
	}