html { height: 100%; }

body {
	height: 100%; 
	line-height: 1.10;
	margin:0;
	padding:0;
	color:#000;
	background:#ffffff url(images/micro_background.jpg);
	font:90%/1.40 Verdana, Arial, serif;
	color: #565656;
	}

body { height: 100%;
	 }

p {
	line-height: normal;
	font-size: 95%;
	}
	
h2 + p { margin-top: 0px; }
p + h2 { margin-top: 30px; }

h1 {
	font-size: 150%;
	margin:10px 0px -4px 0px;
    }
h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 106%;
	/* margin:0 0 0.7em; */
	line-height: 110%;
	}
h3 {
	                     
	font:110%/1.2;
	color: #434343;
	margin-bottom: 0;
	}

#sidebar p {
	padding-top: 20px;
	font:110%/1.5 Georgia, Palatino, serif;
	line-height: 125%;
	}
#sidebar h2 {
		font-size: 14px;
		font-family: Verdana, Helvetica, Arial;
	}

strong {
	text-shadow: 0px 0px 0px;
	color: #6e342c;
	font-weight: bold;
	}
a:link  {
	font-weight: bold; 
	color: #346359;
	text-decoration: none
	}
a:visited {
	font-weight: bold; 
	color: #2b534a;
	text-decoration: none;
	}
a:hover {
	font-weight: bold; 
	color: #438073;
	text-decoration: none;
	}
a:active { 
	font-weight: bold; 
	color: #dab303;
	text-decoration: none;
	}

img {
	border-style: none;
	}
a:link img, a:hover img, a:visited img, a:active img {
	border-style: none;
	}

#wrap { 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */

	z-index: 0; 
	padding-right: 50px; 
	background-image: url(images/white_gradation_back.png); 
	background-repeat: repeat-y;
	padding-left: 50px; 
	width: 900px; 
	margin:0 auto;
/*
this next line seems to solve a problem with the background not going to the bottom of the page,
despite setting heights to 100% in the html, body above.
PROBLEM SOLVED WITH 'OVERFLOW HIDDEN'
*/
/* 	margin-bottom: -800px; padding-bottom: 800px;  */
	overflow: hidden;
	}

#header {
	height: 210px;
	padding:5px 10px 0; 
	/*background:#fffff0 url(images/horseshoe_blackberry_logo.png) no-repeat 650px 15px; */
	border-width: 0; }
	
#header h1 { 
		margin-left: 450px; 
		margin-bottom: 220px; 
		margin-right: 0; 
		margin-top: 124px; 
	}

#nav {
	height: 20px;
	margin-top: 5px;
	margin-left: -24px;
	}

#footer {
	height: 24px;
	background-image: url(images/footie_back.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: -14px;
	width: 900px;
	position: fixed;
	bottom: 0px;

	z-index: 5;
}

#footer p {
	margin:0;
	margin-top: -12px;
    }
	
#copyright, footer p  {
	float: left;
	margin-top: 22px;
	margin-left: 62px;
	font-size: 9px;
	color: white;
	}

* html #footer {
	height:1px;
	}

#main p, h2 {
	margin-bottom: 14px;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	margin-right: 20px;
	}


.floatleft { 
	position: relative; 
	left: -20px; 
	float: left; 
	clear: both; 
	margin: 12px 12px 12px -259px; 
	border-color: #ffbf00; 
	border-width: 1px; 
	}

.floatright { 
	position: relative; 
	float: right; 
	clear: both; 
	margin-left: 12px; 
	border-width: 1px; 
	border-color: #ffbf00; 
	}

.floatleftmain { position: relative; 
	float: left; 
	clear: both; 
	margin-top: 12px; 
	margin-bottom: 12px; 
	border-width: 1px; 
	border-color: #ffbf00; 
	}

.imgborder {
	margin-left: 1px;
	border-width: 1px;
	border-color: #ffbf00;
	}

.biggerbolder {
	font-size: 110%;
	font-weight: bold;
	}

.sidebarfoto { 
	position: relative; 
	float: left; 
	clear: both; 
	margin-top: 24px; 
	margin-right: 12px; 
	margin-bottom: 6px; 
	border-style: solid;
	border-color: #ffbf00; 
	border-width: 1px; 
	}

#sidebar img { 
	position: relative; 
	float: left; 
	clear: both; 
	margin-top: 24px; 
	margin-right: 12px; 
	margin-bottom: 6px; 
	border-style: solid;
	border-color: #ffbf00; 
	border-width: 1px; 
	}

.iconfloatleft {
		margin-right: -40px;
		position: relative;
		left: -50px;
		float: left;
	}
.setleft {
		margin-left: -60px;
		float: left;
	}
.topmargin {
		margin-top: 24px;
	}

/* for images in papers, articles */
.picture { 
	background-color: #F9F9F9; 
	border: 1px solid #CCCCCC; 
	padding: 3px; 
	font: 11px/1.4em Arial, sans-serif; 
	} 
.picture img { 
	border: 1px solid #CCCCCC; 
	vertical-align:middle; margin-bottom: 3px; 
	} 
.right { 
	margin: 0.0em 0pt 0.5em 0.5em; 
	float:right; 
	} 
.left { 
	margin: 0.0em 0.5em 0.5em 0; 
	float:left; 
	} 
.center { 
	margin: 0.0em 0.5em 0.5em 0; 
	display: block;
    margin-left: auto;
    margin-right: auto
    } 


/* pixelmap logo */
#logo {
		padding-top: 17px;
	}
.pixelmaplogo {
	padding-top: 36px;
	color: #313e1a;
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none;
	letter-spacing: 5px;
	margin-right: 82px;
	}
.pixelmaplogo a:link { 
	color: #35421d; 
	}
.pixelmaplogo a:visited { 
	color: #3c4c20; 
	}
.pixelmaplogo a:hover { 
	color: #af7408; 
	}
.pixelmaplogo a:active { 
	color: #867206; 
	}