/*

*	Lyttelton.net.nz Design.

*	Created on 7th August 2007.

*	(c)2007 Palace Media.

*/

* {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

BODY {BACKGROUND:  url(/images/newcontentbg4.jpg) #a1a1a1 repeat-y; MARGIN: 0px; FONT-SIZE: 11px;

	COLOR: #fff; FONT-FAMILY:verdana,arial,sans-serif}

P,TD {MARGIN-TOP: 0px; margin-bottom:10px; FONT: 1em verdana, arial, sans-serif;}

table { text-align:center;margin: 0px auto 10px auto; font-size:1em; border:1px solid #434253}

td {border:1px solid #434253; margin:0px; padding:2px 6px 2px 6px}

H3 {MARGIN: 15px 0px 10px 0px; FONT: normal bold 16px arial, verdana, sans-serif; background-color:#6f80ac; COLOR: #ccd8f8; LETTER-SPACING: 1px}

H5 {MARGIN: 15px 0px 0px 10px; FONT: bolder italic 14px sans-serif, arial, verdana; background-color:#6f80ac; COLOR: #fff; LETTER-SPACING: 1px}



img {border:none;}

.name {font-weight:bold}



A:link {FONT-WEIGHT: bold; background-color:#6f80ac; COLOR: #ffff00; TEXT-DECORATION: none}

A:visited {FONT-WEIGHT: bold; background-color:#6f80ac; COLOR: #ffff00; TEXT-DECORATION: none}

A:hover {background-color:#6f80ac; COLOR: #ffff00; TEXT-DECORATION: underline}

A:active {background-color:#6f80ac; COLOR: #ffff00; TEXT-DECORATION: underline}



#wrapper { padding: 0px 0px 0px 20px;}



#pageHeader {MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; }

#pageHeader H1 {MARGIN-TOP: 0px; BACKGROUND:   url(/images/banner.jpg) no-repeat left bottom; MARGIN-BOTTOM: 0px; WIDTH: 780px; HEIGHT: 120px}

#pageHeader H1 SPAN {DISPLAY: none}



#navbar {padding: 5px 0px 5px 0px; WIDTH: 780px;}

#navbar A {padding-left:20px; padding-right:20px; FONT-WEIGHT: normal}

#navbar .last_updated {padding-right:5px; float:right}



#header {width:780px;padding-top:1px; display:none;}

#header h3 {font-style: normal; background-color:#6f80ac; color: #ccd8f8; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px;}

#header .leftcolumnheader {width:560px;float:left; text-align:center}

#header .rightcolumnheader {width:220px;float:right; text-align:center}

#header .middlecolumnheader {padding-left: 200px}



		

#container {PADDING: 1px 0px 0px 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 790px;}



#main {padding: 0px 0px 0px 0px; margin: 0px 230px 0px 280px;}



#right {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:right; width: 230px;}



#left {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; width:280px;}



#vision {MARGIN: 0px 5px 20px 3px; padding: 0px;}

#vision p {margin-left:15px;}

#vision H3 {MARGIN: 5px 0px 10px 10px; padding: 0px;}

#vision LI {margin: 0px 0px 5px 10px; padding: 0px; background-color:#6f80ac; COLOR: #ffffff}



#mission {MARGIN: 0px 5px 20px 3px; padding: 0px;}

#mission H3 {MARGIN: 5px 10px 0px 10px; padding: 0px;}

#mission LI {MARGIN: 0px 0px 5px 10px; padding: 0px; background-color:#6f80ac; COLOR: #ffffff}



#supportingText {TEXT-ALIGN: left;FONT: 1.3em arial, verdana, sans-serif; border: 1px solid #434253; margin: 0px 10px 10px 0px; padding-top:10px; background-color:#6f80ac; color: #ffffff}

#supportingText A {FONT-WEIGHT: normal; background-color:#6f80ac; COLOR: #ffff00}



#explanation {padding: 0px 10px 0px 10px;}

#explanation H3 { margin-top:5px;}

#explanation .name {MARGIN-TOP: 10px; background-color:#6f80ac; COLOR: #ccd8f8; FONT-SIZE: 1.1em; FONT-WEIGHT: bold}

#explanation .type {FONT-WEIGHT: bold}

#explanation SPAN.emphasis {FONT-WEIGHT: bold; background-color:#6f80ac; COLOR: #ffff00}

#explanation .phone {FONT-STYLE: italic}

#explanation P.p1 {TEXT-ALIGN: left}

#explanation P.p2 {MARGIN-RIGHT: 20px; TEXT-ALIGN: left}



.box {border:1px solid #434253; margin:0px 10px 10px 0px; padding:5px 5px 5px 5px; background-color:#6f80ac; color: #ffffff}



#bigbox {font-size: 1.3em; border:1px solid #434253; margin: 0px 10px 10px 0px;padding: 15px; background-color:#6f80ac; color: #ffffff; text-align:justify;}

#bigbox UL {text-align:left}



.menubox {border:1px solid #434253; margin: 0px 10px 10px 0px;padding: 5px; background-color:#6f80ac; color: #ffffff}



#lyttelton_news ol li {margin-top: 10px; margin-left: -18px}

#lyttelton_news ol li p {margin-top: -5px}

#lyttelton_news ol li p.first {margin-top: -5px}



.boxnav {float:right}



.boxnav a {border-left: 1px solid #434253;  padding: 0px 6px 0px 10px; margin: 0;}



.toptitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold}

.secondtitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold}

.littletextnostrike {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color:#6f80ac; color: #666666; text-decoration: none}

.style1 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}

.style2 {font-family: Arial, Helvetica, sans-serif}

.style4 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: small; }





