/*
* Style Sheet for yare.co.nz 2009
* @autor: Filype Pereira <filype@ocular.co.nz>
*
*/

html, body {
 margin:0;
 padding:0;
}

body {
 background:#fff;
 line-height: 1em;
 color:#555;
 font:normal 1em Georgia, serif;
}

#header h1#logo a {
 background-image: url(http://www.yare.co.nz/fileadmin/yare/yare_header.jpg);
 width:800px;
 height:150px;
 display:block;
 text-indent:-999em;
}

#crumbs {
display: none;
font-size:10px;
padding: 3px 0 1px 10px;
width: 640px;
height:10px;
text-align:left;
}

form {
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 1.0em;
   margin-bottom: 4px;
       color: #1C285D;
    text-align:left;       
}

h2 {
    font-size: 0.93em;
    border-top: 1px dotted  #5D7592; 
    color: #1C285D;
       margin-bottom: 3px;
    text-align:left;       
}

h3 {
    font-size: 0.92em;
    color: #5D7592;
    text-align:left;    
}

h4 {
    font-size: .85em;
    color: #5D7592;
    text-align:left;    
}

h5 {
    font-size: .82em;
    color: #5D7592;
    text-align:left;    
}


p {
margin-top: 3px;
margin-bottom:6px;
line-height: 130%;
    text-align:left;
}

p.align-center {
text-align: center;
}

ul, ol {

    text-align: left;
}


/* Center Content */

#centercontent img.imgright {
   float:right;
   padding: 0 0 4px 4px;
 }

#centercontent img.imgleft {
   float:left;
   padding: 0 4px 4px 0;
}

#centercontent a {
font-weight:normal;
}

#centercontent ul, ol {
    font-family: Arial, sans-serif;
    font-size: 0.90em;
    text-align: left;
}

#centercontent .csc-section ul {
    list-style-type: none;
}



/*
    Main Positioning CSS Styles - heavily modified from :
    http://realworldstyle.com/nn4_3col_header.html as an example
*/

#header {
    margin: 0;
    height: 150px;
    width: 800px;
    background-color: #fff;
    color: #fff;
    border-bottom: 3px solid #fff;
    vertical-align: bottom;
    background-image: url(yare_header.jpg);
    background-repeat: no-repeat;
}

#header form {
    margin: 135px 0 0 0;
    padding: 0px;
    padding-right: 20px;
    float: right;
}

#leftcontent {
    border: 0;
    margin: 5px 0 0 0;
    padding: 0;
    float: left;
    width: 150px;
    border-style: none;
    background-color: #5D7592;
    color: #D7DCE4;
}

#leftcontent ul {
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 30px 0 100px 0;
}

#leftcontent ul li {
    display: block;
    text-align: left;
    text-transform: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    width: 150px;
}

#leftcontent ul li a {
    padding: 4px 6px 4px 10px;
    margin: 0;
    color: #D7DCE4;
    text-decoration: none;
    display: block;
    text-align: left;
    font-weight: bold;
 border:1px solid #5D7592;    
}

#leftcontent ul li a:hover {
    color: #fff;
    background-color: #FF5200;
        text-decoration: none;
 border-style: dotted;
  border-width: 1px 0 1px 0;
 border-color: #1D2A5C;
}


#leftcontent li.active a {
    padding: 2px 6px 2px 10px;
    margin: 0;
    color: #1D2A5C;
    text-decoration: none;
    display: block;
    text-align: left;

}

#leftcontent li.active a:hover {
    color: #fff;
}


/* sub menu 1st level */

#sub {
    border: 0;
    margin: 0;
    padding: 0;
    width: 150px;
    background-color: #AEBAC8;
    border-style: none;
}

#sub ul {
    background-color: #AEBAC8;
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 0;

}

#sub ul li {
    display: block;
    text-align: left;
    text-transform:none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    width: 150px;
}

#sub ul li a {

    padding: 5px 6px 5px 12px;
    margin: 0;
    color: #5D7592;
    text-decoration: none;
    display: block;
    text-align: left;
    font-weight: bold;
    border-style: solid;
     border-width: 1px 0 1px 0;
      border-color: #AEBAC8;
}

#sub ul li a:hover {
    color: #fff; 
}


#sub li.active a {
    border-style:solid;
      border-width: 1px 0 1px 0;
      border-color: #AEBAC8;   
    padding: 5px 6px 5px 12px;
    margin: 0;
    color: #1D2A5C;
    text-decoration: none;
    display: block;
    text-align: left;
    font-weight: bold;
    background-color: #AEBAC8;
}


/* sub menu 1st level */

#subsub {
    border: 0;
    margin: 0;
    padding: 0;
    width: 150px;
    background-color: #AEBAC8;
    border-style: dotted;
    border-color: #4a0000;
    border-width: 1px 0 1px 0;
}

#subsub ul {
    background-color: #AEBAC8;
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 0;

}

#subsub ul li {
    display: block;
    text-align: left;
    text-transform:none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    width: 150px;
}

#subsub ul li a {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #AEBAC8;
    padding: 5px 6px 5px 22px;
    margin: 0;
    color: #5D7592;
    text-decoration: none;
    display: block;
    text-align: left;
    font-weight: bold;
}

#subsub ul li a:hover {
    color: #fff; 
}
#subsub li.active a {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #AEBAC8;
    padding: 5px 6px 5px 22px;

}

#outerwrap {
    margin-top: 4px;
    padding-top: 0;
    width: 800px;
    background-color:  #fff;
   border: 1px solid #fff;
   overflow:hidden;
}

div#outerwrap
{
margin-left: auto;
margin-right: auto;
width: 800px;
}

#rightcontent {
    width: 136px;
    color: #000;

    margin-top: 0px;
    background-color: #fff;
    float: right;
    border-style: solid;
    border-color: #000;
    border-width: 0 0 0 0;
    text-align:left;
   overflow:hidden;
}

#rightcontentinside {
height: 190px;
font-size: 12px;
}

/* the nightmare that is centre columns */

#centercontentWrap {
    margin: 0 136px 0 150px;
    min-height:425px;
    background-color:#fff;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 0 1px;
}

#centercontentwide {
    margin: 0 0 0 150px;
    min-height:425px;
    background-color:#fff;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 0 0;


}

/* for Internet Explorer */
/*\*/
* html .minheight  {
height: 425px;
}
/**/

#centercontent {
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 10px;
    padding-right: 10px;
    text-align:left;
}



a:link  {  text-decoration: none; color: #123FE7; }
a:active {  text-decoration: none}
a:visited {  text-decoration: none; color: #964F32; }
a:hover  {  text-decoration: underline}

#footer {

    width: 800px;
    height: 20px;
    background-color: #fff;
    text-align: center;
    color: #696969;
    font-size: 12px;
    font-weight: normal;
    clear: both;

    border-top: solid 3px #fff;
padding: 0;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.csc-mailform {
border-style:none;
}