﻿/* CSS Document */

body {
	padding: 0em;
	margin: 0em;
	font-size: 62.5%;
	margin: 0em 0em 0em 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #d3ccb9;
}

	#background-shade {
		background: #d3ccb9 url(images/background-shade.jpg) top right no-repeat;
		position: absolute;
		width: 130px;
		height: 733px;
		left: -130px;
	}
	
	#column-wrapper{
		position: relative;
		width: 740px;
		margin: 0em 0em 0em -370px;
		background-color: white;
	}

		#header {
			color:#333333;
			background: url(images/banner.png) top left no-repeat;
			height: 140px;
			font-style:italic;
		}
		
		    #header h1 {
		        display: none;
		    }
		
		#nav-level-1 {
			font-size: 4ex;
			background: #293c31 url(images/button-background.gif) top left repeat-x;
		}
		
			#nav-level-1 ul {
				margin: 0em;
				margin-left: 2em;
				padding: 0em;
				list-style-type: none;
				height: 1.6ex;
			}
			
				#nav-level-1 ul li {
					float: left;
					margin: 0px;
					padding: 0px;
					text-transform: uppercase;
				}
				
					
					#nav-level-1 a {
						display: block;
						width: auto;
						padding: 0.5ex 1em 1ex 0.8em;
						font-size: 1.1ex;						
						color: white;
						font-weight: bold;
						text-decoration: none;
						margin-left: 4px;
					}
										
					#nav-level-1 ul li.selected a {
						background: url(images/button-background-selected-right.gif) top right no-repeat;
						color: #deb43e;
						height: 13px;
					}
					
					#nav-level-1 a:hover {
						text-decoration: underline;
					}
					
			#nav-level-1 div.dummy {
				display: none;
			}
			
			#nav-level-1 > div.dummy {
				display: block;
				height: 1ex;
				margin: 0px;
				padding: 0px;
				margin-bottom: -1px;
			}
		
		#search-bar {
			background: #17392b url(images/search-bar-background.gif) bottom left repeat-x;
			padding: 0.5em;
			text-align: right;
			padding-right: 1.5em;
		}
		
		    #search-bar form {
		        margin: 0px;
		    }
		    
			    #search-bar * {
				    vertical-align: bottom;
			    }
    			
			    #search-bar label {
				    position: relative;
				    top: -5px;
				    color: #deb43e;
				    font-weight: bold;
				    font-size: 1.1em;
				    margin: 0px;
				    padding: 0px;
			    }
    			
			    #search-bar input {
				    color: #595353;
				    vertical-align: middle;
			    }
					
		#breadcrumbs {
			background-color: #f6f5f1;
			color: #595353;
			font-size: 1.3em;
			padding: 0.5em 3em;
			font-weight: bold;
		}
		
		    #breadcrumbs a {
		        color: #595353;
		        text-decoration: underline;
		    }
		    
		        #breadcrumbs a:hover {
		            text-decoration: none;
		        }
		    
		#content-container {
			clear: both;
			font-size: 1.5em;
			/*background: url(images/vertical-line.gif) 181px top no-repeat;*/
			background:#fff;
			

		}
		
			#nav-level-2 {
				float: left;
				width: 180px;
			}
			    
			    #nav-level-2 #logo {
			        margin-top: 1.5em;
			        margin-left: 24px;
			        border: 0px;
			    }
			
			    #nav-level-2 p.maori_translation {
			        font-size: 0.8em;
			        text-align: center;
			    }
			    
				#nav-level-2 dl {
					margin-top: 0.5em;
					padding-top: 0ex;
				}
			
					#nav-level-2 dd {
						display: none;
					}
				
					#nav-level-2 dt {
						margin: 0em;
						padding: 0em;
						list-style-type: none;
					}
					
						#nav-level-2 dt {
							border-top: 1px solid #f6f5f1;
							border-bottom: 1px solid #ddd7c8;
							font-size: 1.5ex;
							padding: 0.5em 0.8em;
							color: #666;
						}
						#nav-level-2 dt.header {
						    color: #1e3c32;
						    /* font-size: 1.5ex; */
						}
						
						#nav-level-2 dt.current {
							font-weight: bold;
							/*font-size: 1.5ex; */
							padding-left: 1.1em;
						}
						
						#nav-level-2 dt.top {
							border-top: none;
						}
						
						#nav-level-2 dt.bottom {
							border-bottom: none;
						}
						
							#nav-level-2 a {
								/* font-size: 1.5ex; */
								text-decoration: none;
								color: #666;
							}
							
								#nav-level-2 a:hover {
									text-decoration: underline;
								}
			            /*bens third level nav*/
						dt.third{
						    border-top: none !important;
						    border-bottom: none !important;
						    padding-left:2.1em !important;
						}
						dt.currentthird
						{
						    border-bottom: none !important;
						    border-top: none !important;
						    padding-left: 2.7em !important;
						    font-weight: bold;
						    font-size: 1.5ex !important;
						}
						dt.currentthirdbottom
						{
						    border-top: none !important;
						    padding-left: 2.7em !important;
						    font-weight: bold;
						    font-size: 1.5ex !important;
						}
						dt.thirdbottom
						{
						   padding-left:2.1em !important;
						   /*border-bottom: none;*/
						   border-top: none !important;
						}
						table.IO
						{
						    border: double 2px black;
						}
						ul.square
						{
						    list-style-type:square;
						}
						p.italics
						{
						    font-style:italic;
						}
						/**********************/
			#content {
				margin: 0em 1.5ex 1.5ex 181px;
				font-size: 0.8em;
				color: #4b4b4b;
				width: 72%;
			}
			
			    #content-inner {
			       border: 20px solid White; /*Geoff's awesome fix for stupid IE random padding problem*/
			    }
			    
			        #content h1 {
					    margin: 0px;
					    color: #1e3c32;
					    font-size: 1.5em;
					    font-weight: normal;
				    }
    				
					    #content h1 span {
						    display: block;
						    font-size: 1.2em;
					    }
    					
					    #content h1.small {
					        font-size: 1.2em;
					        font-weight: bold;
					        font-style:italic;
					    }
    					
				    #content h2 {
					    color: #1e3c32;
					    font-size: 1.2em;
				    }
    				
				    #content h3 {
					    color: #1e3c32;
					    font-size: 1em;
				    }
    				
    				#content h4 {
					    color: #1e3c32;
					    font-size: 0.9em;
					    font-style:italic;
				    }
				    				
				    #content p.leader {
					    font-weight: bold;
				    }
    				
				    #content ul {
					    /*color: #1c3d32;*/
					    /*padding: 0ex;*/
					    /*margin: 0ex 0ex 0ex 1.2em;*/ /*MUCKS up IE 6*/
					    /*margin: 0px 0px 0px 14px;*/
    					
				    }
    				
				            #content ul li, #content ol li {
				                margin-bottom: 1ex;
				            }
        				        
					            #content li span {
						            color: black;
					            }

                    #content .bigindent 
                    {
                        margin-left:80px;
                    }    					     
				    #content div.toc {
    				    
				    }
    				
				        #content ul.toc li {
				            float: left;
				            width: 95%;
				            list-style-type: none;
				            background: url(images/bullet.png) center left no-repeat;
				            padding-left: 10px;
				            margin-bottom: 1ex;
				        }
    				
				        #content ul.toc li.hidden {
				            visibility: hidden;
				        }
    				    
				        #content div.toc .clear {
				            clear: right;
				            height: 1px;
				        }
				    #content p.attr {
				        text-align: right;
				        font-style: italic;
				    }
    				
				    #content .search_results ul {
				        margin: 1ex 0ex;
				        padding: 0ex;
				    }
    				
				        #content .search_results li {
				            list-style-type: none;
				        }
    				    				
			        #content dd { 
			            list-style-type: circle;
			        }
    			    
			            #step_container {
			                position: relative;
			                left: -85px;
			                width: 599px;
			                margin-right: -105px;
			            }
    				
				            .column1 {
				                float: left; 
				                width: 150px;
				                background-color: #293c30;
				                border: 1px solid #595353;
				            }
    				        
				                #step_container .column1 h3 {
				                    margin: 1ex;
				                    color: #deb43e;
				                    font-weight: normal;
				                }
    				        
				            .column2 {
				                margin-left: 160px;
				            }
    				        
				                .column2 p {
				                    margin: 0ex;
				                }
    				        
				            div.arrow {
				                clear: both;
				                text-align: center;
				                margin-top: 3ex;
				            }
    				        
				            div.info {
				                background-color: #f6f5f1;
				                text-align: center;
				                font-style: italic;
				            }
				            div.border 
				            {
				                border: ridge 1px grey;
				                width: 90%;
				                padding: 5px;
				                margin-left: 10px;
				                
				            }
    				        
				    #content table {
				        margin-top: 2ex;
				    }
        				
			            #content table thead th {
			                color: #193a2f;
			                font-size: 2.2ex;
			            }
        			    
			            #content table tbody th {
			                color: #193a2f;
			                /*font-size: 1.4ex;*/
			            }
    			     
			        #content ul#jobs-list {
			            margin-top: 2ex;
			        }
    			    
			        #content a {
    			       
			        }
                    
			#footer {
				clear: both;
				padding: 0.7em 3em;
				font-size: 0.7em;
				background-color: #eae6dd;
				text-align: center;
				color: #3d3a33;
				font-weight: bold;
				position: relative;
			}
			
				#footer dl {
					margin: 0em;
					padding: 0em;
				}
				
					#footer dt {
						display: none;
					}
					
					#footer dd {
						display: inline;
						margin: 0em;
						border-right: 2em solid #eae6dd;
					}
					
					#footer dd.last {
						border-right: none;
					}
					
						#footer dd a {
							color: #3d3a33;
							text-decoration: none;
						}
						
						#footer dd a:hover {
							text-decoration: underline;
						}

			#bottom {
				background-color: #dad5c1;
				text-align: right;
				position: relative;
			}
			
			    #bottom img {
			        border: 0ex;
			    }