/* ========= GRINDROD POPUP 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 url(../interface/popup/bg_top.gif) 0 0 repeat-x;
}

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 {
	height: 97px;
	border-bottom: 2px solid #fff;
	text-align: center;
	background: url(../interface/popup/logo.gif) 0 0 no-repeat;
}
	#headercontainer h1 {display:none}

#docHeader {height:29px;font-size:14px;font-weight:bold;background:#efefef;margin-bottom:20px;}
	#docType {height:29px;line-height:29px;float:left;background:#1a1a49 url(../interface/popup/header_bg_left.jpg) 0 0 no-repeat;padding-left:30px;padding-right:10px;color:#fff;}
	#docDivider {height:29px;line-height:29px;float:left;width:13px;background:#1a1a49 url(../interface/popup/header_between.gif) 0 0 no-repeat;}
	#docTitle {height:29px;width:561px;line-height:29px;float:left;background:url(../interface/popup/header_shine.jpg) 0 0 no-repeat;color:#1a1a49;padding-left:10px;}

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

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

	#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;}
	
#horinav ul {margin: 0;padding: 0;list-style-type: none;text-align: center;}
#horinav ul li { display: inline; }
#horinav ul li a {text-decoration: none;padding: 8px;color: #1351a6;}
#horinav ul li a:hover {color: #000;background-color: #eee;}
	
#content {width:582px;float:left;margin-left:20px;}
	#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;}
	#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;
 }
 
 #imagesWideContainer{
 float:left;
 width:440px;
 }
 
#quote{width:50%;}