/*
       CSS Stylesheet for Imagingphysics.net (oli.servepics.com/imagingphysics in the meantime)

     Written by Oli, thanks to TheSiteWizard.com for CSS buttons code

*/


img, a img, h1, h2, h3, h4, h5, p, ul, li {border: none; text-align: left; margin:0; padding: 0; list-style: none; }

/* ---------------------
    General Page Layout
   --------------------- */

div#headercontent { width: 900px; margin-left: auto; margin-right: auto; background: #fff;}
div#pagebody, div#footercontent {width: 900px; margin-left: auto; margin-right: auto; background: #fff;}

body {margin: 10px 10px 0 10px; font-size: 80%; font-family: Arial, Helvetica, sans-serif;}

div#pagebody { background: url("/images/wide_border_top.gif") top no-repeat;
		margin-top: 10px; padding: 10px 0 10px 0; position: relative; overflow: hidden; display: block;
		padding-left: 11 px; }

div#footercontent { background: url("/images/wide_border_bottom.gif") no-repeat; position: relative;
		margin-top: -10px; padding-top: 0; overflow: hidden;}


/* =========================
     CONTAINER DEFINITIONS 
   =========================*/
/* ---------------------
    Content Area Styles
   --------------------- */

div#headercontent{ position: relative; margin-top: 10px;}
a.logo {margin: 0 10px 15px 10px; display: block; width: 33em; height: 7em;}

div#subtitle {position: absolute; top: 3.5em; left: 410px; float: right; margin-left: 38px; font-size: 1.4em; font-color: #fff;
		font-family: Helvetica, Arial, sans-serif; text-decoration: none; }

/* Top-right nav bars style */

ul#topnav1 { margin: 0; padding: 0; position: absolute; top: 10px; right: 10px;}
ul#topnav2 { margin: 0; padding: 0; position: absolute; top: 2.5em; right: 10px;}
ul#topnav1 li, ul#topnav2 li {float: left; list-style: none; padding: 0 .5em 0 .5em; font-size: 1.1em; line-height:1.1em; border-right: 1px solid #999;}
ul#topnav1 li.last, ul#topnav2 li.last {border: none; padding-right: 0;}
ul#topnav1 li.a, ul#topnav1 li.a {color: #000; text-decoration: none; display:block;}

div#footernav {text-align: left; margin-top: 5px; padding-bottom: 10px;}

/*  Remember: Nested inside the <div> for 'contentholder' lies:
	'navMenu' which displays the left-hand-side nav menu
	'middleColumn' -duh
	'rightColumn' -duh again
	Nesting all these inside 'contentholder' fixed the strange bug with wide_border_top.gif being shifted right in IE*/

div#contentholder {position: relative; margin-left: auto; margin-right: auto; background: url("/images/wide_border_sides.gif") left repeat-y;
					padding-bottom: 20px; float: left;overflow: hidden; display: inline;}

/* menu -----------------------------------------------*/
ul#navMenu { margin: 0 740px -10px 10px; padding-top: 5px; float: left; background: url(/images/navmenu_curve.gif) top;
		border-bottom: 1px solid #D5D3D1; }
/* #navMenu ul { list-style: none; margin: 0 0 0 0; padding: 0; } */
ul#navMenu li { display: block; width: 150px;}
/*primary content-------------------------------------*/
/* -----------------Note the margin-top: -190px fix - I can't get the columns to v. align properly otherwise... ---------*/
div#middleColumn {position: relative; margin: -189px 220px 0 170px; padding: 10px 10px 0 10px;
				background: #F5F4F3 url("/images/middle_col_top.gif") top no-repeat;
				float: left; width: 510px; display: inline; }
				
/* -----------------Note the margin-top: -135px fix - I can't get the columns to v. align properly otherwise... ---------*/
div#rightColumn {position: relative; margin: -135px 10px 0 710px; padding: 20px 10px 10px 10px;
				float: left; width: 160px; display: inline;
				background: #E1E1EA url("/images/right_col_top.gif") top no-repeat;}
				
/* -----------------------
    Left-side CSS Buttons
   ----------------------- */


ul#navMenu li a:link, #navMenu li a:visited { font-family: Arial, Helvetica, sans-serif; line-height: 1.4em;
		text-decoration: none; font-size: 1.2em; color: #000; height: 22px;
		display: block; background-color: #eceae8; padding: 0 0 0 10px; border-top: 1px solid #D5D3D1;}

ul#navMenu li a:hover { color: #000; background-color: #fff; padding: 0 0 0 10px; }


/* subMenu --------------------------------------------*/
ul#navMenu li li a:link, #navMenu li li a:visited { text-decoration: none; background-color: #eceae8; padding: 0 0 0 25px;
		font-size: 1.1em; height: 20px; line-height: 1.3em;}
ul#navMenu li li a:hover { color: #000; background-color: #fff; padding: 0 0 0 25px; }

/* subSubMenu -----------------------------------------*/
ul#navMenu li li li a:link, #navMenu li li li a:visited { background-color: #eceae8; padding: 0 0 0 40px;
		font-size: 1em; height: 18px; line-height: 1.2em; }
ul#navMenu li li li a:hover { background-color: #fff; padding: 0 0 0 40px; }


/* Some other things... ***********************************/
#big_buttons { text-align: centre; display: inline; }
#big_buttons a { padding: 5px 0 5px 5px; line-height: 200%;}
#big_buttons a.hover { border: 1px solid #E1E3E5; }

span.center-text {text-align: center}