/** 
 * www.insurancernl.co.nz CSS Layout
 * Author: Fox Web Works
 * Copyright 2006 
 */ 


/* page layout */
body {
	background: #FFFFFF;
	font: 80% Arial, Verdana, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	}

h1 { font: 150%  Arial, Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT:normal; color:#003399;}
h2 { font: 100%  Arial, Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT:bold; color:#003399;}
h3 { font: 18px  Arial, Verdana, Arial, Helvetica, sans-serif; color:#663366; margin:0px;padding:0px}

textarea { font-family: Arial, Helvetica, sans-serif; }

div#content h2 a:link, div#content h2 a:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	}

div#content h2 a:hover {
	color: #006699;
	text-decoration: none;
	}
	
div#container	{
	/* Need this bg image to keep columns correct! */
	background: #FFFFFF url(../img/containerbg.gif) top left repeat-y; 
	color: #000000;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	text-align: left;
	width: 760px;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	}
	
div#header {
	position:relative;
	margin: 0;
	padding: 0;
	border: 0;
	z-index:4;
	background-image:url(../img/rnl_header.jpg);
	height: 92px;
	width: 760px;
	}

div#header h1 {
	background: #000000;
	margin: 0px;
	display: block;	
	}

div#header h1 span {
	display: none;
	}

.on {
	background-color:#6699CC;
}

.off {
	background-color:#003399;
}

.off_sub {
	background-color:#006699;
}

div#navigation{
	background-color: #003399;
	margin: 0px;
	padding: 0px;
	height:29px;
	}
	
div#navigation table {
	width:760px;
	}

div#navigation td {
	height:25px;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0px;
	border-right: 1px solid #ffffff; /* if we want a line between menu items */
	}
div#subnavigation {

}

div#navigation a {
	color: #ffffff;
	text-decoration: none;
	text-transform:capitalize;
	font-weight: normal;
	}

div#subnavigation table {
	background-color: #006699;
	margin: 0px;
	padding: 0px;
	height:23px;
	}

div#subnavigation td {
	height:21px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
	left: 90px;
	border-right: 0px solid #ffffff; /* if we want a line between menu items */
	}

div#subnavigation a {
	color: #ffffff;
	text-decoration: none;
	text-transform:capitalize;
	font-weight: normal;
	}

/* you are here - current page main menu highlighting */
body#home #menu_home,
body#insurance #menu_insurance,
body#about_us #menu_about_us,
body#contact_us #menu_contact_us,
body#newsletter #menu_newsletter,
body#downloads #menu_downloads,

body#business #menu_insurance,
body#personal #menu_insurance,
body#classiccar #menu_insurance,
body#travel #menu_insurance,
body#farm #menu_insurance,
body#life #menu_insurance
{
	height:25px;
	background-color:#6699CC;
}

/* you are here - current page sub menu highlighting */
body#business #menu_business,
body#personal #menu_personal,
body#classiccar #menu_classic_cars,
body#travel #menu_travel,
body#farm #menu_farm,
body#life #menu_life
 {
	/*height:21px;*/
	background-color:#6699CC;
} 

 
div#pagebody {
	background: transparent;
	margin: 0;
	}

div#main {
	display: block;
	float: left;	
	width: 500px;
	 /*\*/
	 display: table-cell; 
	 /* Safari min-height hack, but breaks macIE so is hidden from it with comment hack */
	 /*height: 360px; */ /* this is for Win IE - min-height is unsupported. */
}

/* fix up the min-height for real browsers */
div#pagebody>div#wrapper {
	height: auto;
	min-height: 360px;
	}

div#contentimage {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	}

div#content {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	padding-top:0px;
	padding-bottom: 40px;
	text-align:justify;
	}

div#content h2 span {
	display: block;
	}
	
div#content ul {
	list-style-type:square;
}



div#sidebar {
	background: transparent;
	margin-left: 0px;
	padding: 4px 0px 40px 20px;
	float:right;
	top:0px;
	position:relative;
	width:220px;
	}
	
div#banner {
	background: transparent;
	margin-left: 0px;
	padding: 4px 0px 40px 20px;
	float:left;
	top:0px;
	position:relative;
	width:300px;
	}

div#sideimages p{
	margin:0px 0px 7px 0px ;
}

body#home div#sidebar,
body#about_us div#sidebar,
body#contact_us div#sidebar,
body#newsletter div#sidebar,
body#downloads div#sidebar,
body#faqs div#sidebar,
body#sitemap div#sidebar,
body#links div#sidebar,
body#privacy div#sidebar,
body#legal div#sidebar,
body#faqs div#sidebar {
	top:27px;
}

div#rightmenu {
	padding:0px 3px 10px 0px;
}

div#footer {
	clear: both;
	/*border-top: 1px solid #663366;*/
	background: #ffffff;
	font-size: 80%;
	text-align: center;
	margin-top:5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width:100%;
	}


div#footer a:link, div#footer a:visited {
	color: #000;
	text-decoration: underline;
	}
	
div#content p {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	}

div#content a, div#content a:visited, div#sideimages a, div#sideimages a:visited{
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	font-size: 100%;
	}

div#content a:hover, div#sideimages a:hover {
	color: #663366;
	text-decoration: none;
	}

