/*
	PAC - main stylesheet
*/

/* =General
---------------------------------------------------------------------------------------------------- */
body {
	background: #40442B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 16px 0 0 0;
	padding: 0;
}

table tr td {
	font-size: 12px;
	line-height: 16px;
}

/* =Splash
---------------------------------------------------------------------------------------------------- */
#splash {
	background: url('../images/splash/splash-bg.jpg') 0 0 no-repeat;
	width: 566px;
	height: 301px;
	display: block;
	position: relative;
} 

.splash-wordmark h1 {
	color: #ffffff;
	font-size: 18px; 
	font-weight: bold;
	margin: 0; 
	text-align: left;
	padding: 45px 0 0 216px;
	line-height: 22px
}

.splash-btns-en {
	position: absolute;
	top: 126px;
	left: 133px;
}

.splash-btns-fr {
	position: absolute;
	top:  0px;
	left: 222px;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#container {
	width: 1023px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url('../images/content_bg.jpg') repeat-y;
}

#content-wrap {
	width: 982px;
	margin: 0 auto 0 auto;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#content {
	float: left;
	width: 555px;
	margin: 0;
	padding: 0;
	background: #ffffff
}

#content ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content-full {
	float: left;
	width: 710px;
	margin: 0;
	padding: 0;
	background: #ffffff
}

#content-inner-wrap {
	padding: 12px 16px 10px 16px;
}
	
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	height: 1px;
	width: 100%;
}

#lang-toggle {
	float: right;
	margin: 0;
	position: absolute;
	top: 0;
	left: 898px;
}

 a#lang-toggle {
	background: url('../images/square_arrow_orange.gif') 100% 50% no-repeat;
  	display: block;
	font-size: 12px;
 	text-decoration: none;
	font-weight: normal; 
	color: #ffffff;
	margin: 0 10px 0 10px;
	padding: 0 16px 0 0
}

a#lang-toggle:hover {
	background: url('../images/square_arrow_green.gif') 100% 50% no-repeat;
}	
	
/* Homepage */
#home-content {
	/*background: url('../images/home-content-bg.jpg') 100% 0 no-repeat;*/
	float: left;
	width: 555px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	margin: 0;
	padding: 0;
}

#map-content {
	background: url('../images/home-content-bg.jpg') 100% 0 no-repeat;
}

#bg-map{
	background: url('../images/home-content-bg.jpg') 100% 0 no-repeat;
}

#home-content .text-content {
	padding: 12px 16px 10px 16px;
}

/* =Branding / header
---------------------------------------------------------------------------------------------------- */
#branding {
	width: 982px;
	margin: 0 auto 0 auto;
	padding: 12px 0 0 0;
}

#branding #header {
	float: left;
	background: url('../images/branding-bg.jpg') 0 0 no-repeat; 
	width: 786px;
	height: 84px;
}

#branding #header h1 {
	padding: 30px 0 0 86px;
	color: #ffffff;
	font-size: 17px; 
	font-weight: bold;
	margin: 0; 
}

#branding #header h1 a {
	color: #ffffff;
	font-size: 17px; 
	font-weight: bold;
	margin: 0; 
}

#newsletterbox {
	float: right;
	width: 189px;
}

.latestnews {
	color: #ffffff;
	padding: 0;
	margin: 0;
}

a.latestnews {
	color: #ffffff;
}

a.latestnews:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* =Navigation
---------------------------------------------------------------------------------------------------- */
.mainmenuitem {
	width: 270px;
  	background: #AD9547 url('../images/leftnav_menuitem_bg.jpg') repeat-x;
} 

.mainmenuwrap {
	padding: 0px 0px 0px 0px;
}  

a.mainlevel {
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
   	text-decoration: none;
}

a.mainlevel:hover {
	text-decoration: none;
	color: #333333;
}

a.mainlevel#active_menu {
  	font-weight: bold;
	text-decoration: none;
}

a.mainlevel#active_menu:hover {
	color: #ffffff;
}

span.sublevel {
	padding-left: 12px;
	display: block;
	color: #ffffff;
}

