/*
Theme Name: DOB Pastoral Planning
Theme URI: http://pastoralplanning.diobrook.org/
Description: DOB Pastoral Planning CSS design
Version: 1.0
Author: Concept 64, Inc.
Author URI: http://www.concept64.com/
*/
* {
	margin:0;
	padding:0;

}

body {
	font: 75%/1.5 Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background: #FFF url(images/general/bg/bg-repeat.png) repeat-y top center;
}


h2 {
	font-size:1.8em;
	padding: .5em 0 0;
	line-height: 1.2em;
	font-weight: normal;
}

h3 {
	font-size:1.5em;
	padding: 1em 0 0 0;
	font-weight: normal;
}

h4 {
	padding-top: .5em;
	font-size:1.2em;
}

p {
	font-size:1em;
	text-align:left;
}

table {
	border: 1px solid #333;
	table-layout: fixed;
	border-collapse: collapse;
	margin: .5em 0;
}

td {
	border: 1px solid #333;
	padding: 3px;
	width: auto;
}

#content p {
	padding: .5em 0;
	text-align: left;
}

#content img {
	margin: 0 auto;
	text-align:center;
}


a, a:link, a:visited {
	color:#333;
	text-decoration:underline;
}

a:hover, a:active {
	color: #333;
	text-decoration:none;
	border-bottom: 1px dashed #333;
}

a img {
	vertical-align: middle;
	border: 0;
}

.nonvanilla #content ol {
	padding: 0 0 .5em 37px;
}

#content ul {
	padding: 0 0 .5em 37px;
	list-style: outside disc;
}

#content ul li p {
	padding: 0;
	display:inline;
}

#content blockquote {
	background: transparent url(images/general/icons/quote-reg.gif) no-repeat top left;
	margin: 1em 5px 5px 0px;
	padding-top: 25px;
	font-style: italic;
}

#content blockquote.bigger  {
	font-size: 1.2em;
}

#content blockquote p {
	background: transparent url(images/general/icons/quote-reg2.gif) no-repeat bottom right;
	padding: 0 0 25px 0;
}

#content .cite-source {
	text-align: right;
	font-style: italic;
	padding-bottom: 1em;
}

fieldset {
	border: 0;
}

hr {
	margin: 1em auto;
	color: #FFF;
	background-color: #FFF;
	height: 1px;
	width: 75%;
}

#main .errorBox {
	color:red;
	font-weight:bold;
}


#accessibility {
	display:none;
}

html, body {
	height: 100%;
}

.right {
	float:right;
	text-align:right;
	padding: 0 0 20px 20px;
}

.left {
	float:left;
	text-align:left;
	padding: 0 20px 20px 0;
}

div.pdf a {
	display:block;
	background:transparent url(images/pdf.gif) no-repeat center left;
	padding: 5px 5px 5px 35px;
	margin: 5px 0;
	width: auto;
	border: 0 !important;
}

/* structure */

#container {
	background: #f0eeec;
}

#header {
	margin: 0 auto;
	width: 920px;
	background: #FFF;
	position: relative;
}

#main {
	background: #dbcec6 url(images/general/bg/ext-grad-top.gif) repeat-x top left;
}

#main2 {
	width: 920px;
	margin: 0 auto;
}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute
weirdness as the method is enhanced */
#main2
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes
(I saw it happen many moons ago) makes the width of wrapper too small
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#main2:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#main2
	{
	display: inline-block;
	}
/*\*/
#main2
	{
	display: block;
	}
/* end easy clearing */

#navigation {
	float: left;
	width: 210px;
	padding-bottom: 15px;
}

#content {
	float: left;
	width: 500px;
	margin-left: 210px;
	padding-bottom: 10px;
}

#content2 {
	background: #e2d5cd url(images/general/bg/main-grad-top.gif) repeat-x top left;;
	padding: 20px;
}

#secondary {
	float: left;
	width: 210px;
	margin-left: -710px;
	padding-top: 335px;
	padding-bottom: 15px;
}

#footer {
	clear: both;
	background: transparent url(images/general/bg/ext-footer.gif) repeat-x top left;
}

#footer2 {
	margin: 0 auto;
	width: 890px;
	padding: 23px 15px 10px 15px;
}

/* header */

#header h1 {
	position: relative;
}

#header h1 a {
	width: 456px;
	height: 67px;
	display: block;
	text-indent: -999em;
	border-bottom: 0;
  overflow: hidden;
}

p.login {
	font-size: .9em;
	position: absolute;
	top: 10px;
	right: 15px;
	display: block;
	text-decoration: none;
}

p.login a:hover, p.login a:active{
	text-decoration: underline;
	border: 0;
}

a.parent-link {
	margin: 15px 15px;
	display: block;
	text-decoration: none;
}

a.parent-link:hover, a.parent-link:active{
	text-decoration: underline;
	border: 0;
}

