/***************** 1. Layout ****************/
html {
	height: 100%;
	}
	
body {
	height: 100%;
	background-image: url(http://www.dayspring.org.nz/i/sunset2.jpg);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	margin-left: auto;
	margin-right: auto;
	font-family: arial, helvetica, verdana, sans-serif;
}

/* IE6 star HTML hack to ensure 100% height means exactly that */
* html #pageBackground {
	height: 100%;
	}
	
div.sail {
  background:
  url(http://www.dayspring.org.nz/i/top_left.gif) top left no-repeat;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 50px;
  }

/* One-off for Knox Church contact form */
div.knox {
  background:
  url(http://www.dayspring.org.nz/i/top_left_knox.gif) top left no-repeat;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 50px;
  }
  
div.editable {
	width: 770px;
 	padding-top: 130px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0px;
  }
  
div.content {
	padding: 5px 15px 5px 15px;
}

div.right {
	float: right;
	width: 200px;
	margin-left: 10px;
}

div.news {
	float: right;
	width: 200px;
	border: 1px solid #0B1462;
	background-color: #96ADE6;
	margin-bottom: 10px;
}

div.footer {
	background-color: #0b1462;
	min-height: 40px;
	height: auto !important;
  	height: 40px;
}
div.footer_text {
	color: #FFFFFF;
	font-weight: 500;
	font-size: 10px;
	text-transform: uppercase;
}
table.footer_table {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.footer_text a {
	color: #FFFFFF;
	text-decoration: none;
}
div.footer_text a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
div.footer_text a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/***************** 2. Headings ****************/

h1 {
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 15px;
	color: #F36300;
	font-weight: 800;
	text-transform: uppercase;
	border-bottom: 1px solid #F36300;
}
h2 {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #0b1462;
}

h2 a {
	color: #0b1462;
	text-decoration: none;
}

h3 {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 11.5px;
	font-weight: 600;
	color: #F36300;
	margin-bottom: 2px;
}
h4 {
	padding-left: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #0b1462;
}

p,ul {
	margin-top: 2px;
	margin-bottom: 9px;
	font-size: 11px;
	color: #1F1F1F;
}

ul
  {
 	margin-left: 0;
	padding-left: 1em;
	text-indent: 0em;
  }
li
  {
  margin-left: 10px;
  }

a:link, a:visited, a:hover {
	color: Blue;
}

/***************** 3. Images ****************/
img.rightpicture {
	float: right;
	margin-left: 10px;
	border: 0px;
}
img.leftpicture {
	float: left;
	margin-right: 10px;
	border: 0px;
}
img.centrepicture {
	margin-left: auto;
	margin-right: auto;
	border: 0px;
}

/***************** 4. Tabs ****************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#invertedtabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: white;
background: #0b1462 url(http://www.dayspring.org.nz/i/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(http://www.dayspring.org.nz/i/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}

#invertedtabs a:hover{
background-color: #F36300;
}

#invertedtabs a:hover span{
background-color: #F36300;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #F36300;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #0B1462;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/***************** 5. Forms ****************/

/* form formatting */
fieldset.form_fields {
	border: 1px solid #0B1462;
	background-color: #96ADE6;
	padding: 5px;
	margin: 10px 0;
	width: 450px;
}

fieldset.form_fields_contact {
	border: 1px solid #0B1462;
	background-color: #96ADE6;
	padding: 5px;
	margin: 10px 0;
	width: 400px;
}
fieldset.form_fields legend {
	font-weight: bold;
	color: #F36300;
	max-width: 500px;
	}
div.form_fields{
	padding: 2px 0;
	font-size: 11px;
	}
textarea.appform{
	width: 400px;
	font-size: 10px;
	}
textarea.contactform{
	width: 300px;
	font-size: 10px;
	}
input.appform{
	width: 300px;
	font-size: 10px;
	}
select.appform{
	font-size: 10px;
	}
input.appform_sm{
	width: 120px;
	font-size: 10px;
	}
.appsubmit{
	width: 100px;
	float: right;
	}