a.sublevel_pac {
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
    text-decoration: none;
	padding: 5px 15px 5px 30px;
	display: block;
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

div.menulinkwrap_level0 {
	background: url('../images/square_arrow_down_orange.gif') 0 6px no-repeat;
	padding-left: 17px;
	padding-bottom: 0;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}

div.menulinkwrap_level0 a {
	display: block;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0 3px 0;
}

div.menulinkwrap_level0 a:hover {
	color: #ffffff
}

a.mainlevel_pac {
	font-weight: bold;
	color: #000000;
}	

a.mainlevel_pac:hover {
	font-weight: bold;
	color: #ffffff;
}	

.mainmenuwrap .menulinkwrap_level1 {
	padding: 0 0 0 30px;
	margin: 0;
}

.mainmenuwrap .menulinkwrap_level1 a {
	border-bottom: 1px solid #BCA868;
	color: #000000;
	display: block;
	padding: 3px 0 3px 0;
	font-size: 11px;
}

.mainmenuwrap .menulinkwrap_level1 a:hover {
	color: #ffffff;
}

.mainmenuwrap .menulinkwrap_level1 a.last {
	border-bottom: 0;
}

/* =Left nav
----------------------------------------------------------------------- */
#sidebar-left {
	background: url('../images/left-nav-bg.jpg') 0 0 repeat-y;
	width: 222px;
	float: left;
	margin: 7px 0 0 0;
	padding: 0;
}

#sidebar-leftBody-wrap {
	width: 201px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

#sidebar-left ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#sidebar-left ul li {
	
	list-style: none;
	background: #CBB367 url('../images/left-nav-item-bg.jpg') 0 100% repeat-x;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	font-size: 11px;
	padding: 0 0 0 10px;
	border-top: 1px solid #7B6317;
	border-left: 1px solid #7B6317;
	border-right: 1px solid #7B6317;
	border-bottom: 1px solid #7B6317;
	
}

#sidebar-left ul li#lastrow{
	list-style: none;
	background: #CBB367 url('../images/left-nav-item-bg.jpg') 0 100% repeat-x;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	font-size: 11px;
	padding: 0 0 0 10px;
	border-top: 1px solid #7B6317;
	border-left: 1px solid #7B6317;
	border-right: 1px solid #7B6317;
	border-bottom: 1px solid #7B6317;
}

/*---------Something here for the Sub Links--*/


#sidebar-left ul li a {
	display: block;
	background: url('../images/square_arrow_down_orange.gif') 0 7px no-repeat;
	padding: 5px 25px 5px 20px;
	color: #000000;
	font-weight: bold;
	line-height: 14px;
}

#sidebar-left ul li a:hover {
	background: url('../images/square_arrow_down_green.gif') 0 7px no-repeat;
	color: #ffffff;
}

#sidebar-leftTop {
	padding: 0;
	margin: 0;
}

#sidebar-leftBody {
	width: 100%;
	background: #ffffff url('../images/leftnav_bg.jpg') repeat-y;
}

#sidebar-leftBottom {
	padding: 0;
	margin: 0;
}

/* =Sidebar right 
----------------------------------------------------------------------------------------- */
#sidebar-right {
	background: url('../images/sidebar-bg.jpg') 0 0 repeat-y;
	float: right;
	width: 203px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	margin: 10px 0 0 0;
	padding: 0;
}

#sidebar-rightTop {
	background: url('../images/sidebar-header-bg.jpg') 100% 0 no-repeat;
	width: 203px;
	min-height: 57px;
	height: auto !important;
	height: 57px;
	color: #ffffff;
	text-align: center;
}

#sidebar-rightTop h2 {
	padding: 10px 0 0 0;
	font-family: Georgia, Times New Roman, Seriff;
	font-size: 16px;
	color: #ffffff;
}

#sidebar-rightTop img {
	color: #ffffff;
	margin-left: 13px;
}

#sidebar-rightBody {
	width: 100%;
}

#sidebar-rightBody a{
	color: #ffffff;
}

#sidebar-rightBody a:hover{
	color: #ffffff;
	text-decoration: underline;
}

#sidebar-rightBody-wrap {
	padding: 7px 30px 0 35px;
}

#sidebar-rightBottom {
	padding: 0;
	margin: 0;
}

#sidebar-rightBody-wrap ul { 
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	color: #ffffff;
	font-size: 11px;
}

