/* ========= GRINDROD POPUP (PRINTER) STYLES ========== */
/* Intended for use on presentations, interim results,
   and any other popup content consisting of several pages
*/

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #111;
	background: #fff;
}

h1 {
	font-size: 150%;
	font-weight: bold;
	color: #000F4A;
	margin-top: 0px;
	margin-bottom: 8px;
}

h2 {
	font-size: 130%;
	font-weight: bold;
	color: #000F4A;
	margin-top: 0px;
	margin-bottom: 8px;
}

h3 {
	font-size: 115%;
	font-weight: bold;
	color: #000F4A;
	margin-top: 0px;
	margin-bottom: 6px;
}

a {
	text-decoration: none;
	color: #0027C1;
}


#page {
    width: 772px;
	margin:0 auto;
}

#headercontainer h1{margin-bottom:3px}

#docHeader {height:16px;font-size:14px;font-weight:bold;margin-bottom:20px;}
	#docType {height:16px;line-height:16px;float:left;padding-right:10px;color:#1a1a49;}
	#docDivider {display:none;}
	#docTitle {height:16px;width:561px;line-height:16px;float:left;color:#1a1a49;padding-left:10px;}

#main {
	float:left;
	width: 100%;
	clear: both;
}

#sidenav {
	float: left;
	width: 160px;
	display: none;
}

	#sidenav ul {float:left;margin:0;padding:0;width:100%;list-style:none}
	#sidenav li {margin:0;padding:0;border-bottom:1px dashed #ddd}
	#sidenav li a {padding:8px 4px;display:block;width:100%;color:#1351a6;text-decoration:none;}
	#sidenav li a:hover {background:#eee;color:#000;}
	
#content {margin-left:0;width:600px;}
	#title{font-size:14px;color:#444;font-weight:bold;margin-bottom:20px}
	#info {width:100%;float:left;}
	
#footerNav {height:24px;background:#eee;margin-top:30px;line-height:24px;float:left;display:none}
	#footerNav a {color:#1351a6;font-weight:bold;text-decoration:none;font-size:12px;}
	#footerNav a:hover {color:#000;text-decoration:underline}
	#footerNav .previous {float:left;margin-left:10px;}
	#footerNav .next {float:right;margin-right:10px;}

#imagecontainer{
 float:left;
 width:440px;
 }
 
 #images{
 float:left;
 margin:3px;
 }

#quote{width:50%;}