html{
 height: 100%;/*background-color : #fff;*/
}
body
{
 margin : 0;
 padding : 0;
 background: url(http://www.tuapekamouthferry.co.nz/uploads/climg/bg.gif) repeat-x;
 height: 100%;
 background-color:#E9F2F1;
}
.container{
 width : 1110px;
 min-height: 100%;
 border:0px solid black;
 height: auto !important;
 height: 100% ;
 margin: 0 auto;
 margin-bottom: -50px;
 overflow:hidden;
 background: url(http://www.tuapekamouthferry.co.nz/uploads/climg/main_bg.png) repeat-y;
 }
.header{
 width : 1095px;
 background: url(http://www.tuapekamouthferry.co.nz/uploads/climg/head_bg.gif) repeat-x;
 height:150px;
 float:left;
 margin-left:8px;
 }
.headertop{
 width : 1050px;
 height:80px;
 float:left;
 text-align:right;
 border:0px solid green;
}

.menuarea{
 width : 900px;
 height:65px;
 float:left;
 border:0px solid red;
 margin-left:0px;
}
.middleband{
 width : 1096px;
 height:231px;
 float:left;
 margin-left:7px;
 border:0px solid red;
  background: url(http://www.tuapekamouthferry.co.nz/uploads/climg/cinfo_bg.gif) repeat-x;
}
.cinfo{
	float:left;
	width:294px;
	height:231px;
         BORDER-LEFT:1PX SOLID WHITE;
         padding-left:10px;
}
.logo{
 width : 518px;
 float:left;
 margin-left:1px;
 border:0px solid red;
position:absolute;
 z-index:99;
}
.midimage{
 width :791px;
 height:231px;
 float:left;
}


.content{
  width:1098px;
  float:left;
  border:0px solid red;
   border-top:0px solid red;
}
.footerarea {
 width:1096px;
 height: 50px;
 margin: 0 auto;
 text-align:right;border:0px solid black;

}
.footer{
 width:1096px;
 height:50px;
 float:right;
}
/* Stylesheet: Main CSS Modified On 2013-02-13 15:26:05 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
	/*margin: 0;
	padding: 0;
	position:relative;*/
	z-index:2;
}
.clearb {
	clear: both;
}
#menuwrapper {
	height: auto;
             width:auto;
             float:right;
             padding: 0;  
             margin-right:10px;
	border: 0px solid #CCCCCC;
}

ul#primary-nav, ul#primary-nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}

ul#primary-nav {
	padding-top: 0px;
	padding-left: 0px;
            align:center;
}

ul#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
	border-top: 0px solid #C8D3D7;
	border-right: 0px solid #C8D3D7;
	border-bottom: 0px solid #ADC0C7;
	border-left: 0px solid #A5B9C0;
             margin-top:0px;
}
ul#primary-nav ul ul {
	margin-left: -1px;
	left: 100%;
	top: 0px;
            width:auto;
            margin-top: -1px;
}

ul#primary-nav li {
	float: left;
         border:0px solid black;
         margin-top:25px;
            }
#primary-nav li li {
	width: 220px;
	margin-left: 0px;
	margin-top: 0px;
	float: none;
	position: relative;
	background:none;
             border-bottom: 0px solid white;
             border-top: 0px solid white;
             border:0px solid red;
}

ul#primary-nav li a {
	font-size: 14px;
	color: #fff;
	padding: 20px 25px 0px 25px;
	display: block;
	text-decoration: none;
	text-transform:uppercase;
         border:0px solid red;
        font-family:tahoma, Trebuchet MS,arial, tahoma;
        font-weight:normal;
}

a.lastone {
            background:  url(http://www.tuapekamouthferry.co.nz/uploads/cmimg/menup1.png) no-repeat right 2px;
            border:0px solid red;
}


ul#primary-nav li a.lastone {
            background:  url(http://www.tuapekamouthferry.co.nz/uploads/cmimg/menup1.gif) no-repeat right 2px;
            border:0px solid red;
}

ul#primary-nav li a:hover {
	background:  url(http://www.tuapekamouthferry.co.nz/uploads/climg/menuh.png);
	background-position:top left;
	background-repeat:repeat-x;
             color:#fff;
}

ul#primary-nav li li a:hover {
	color: #FFF; background-image: none;
}

ul#primary-nav li a.menuactive {
	background:  url(http://www.tuapekamouthferry.co.nz/uploads/climg/menuh.png);
	background-position:top left;
	background-repeat:repeat-x;
             color:#fff;	
}

ul#primary-nav li li a.menuactive {
	color: #fff;
	font-weight: normal;
             color:#fff;
}
ul#primary-nav li a.menuactive:hover {
	color: #fff;
}

#primary-nav li li a.menuparent span {
	display: block;
	background:  url(http://www.tuapekamouthferry.co.nz/uploads/ngrey/parent.png) no-repeat 98% center;
}