#sidebar-rightBody-wrap ul li { 
	list-style: square;
	padding: 3px 0 3px 0;
	color: #ffffff;
}


/* =Breadcrumb/Pathway
----------------------------------------------------------------------------------------- */
#pathway {
	clear: both;
	text-align: left;
	color: #333333;
	margin: 0 auto 0 auto;
	width: 982px;
	background: #D2B369;
	font-size: 10px;
	min-height: 18px;
	height: auto !important;
	height: 18px;
	position: relative;
}

#pathway_inner {
	clear: both;
	padding: 1px 0 1px 22px;
}

#pathway a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: underline;
}

#pathway a:hover {
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
}

/*=Content Elements
----------------------------------------------------------------------------------------- */
#leftside {
	width: 180px;
	background: #996 url('../images/gradient.jpg') 0 0 repeat-x;
}

#rightside {
	width: 140px !important;
	width: 180px;
	background: url('../images/side_nav_bg_right.gif') no-repeat;
	padding: 20px;
}

#rightside div.moduletable h3 {
	color:#FFFFFF;
}

#leftside div.moduletable h3 {
	color:#FFFFFF;
}

table.content_table {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}

/* =Lists
---------------------------------------------------------------------------------------------------- */
ul { 
	list-style: square;
	padding: 0 0 0 16px;
	margin: 0 0 0 16px; 
}

ul li { 
	list-style: square;
}

