/*/////Normalisation/////*/
body,  ul, ol, li, h1, h2, h3, h4, form, input, p, blockquote{
margin: 0;
padding: 0;
}

/* Core CSS */	
body{
font: 11px/1.5em Helvetica, Arial, sans-serif;
background-color:#999999;
color:#000000;
text-align: center;
background-image:url(images/BG.png);
}

#content{
margin: 0px auto 0px auto;
width: 902px;
padding:0px;
text-align: left;
background-image:url(images/DIV_BG.png);
background-repeat:no-repeat;
background-repeat:repeat-y;
background-color:#FFFFFF;
}

#main_content{
width:902px;
background-image:url(images/Bottom.png);
background-position:bottom;
background-repeat:no-repeat;
}
	
#branding{
width:897px;
background-image:url(images/Header.jpg);
background-repeat:no-repeat;
height:254px;
margin-left:4px;
}

/*/////Lists/////*/
ol{
list-style:none;
padding:10px;
}

ul{list-style:none;}

/*////////Column Positioning///////*/

#left_column{
width:550px;
height:450px;
margin-left:-30px;
padding:20px;
padding-left:55px;
}

#right_column{
position:absolute;
top:254px;
margin-left:598px;
width:240px;
height:420px;
padding:30px;
}
/*/text formatting/*/

h1{
color:#BD0930;
font-size:3.6em;
line-height:1.2em;
}

h2{
color:#FFFFFF;
font-size:1.5em;
text-align:center;
margin-top:-10px;
margin-bottom:10px;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:1.7em;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
}

h3 a{
color:#CCCCCC;
text-decoration:none;
}

h3 a:hover{
color:#FFFFFF;
text-decoration:underline;
}

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:1.5em;
padding:10px;
padding-bottom:0px;
}

p{
color:#333333;
font-size:120%;
font-family:Arial, sans-serif;
line-height:1.3em;
padding-bottom:15px;
}

.larger{font-size:140%;}
.smaller{font-size:40%;}

/*////Back Button/////*/
#Back{
background:url(images/Back.png) no-repeat;
height:44px;
width:200px;
margin-left:62px;
margin-top:-15px;
}
/*////////Rounded corners Css Version for CSS 1 & 2//////////*/
#boxspace{
padding:10px;
padding-left:8px;
position:relative;
}
/*////Actual Corners/////*/
.box-topleft{background: url(images/corners/topleft.gif) no-repeat top left;background-color:#FFFFFF;}

.box-topright{background: url(images/corners/topright.gif) no-repeat top right;}

.box-bottomleft{background: url(images/corners/bottomleft.gif) no-repeat bottom left;}

.box-bottomright{background: url(images/corners/bottomright.gif) no-repeat bottom right;}
/*///////////////////////*/


/*////////////////Directory Page CSS/////////////////////*/
#left_column_directory{
width:550px;
margin-left:-30px;
padding:20px;
padding-left:53px;
}
	
#right_column_directory{
position:absolute;
top:254px;
margin-left:598px;
width:240px;
height:420px;
padding:30px;
}

#listing_header{
width:594px;
display:block;
margin-left:-19px;
}

#listing_catagory{
width:594px;
display:block;
margin-left:-19px;
background-color:#333333;
border-bottom:#666666;
border-bottom-style:outset;
}

.switch{
position:relative;
margin-left:-15px;
margin-bottom:-5px;
}

#listing_catagory h3{
font-size:1.1em;
color:#CCCCCC;
}

#listing_image{
position:absolute;
margin-left:430px;
padding:5px;
height:100px;
width:152px;
}
	
#listingA{
background-color:#FFFFCC;
margin-right:-25px;
margin-left:-17px;
min-height:110px;
}

#listingB{
background-color:#F9F9E5;
margin-right:-25px;
margin-left:-17px;
min-height:110px;
}
		
/*////Title colours added via class...////*/	
.Christchurch{background-color:#B51123;}
.Kaikoura{background-color:#A08A73;}
.AlpinePacific{background-color:#FFC019;}
.Waimakariri{background-color:#76919A;}
.BanksPeninsula{background-color:#49B58E;}
.Selwyn{background-color:#9CB401;}
.Ashburton{background-color:#FF8109;}
.MountCook{background-color:#0381A4;}
.Central{background-color:#7F9A91;}
											
/*////Images put on the top right of right hand column for each area...////*/
#CHCH{
position:absolute;
background-image:url(images/directory/CHCH/CHCH.jpg);
background-repeat:no-repeat;
width:280px;
margin-left:585px;
height:192px;
z-index:1000;/*I use 1000 purely to force to front NO MATTER WHAT!*/
}

#KAI{
position:absolute;
background-image:url(images/directory/KAI/KAI.jpg);
background-repeat:no-repeat;
width:280px;
margin-left:585px;
height:192px;
z-index:1000;
}

#APT{
position:absolute;
background-image:url(images/directory/APT/APT.jpg);
background-repeat:no-repeat;
width:280px;
margin-left:585px;
height:192px;
z-index:1000;
}

#WAIM{
position:absolute;
background-image:url(images/directory/WAIM/WAIM.jpg);
background-repeat:no-repeat;
width:280px;
margin-left:585px;
height:192px;
z-index:1000;
}

#BANKS{
position:absolute;
background-image:url(images/directory/BANKS/BANKS.jpg);
background-repeat:no-repeat;
width:280px;
margin-left:585px;
height:192px;
z-index:1000;
}

#SELWYN{
position:absolute;
background-image:url(images/directory/SELWYN/SELWYN.jpg);
background-repeat:no-repeat;
width:280px;
margin-left:585px;
height:192px;
z-index:1000;
}

#ASH{
position:absolute;
background-image:url(images/directory/ASH/ASH.jpg);
background-repeat:no-repeat;
width:280px;
margin-left:585px;
height:192px;
z-index:1000;
}

#MACK{
position:absolute;
background-image:url(images/directory/MACK/MACK.jpg);
background-repeat:no-repeat;
width:280px;
margin-left:585px;
height:192px;
z-index:1000;
}

#CCI{
position:absolute;
background-image:url(images/directory/CCI/CCI.jpg);
background-repeat:no-repeat;
width:280px;
margin-left:585px;
height:192px;
z-index:1000;
}
	
		
/*////////Sliders CSS////////////*/		
#slider{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider2{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider3{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider4{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider5{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider6{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider7{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}


#slider8{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider9{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider10{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider11{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider12{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider13{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider14{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider15{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider16{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider17{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

#slider18{
padding: 0px;
margin: 0px;
margin-left:-20px;
padding-left:20px;
margin-right:-25px;
position:relative;
}

/*///////////Author CSS////////////*/
#footer_directory{
padding: 4px 26px -30px 50px;
font-size:.9em;
font-family:Arial, sans-serif;
color:#96152D;
margin: 0px 0px -45px -26px;
text-align: center;
}

#footer{
padding: 4px 26px -30px 50px;
font-size:.9em;
font-family:Arial, sans-serif;
color:#96152D;
margin: 0px 0px -43px -26px;
text-align: center;
}

.BeckandCaul{color:#A80025;}

a.BeckandCaul:hover{color:#FFFFFF;}

h3.toggler {cursor: pointer;}