* html #primary-nav li li a.menuparent span {
	background:  url(http://www.tuapekamouthferry.co.nz/uploads/ngrey/parent.gif) no-repeat 98% center;
}

ul#primary-nav li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 9px 3px 6px 15px;
	font-weight: normal;
	color: #000;
	border-bottom: 0 px solid white;
	border-right: 0 none;
	border-left: 0 none;
	text-transform:uppercase;
	font-size:11px;
             background:none;
             border-bottom:0px solid white;
}

ul#primary-nav li ul {
            background-color: #F4F4F4;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
             position: absolute;
	z-index: 999;
             border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
             border-left:10px solid #000;
}

ul#primary-nav li ul ul {

}

#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
	color: #fff
}

#primary-nav li li:hover,
#primary-nav li li.menuh,
#primary-nav li li.menuparenth,
#primary-nav li li.menuactiveh {
	background-image:  none;
	background-color:  #2C4FA0;
	color: #fff
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/* Stylesheet: Horizontal Menu CSS Modified On 2013-01-17 15:14:53 */
body {
border:0;
height:100%;
max-height:100%;
font-family:Century Gothic,Arial, Verdana, Helvetica, sans-serif;
margin:0;
padding:0;
}


html{
height:100%
}
html,body,p,th,td,li,dd,dt {
font-family:Tahoma, Century Gothic, Verdana, Helvetica, sans-serif;
font-size:14px;
line-height:160%;

}

a{
color:#122678;
font-size:14px;
line-height:160%
}

a:hover{
text-decoration:none;
}

a img{
border:0px;
}

p{
font-family: Tahoma, arial, verdana;
color:#202020;
font-size:14px;
line-height:160%;
padding-left:5px;
padding-top:5px;
padding-right:5px;
margin-left:10px;
margin-right:10px;
}

h1{
 margin:0px;
 text-align:left;
 font-family:Century Gothic ,Arial, Century Gothic, Verdana, Trebuchet MS;
 font-size:25px;
 font-weight:normal;
 color:#08379B;
 line-height:100%;
 padding-right:4px;
 padding-top:5px;
 padding-bottom:5px;
 margin-left:10px;
 margin-top:10px;
 margin-right:10px;
 border-bottom:0px solid #12277B;
}

h2{
 padding:0px;
 margin:0px;
 font-family: Trebuchet MS, Century Gothic ,Arial, Century Gothic, Verdana;
 font-size:16px;
 font-weight:normal;
 color:#004b95;
 padding:0px;
 margin-left:10px;
 padding-bottom:5px;
}
.cinfo h2{
 font-family:Century Gothic, Tahoma;
 font-size:18px;
 color:#000000;
 font-weight:bold;
 padding-top:10px;
 margin-bottom:-10px;
 padding-bottom:0px;
}
.cinfo p{
 font-size:13px;
 padding-left:20px;
 line-height:120%;
}

h3{
 padding:0px;
 margin:0px;
 font-family: Trebuchet MS, Tahoma, Century Gothic, Arial, Verdana;
 font-size:18px;
 font-weight:bold;
 color:#B50A1D;
 padding-right:4px;
 font-style:none;
 padding:10px;
 padding-top:25px;

}

h4{
 padding:0px;
 margin:0px;
 padding-bottom:1px;
 font-family: Trebuchet MS, Tahoma,Trebuchet MS, Century Gothic, Arial, Verdana;
 font-size:16px;
 font-weight:normal;
 color:#202020;
 padding-right:4px;
 margin-left:10px;
}

h5{
 padding:0px;
 margin:0px;
 padding-bottom:1px;
 font-family:Tahoma,Trebuchet MS,Century Gothic,Arial,Verdana;
 font-size:24px;
 font-weight:normal;
 color:#a40235;
/* padding:40px;*/
 padding-right:4px;
 margin-left:10px;
 margin-top:50px;
}


h6{
 padding:0px;
 margin:0px;
 font-family:Trebuchet MS,Century Gothic,Arial, Century Gothic,Verdana;
 font-size:14px;
 font-weight:normal;
 color:#328302;
 padding-right:4px;
 margin-left:10px
}

#tagline{
 text-align:right;
}

#tagline h2{
 color:#505050;
 font-weight:normal;
 font-size:22px;
 font-family:Trebuchet MS, Tahoma,Century Gothic,Arial,Verdana;
 margin-right:10px;
 padding-top:40px;
 line-height:120%;
 font-style:italic;
}

#contents {
 padding-left:5px;
 padding-right:0px;
 font-size:12px;
 line-height:160%;
}

#contents  ul{
 list-style:none;
 margin-left:-30px;
 *margin-left:10px;
}

#contents li{
 background-image:url(http://www.tuapekamouthferry.co.nz/uploads/climg/bullet.gif);
 background-repeat:no-repeat;
 background-position:1em 10px;
 padding-left:2.4em;
 line-height:180%;
color:#202020;
 }