div#rightmenu a, div#rightmenu a:visited{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-size: 90%;
	}

div#rightmenu a:hover {
	color: #663366;
	text-decoration: underline;
	}
	
div#box {
	width:193px;
	border: 1px solid #CC0000;
	padding:4px 11px;
}

div#boxtitle {
	padding:4px 11px;
	width:193px;
	border: 1px solid #CC0000;
	background-color:#CC0000;
	color:#FFFFFF;
}

div#box2 {
	z-index:200;
	padding:0px;
	margin:0px;
	max-height:138px;
	height:138px;
}

div#box2text {
	padding:4px;
	width:150px;
	/*position: relative;
	top: -130px;
	left: 45px;*/
	z-index:100;
	margin:-130px 0px 0px 0px;
	padding-left:45px;
	}

div#box2a {
z-index: 600;
}
div#box2atitle {
	padding:4px 11px;	
	border: 1px solid #663366;
	background-color:#663366;
	color:#FFFFFF;
}

div#box2atext {
	padding:4px;
	width:150px;
	position: relative;
	top: -130px;
	left: 45px;
	z-index:100;
	max-height:138px;
	}

div#box3 {
z-index: 400;
width:230px;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
}
div#box3title {
	padding:4px 11px;
	width:193px;
	border: 1px solid #663366;
	background-color:#663366;
	color:#FFFFFF;
}

div#box3text {
	width:110px;
	/*position: relative;*/
	margin:-130px 0px 0px 0px;
	padding-left:120px;
	/*top: -130px;
	left: 218px;*/
	z-index:300;
	color:#FFFFFF;
	}
	
div#box3text a, div#box3text a:visited{
color:#FFFFFF;
text-decoration:underline;
}
div#box3text a:hover, div#box3text a:active {
color:#FFFFFF;
text-decoration:none;
}

	
div#box7 {
z-index: 400;
width:230px;
border:1px solid 333333;
}

div#box7text {
	width:125px;
	/*position: relative;*/
	margin:-130px 0px 0px 0px;
	padding-left:100px;
	text-align:left;
	/*top: -130px;
	left: 218px;*/
	z-index:300;
	color:#000000;
	}
div#box7link {
	width:155px;
	/*position: relative;*/
	margin:0px 0px 0px 0px;
	padding-left:75px;
	text-align:right;
	/*top: -130px;
	left: 218px;*/
	z-index:300;
	color:#000000;
	}

div#box7link a, div#box7link a:visited{
color:#000000;
text-decoration:underline;
}
div#box7link a:hover, div#box7link a:active {
color:#000000;
text-decoration:none;
}
	

div#box5 {
	width:185px;
	border: 1px solid #003399;
    background-color: #003399;
	padding:4px 11px;
}

div#archives {
	width:185px;
	border: 1px solid #006699;
    background-color: #006699;
	padding:4px 11px;
	padding-bottom:30px;
	color:white;
}
div#archives a, div#archives a:visited{
color:#FFFFFF;
text-decoration:underline;
}
div#archives a:hover, div#archives a:active {
color:#FFFFFF;
text-decoration:none;
}
div#box6 {
	width:185px;
	border: 1px solid #003399;
    background-color: #003399;
	padding:4px 11px;
	color:white;
}

div#box6 a, div#box6 a:visited{
color:#FFFFFF;
text-decoration:underline;
}
div#box6 a:hover, div#box6 a:active {
color:#FFFFFF;
text-decoration:none;
}

div#box5title {
	padding:4px 11px;
	width:185px;
	border: 1px solid #003399;
	background-color:#003399;
	color:#FFFFFF;
}

div#box5 a, div#box5 a:visited{
color:#FFFFFF;
text-decoration:underline;
}
div#box5 a:hover, div#box5 a:active {
color:#FFFFFF;
text-decoration:none;
}

div#banners table {
	max-height:138px;
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:top;
}

div#banners table tr {
	max-height:138px;
}

.submenu li {
	list-style-image:url(../img/arrow.gif);
}

.indent {
	padding: 0px 0px 0px 0px;
	margin:0px;
}

.lite {
	background-color:#CCCCCC;
}

.med {
	background-color:#999999;
}

.bold {
	font-weight: bold;
}

.border {
	border: 1px solid #333333;
	background-color:#999999;
	color:#FFFFFF;
	font-size:90%;
}

.border td {
	background-color:#999999;
}

.nopadding {
	padding:0px;
	margin:0px;
}

.imgborder {
border: 1px solid #333333; padding:2px; 
}

#house_insurance, #content_insurance, #motor_vehicle_insurance,
#classic_vehicle_insurance,
#boat_insurance,
#travel_insurance{
background-color:white;
}

#house_insurance td, #content_insurance td,
#motor_vehicle_insurance td,
#classic_vehicle_insurance td,
#boat_insurance td,
#travel_insurance td{
background-color:#CCCCCC;
padding:5px;
}

.button_active {
background-color:#006699;
color:white;
font-size:11px;
padding:3px;
border:1px solid #CCCCCC;
}
.button {
background-color:#003399;
color:white;
font-size:11px;
padding:3px;
border:1px solid #CCCCCC;
}
#submit {
float:right;
right:0px;

}