/** list bullet format **/
li.plain { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

/* =Typography
---------------------------------------------------------------------------------------------------- */
p {
	text-align: left;
	font-size: 11px;
	line-height: 140%; 
	padding-bottom: 6px;
}

h1 { 
	color: #96691f; 
	font-size: 20px; 
	line-height: 100%; 
	font-weight: normal; 
	margin: 0; 
}

h2 { color: #96691f; font-size: 18px; line-height:120%; font-weight:normal; margin:0px;  }
h3 { color: #96691f; font-size: 15px; line-height:100%; font-weight:normal; margin:0px;  }
h4 { color: #96691f; font-size: 13px; line-height:100%; font-weight:bold; margin:0px; }
h5 { color: #96691f; font-size: 12px; line-height:100%; font-weight:normal; margin:0px;  }
h6 { color: #383f14; font-size: 10px; line-height:140%; font-weight:normal; margin:0px;  }

hr { color: #ffffff; height: 1px; width: 100%; }

.whitebody { 
	color: #FFFFFF; 
	font-size: 11px;
	line-height: 140%; 
}

.error {
	font-style: italic;
	text-transform: uppercase;
	padding: 5px;
	color: #cccccc;
	font-size: 14px;
	font-weight: bold;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}

.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

/* BUTTONS AND PAGE NAV */
.back_button {
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 3px double #cccccc;
	width: auto;
	background: url(../images/button_bg.png) repeat-x;
	padding: 0px 10px;
	line-height: 20px;
	margin: 1px;
}

.pagenav {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	width: auto;
	padding: 0px 10px;
	line-height: 20px;
	margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a {
	outline: none;
	color: #4c551b;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #383f14;
}


.pdf {
	background: #FFFFFF url('../images/icon-pdf.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}

.doc {
	background: #FFFFFF url('../images/icon-doc.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}

.web {
	background: #FFFFFF url('../images/icon-web.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}

.generic {
	background: #FFFFFF url('../images/spacer.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}

/* =Forms
---------------------------------------------------------------------------------- */
form {
	margin: 0;
 	padding: 0;
}

.formTop {
	background: #B19043;
	min-height: 42px;
	height: auto !important;
	height: 42px;
}

.formBottom {
	background: #7D3536;
	min-height: 42px;
	height: auto !important;
	height: 42px;
}

.formBottom div, .formTop div  {
	padding: 0 0 0 10px;
}

.formBottom div span, .formTop div span {
	font-family: arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
	
}

.FormBtn {
	background: url('../images/search-form-btn.gif') 0 0 no-repeat;
	width: 11px; 
	height: 11px;
	padding: 0;
	border: 0;
	cursor: pointer;
}

.Field {
	background: #ffffff;
	color: #000066;
	width: 150px;
	height: 16px;
	border: 1px solid #7F9DB9;
}

.button {
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: normal; 
	height: 22px !important;
	height: 20px;
}

.contentheading_kimberley, .contentheading_aprm, .contentheading_diamond {
	color: #333333; 
	font-family: Georgia, Times New Roman, Serif;
	font-size: 16px; 
	line-height: 140%; 
	padding-bottom: 12px;
	margin-bottom: 50px; 
	font-weight: normal; 
 }

.componentheading_kimberley, .componentheading_aprm, .componentheading_diamond { 
	color: #333333; 
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px; 
	line-height: 140%; 
	padding-bottom: 25px;
	font-weight: normal; 
}

/* =Footer
----------------------------------------------------------------------------------------- */
#footer {
	color: #fff;
	background: #40442B;
	clear: both;
	padding: 0;
	width: 100%;
	text-align: center;
}

.footer-hilight {
	color: #C3AB85;
}

/* =CSS Menus (Core styles - Do not modify)
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative; z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}
.qmmc .qmcbox {cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a {display:inline;}
.qmmc .qmcbox div {float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover > ul {left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover > ul {top:0px;left:100%;}
#qm1 ul {top:100%;}
#qm1 ul li:hover > ul {top:0px;left:100%}

/* =Main nav and dropdowns (modify at will)
---------------------------------------------------------------------------------------------------- */ 
#nav_container {
	background: url('../images/topnav_bg.jpg') 0 0 repeat-x;
	clear: both;
	margin: 10px auto 0 auto;
	width: 982px;
	min-height: 26px;
	height: auto !important;
	height: 26px;
}

#nav_inner {
	background: url('../images/topnav_bg.jpg') 0 0 repeat-x;
	padding: 6px 0 0 12px;
}

#nav_inner a.on, #nav_inner a.on:hover {
	background: #717238 url('../images/topnav_dropshadow.jpg') repeat-y;
	display: block;
  	font-size: 12px;
	text-decoration: none;
	font-weight: normal; 
	color: #ffffff;
	margin: -8px 10px 0 0;
	text-align: center;
	padding: 5px 10px 7px 18px;
}
	
/* (MAIN) Container */	
#qm0 {	
	padding: 0;
	margin: 0;
}

/* (MAIN) Items */	
#qm0 a {	
	display: block;
  	font-size: 12px;
 	text-decoration: none;
	font-weight: normal; 
	color: #ffffff;
	margin: 0 10px 0 10px;
}	

/* (MAIN) Hover State */
#qm0 a:hover {	
	display: block;
  	font-size: 12px;
 	text-decoration: none;
	font-weight: normal; 
	color: #D2B369;
}

/* (MAIN) Parent Items */	
#qm0 .qmparent {	
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {	
	display: block;
  	font-size: 12px;
 	text-decoration: none;
	font-weight: normal; 
	color: #D2B369;
}

/* (SUB) Container */	
#qm0 div, #qm0 ul {	
	background: #717238;
	padding: 5px 8px 5px 0;
	margin: 0 0 0 0;
	color: #000000;
	border: 0;
}
 
/* (SUB) Items */	
#qm0 div a, #qm0 ul a {	
	display: block;
	padding: 2px 5px 2px 15px; 
	margin: 0 0 0 5px;
	text-decoration: none; 
	font-weight: normal; 
	color: #ffffff;
	font-size: 11px;
	background: url('../images/square_arrow_green.gif') 0 50% no-repeat;
	white-space: nowrap;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	display: block;
	padding: 2px 5px 2px 15px; 
	margin: 0 0 0 5px;
	text-decoration: none; 
	font-weight: normal; 
	color: #ffffff;
	font-size: 11px;
	background: url('../images/square_arrow_orange.gif') 0 50% no-repeat;	
	white-space: nowrap;
}

/* (SUB) Active State*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	display: block;
	padding: 2px 5px 2px 15px; 
	margin: 0 0 0 5px;
	text-decoration: none; 
	font-weight: normal; 
	color: #ffffff;
	font-size: 11px;
	background: url('../images/square_arrow_orange.gif') 0 50% no-repeat;	
	white-space: nowrap;
}

img{
	border: 0;
}