#contents ol li{
 background-image:none;
 background-repeat:no-repeat;
 background-position:1em 10px;
 padding-left:2.4em;
 line-height:180%;
}

/* subscribe form*/

.subscribeform{
  font-family:Arial,Century Gothic,Trebuchet MS, Century Gothic,Verdana;
  font-size:14px;
  margin:0 auto;
  margin-left:20px;
  width:580px;
  padding:14px;
  border:solid 1px #ABD2E4;
  background:#E5F1FE;
}

.fieldset{
  border:0;
  padding-bottom:24px;
}

.captcha{
  border:solid 0px black;
  margin-left:-100;
  text-align:center;
}

.subscribeform textarea {
  width: 180px; 
  height: 60px;
  background-color:#fff; 
  border-bottom: 1px double #AAC5EE;
  border-top: 1px double #AAC5EE;
  border-left:1px double #AAC5EE;
  border-right:1px double #AAC5EE;
  margin:0px 20px 10px 10px;
}

.subscribeform label{
  display:block;
  text-align:right;
  font-family:Arial,Century Gothic,Trebuchet MS, Century Gothic,Verdana;
  width:180px;
  float:left;
  margin:3px 6px;
}

.subscribeform h1{
  padding:0px;
  margin:0px;
  text-align:left;
  font-family:Century Gothic,arial,Trebuchet MS, Century Gothic,Verdana;
  font-size:23px;
  font-weight:bold;
  color:#084188;
  padding-right:4px;
  padding-bottom:3px;
}

.subscribeform h2{
  font-family:Century Gothic,arial,Trebuchet MS, Century Gothic,Verdana;
  font-size:18px;
  font-weight:bold;
  color:#084188;
}

.subscribeform input{
  font-size:12px;
  padding:3px 2px;
  border:solid 1px #AAC5EE;
  width:180px;
  margin:0px 20px 10px 10px;
}

.subscribeform submit{
  color:#FFFFFF;
}

.subscribeform legend, h6 {
  font-size:18px;
  color:#2A56B2;
  padding-bottom:10px;
  font-family:Century Gothic,Arial ,Trebuchet MS, Century Gothic,Verdana;
  font-weight:bold; text-align:left
}

.submitsub input{
  width:190px;
  height:31px;
  font-size:14px;
  color:#FFFFFF;
  background-color:#084188;
  font-family:Century Gothic ,Arial ,Trebuchet MS, Century Gothic,Verdana;
  font-weight:bold;
}

.submitsub{
  padding-left:191px;
}

.error_messages{
  font-size:12px;
}

.errors{
  font-size:10px;
  padding-left:205px;
  color:#ff0000;
}

morelink{
  color:#7D0303;
  font-size:11px;
  font-weight:bold;
  padding-left:10px;
  margin-top:-12px;
}

#footer, #footer p{
  font-family:Tahoma,Century Gothic,Verdana;
  font-size:11px;
  color:#717171;
  padding-top:5px;
  margin-bottom:0px;
  margin-top:0px;
}

#footer a{
  font-family:Tahoma,Century Gothic ,Verdana;
  font-size:11px;
  color:#717171;
  font-weight:normal;
}

#footer a:hover{
  font-family:Tahoma ,Century Gothic ,Verdana;
  font-size:11px;
  color:#717171;
  text-decoration:none;
}
#footer{
  padding-top:0px;
  text-align:right;
}

#paddtd{
  padding:6px;
}

#leftcol h1{
  font-family:Trebuchet MS ,Verdana;
  font-size:18px;
  text-transform:uppercase;
  color:#21409a;
  font-weight:normal;
  border-bottom:1px dotted black;
}

#leftcol h2{
  font-family:Century Gothic, Trebuchet MS ,Verdana;
  font-size:20px;
  color:#fff;
  font-weight:bold;
  border:0px;
}
#leftcol h3{
  font-family:Century Gothic, Trebuchet MS ,Verdana;
  font-size:16px;
  color:#4C3522;
  font-weight:bold;
  border:0px;
}

#leftcol, #leftcol p, #leftcol a, #leftcol div{
  color:#fff;
}


#leftcol h4{
  color:#0698e2;
  font-size:12px;
  font-family:arial;
  background:url(http://www.tuapekamouthferry.co.nz/uploads/irimg/bullet.gif) no-repeat  left 4px;
  padding-left:14px;
}

#leftcol p{
  font-family:Tahoma,Century Gothic, Trebuchet MS ,Verdana;
  margin-top:0px;
  line-height:140%;
  font-size:12px;
}

#leftcol {
  margin-left:15px;
}

#leftcol a{
  margin-top:0px;
  color:#fff;
  font-weight:bold;
  font-size:12px;
}

.emailform textarea {
  width: 300px; 
  height: 160px;
}
/* Stylesheet: Layout CSS Modified On 2013-01-18 09:04:37 */