/* search */

#search {
	position: absolute;
	top: 35px;
	right: 12px;
}

#search input {
	float: left;
	height: 1.4em;
	color: #333;
	padding: 1px 4px 0 4px;
	font-size: .9em;
}

#search select {
	margin: 0 0 0 4px ;
	float: left;
	color: #333;
	font-size: .9em;
}

#search select option{
	padding: 1px 4px 0 4px;
}

input#search-go {
	float: left;
	margin-top: -1px;
	height: 19px;
	width: 33px;
}

/* navigation */

#navigation h4 {
	display: none;
}

#navigation ul {
	list-style: none outside;
}

ul#mainnav {
	padding: 25px 13px 10px 13px;
}

ul#mainnav li, ul#subnav li {
	padding: 4px 2px 1.5em 27px;
	line-height: 1em;
}

ul#mainnav li a, ul#subnav li a{
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	font-weight: bold;
}

ul#mainnav li a:hover, ul#mainnav li a:active, ul#subnav li a:hover, ul#subnav li a:active{
	text-decoration: underline;
}

ul#subnav {
	padding: 25px 13px 10px 13px;
}

ul#mainnav li ul, ul#subnav li ul {
	list-style: none outside;
	padding-top: 6px;
}

ul#mainnav li ul li ul, ul#subnav li ul li ul, ul#mainnav li ul li ul li ul, ul#subnav li ul li ul li ul {
	padding-left: 10px;
}

ul#mainnav li ul li, ul#subnav li ul li{
	background: none;
	padding: 4px 2px 2px 2px;
}

ul#mainnav a.current, ul#subnav a.current {
	margin-left: -13px !important;
}


ul#mainnav li ul li a, ul#subnav li ul li a{
	font-size: .9em;
	text-transform: none;
}

/* quicklinks */

#quicklinks {
	padding: 13px;
}

#quicklinks input {
	float: left;
	height: 1.35em;
	font-size: .9em;
}

#quicklinks select {
	float: left;
	width: 13em;
	font-size: .9em;
	color: #333;
}

#quicklinks select option{
	padding: 0 4px;
}


input#quicklinks-go {
	float: left;
	margin-left: 4px;
	height: 20px;
	width: 33px;
}

/* secondary */

#secondary2 {
	font-size: .95em;

}

#secondary2 h3 {
	width: 	210px;
	height: 77px;
	text-indent: -999em;
	padding: 0;
}

#secondary2 h4 {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
	padding: 15px 5px 15px 5px;
	margin-bottom: 5px;
}


#secondary2 p {
	color: #e2d5cd;
	font-size: 1.1em;
	padding: 5px 5px 6px 15px;
}

#secondary2 blockquote {
	margin: 1em 15px 5px 15px;
	padding-top: 25px;
	color: #e2d5cd;
}

#secondary2 blockquote p{
	padding: 0 0 25px 0;
}


#secondary2 .sublink {
	padding: 0 !important;
}

#secondary2 .sublink a{
	margin: 5px 15px 0 15px;
	padding: 4px 5px 6px 15px;
	color: #fff;
	border: 0;
	display: block;
	font-weight: bold;
	font-size: .9em !important;
}

/* content */

.breadcrumbs {
	display: block;
	font-size: .9em;
	padding: 0 0 4px 0;
}

.breadcrumbs #youarehere {
	display: none;
}

/* subsections */

#subsections {
	float: left;
	font-size: .95em;
}

.sub1 {
	float: left;
	width: 230px;
	padding: 20px 10px 0 10px;
}

.sub2 {
	float: left;
	width: 230px;
	padding: 20px 10px 0 10px;
}

.home .sub1 h3 {
	background: transparent url(images/general/titles/pastoral-planning.gif) no-repeat top left;
	height: 62px;
	width: 142px;
	text-indent: -999em;
	line-height: 1em;
	padding: 0;
}

#subsections p  {
	padding: .5em 10px;
}

.home .sub2 h3 {
	background: transparent url(images/general/titles/discussion-forums.gif) no-repeat top left;
	height: 62px;
	width: 158px;
	text-indent: -999em;
	line-height: 1em;
	padding: 0;
}

#subsections .sublink a{
	padding: 4px 10px 6px 15px;
	border: 0;
	display: block;
	font-weight: bold;
}

#subsections .sub1 .sublink a{
	background: transparent url(images/general/icons/arrow-sub1.png) no-repeat center left;
}

#subsections .sub2 .sublink a{
	background: transparent url(images/general/icons/arrow-sub2.png) no-repeat center left;
}

.video {
  margin: 25px 0;
  text-align: center;
  padding: 5px;
}

/* footer */

#footer {
	font-size: .9em;
}

#footer .rht {
	float:right;
	text-align:right;
	display:block;
	margin-top: -1.5em;
}