@charset "UTF-8";
/* main.css ((c) 2014-2015 Kenneth Higgs, Webpage One) - style sheet for standards-compliant browsers  */
/* Validate HTML at: http://validator.w3.org/  */
/* Validate CSS at: http://jigsaw.w3.org/css-validator/  */

/* hide undesired mobile-friendly content  */
#NameMobi, #MobiMenu, #MobiAside, span.mobilink {
	display: none;
}

/* Set all containers and object margins & padding to zero */
html {
	margin: 0;
	padding: 0;
}

/* style body section of page */
body {
	width: 75em;
	margin: 0 auto;
	border: 1px dotted #00F;
	font: normal 1em Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;	
	text-align: left;
	background-image: url(../images/haze.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
}

h1 {
	color: #893230;
	font-weight: normal;
	font-size: 1.7em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.1em;
}

p {
	font: normal 0.85em/1.35em Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#Splash {
	float: left;
	position: relative;
	background-image: url(../images/dubbotree.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}


/* ------------- */
/* MastHead Box  */
/* ------------- */
#MastHead {
	width: 99.5%;
	min-height: 10em;
	margin: 0 auto;
	padding: 0;
}

#SiteName {
	clear: left;
	float: left;
	width: 70%;
	margin: 0 auto 0 0;
}

#NameTag {
	/* set nametag image width to keep it inside SiteName box */
	width: 99%;
}

/* style MastText address text in MastHead  */
#MastText {
	margin: 0.5em auto 1em 1.5em;
	color: #FF0;
	font: bold 1.05em Verdana, Arial, sans-serif;
}

/* ------------------------ */
/* style Motto box and text */
/* ------------------------ */

#Motto {
	/* style default background color for non-standard browsers    */
	background-color:#FFFFEE;
	/* linear gradient styling from- http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html */
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FFFFEE 5%, #FFCD96 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient( center top, #FFFFEE 5%, #FFCD96 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #FFFFEE 5%, #FFCD96 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFFFEE), color-stop(1, #FFCD96));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #FFFFEE 5%, #FFCD96 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #FFFFEE 5%, #FFCD96 100%);
	/* styling from CSSButtonGenerator.com */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEE', endColorstr='#FFCD96');

	/* style rest of the Motto box attributes */
	float: left;
	width: 24.5%;
	margin: 0.4em 0 0;
	padding: 0.5em 1em;
	font: normal 0.9em "Lucida Calligraphy", Arial, sans-serif;
	/* style bevel edge and color gradient across the Motto box  */
	border: 5px outset #FFCD96;
	border-top-color: #FFFFEE;
	border-left-color: #DDBDA3;
}

#Motto p.biblequote {
	margin: 0 auto;
}

#Motto p.reference {
	margin: 0;
	color: #999;
	text-align: right;
}

#NavBar {
	clear: both;
	float: left;
	min-width: 80%;
	margin: 0.5em auto auto 2em;
	padding: 0;
}

#NavBar ul {
	min-height: 1.7em;
	margin: 0;
	padding: 0;
}

#NavBar ul li.menuitem {
	display: inline-block;
}


/* ---------------------------------------------- */
/* Outer Box                                     */
/* - used to allow a semi-transparent background  */
/* - with 100% opaque text displayed across it.   */
/* ---------------------------------------------- */

#Outer {
	float: left;
	position: relative;
	overflow: hidden;
	width: 95%;
	margin: 1em auto 0 1.6em;
}

/* --------------------------------- */
/* style semi-transparent ColorBoxes */
/* --------------------------------- */
#ColorBox, #ColorBottom {
	/* float and position the ColorBox to take it our of the document flow */
	float: left;
	position: absolute;
	/* setup border and curved border radius instead of square */
    -webkit-border-radius: 1.625em;	 /* Safari and Chrome */
    -moz-border-radius: 1.625em;	 /* Firefox */
    border-radius: 1.625em;
	/* style other attributes */
	width: 71em;
	/* make colorbox height immense to ensure it always displays full length of page */
	height: 5000px;
	background-color: #FEF4EC;
	opacity: 0.92;
	filter:alpha(opacity=92);
	z-index: 1;
}

/* ------------------------------------------------------------------ */
/* style Content box to slide left over the semi-transparent ColorBox */
/* ------------------------------------------------------------------ */
#Content {
	/* float and position the Content box to keep it above the ColorBox */
	float: left;
	position: relative;
	width: 65em;
	min-height: 40em;
	margin: 0 auto 0 1.8em;
	padding-top: 0.7em;
	padding-left: 1em;
	z-index: 10;
}

/* setup the bottom part of our curved opaque box */
#ColorBottom {
	position: relative;
	/* remove top left and top right border radius */
    -webkit-border-top-left-radius: 0;	 /* Safari and Chrome */
    -moz-border-radius-topleft: 0;	 /* Firefox */
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;	 /* Safari and Chrome */
    -moz-border-radius-topright: 0;	 /* Firefox */
    border-top-right-radius: 0;
	height: 1.625em;
	margin: 0 auto 1.3em 1.6em;
}

#Content p.subhdg {
	margin-top: 2em;
}

#Content div.event {
	margin: 1em;
	line-height: 1.3em;
}

#Content div.event a {
	text-decoration: none;
}

#Content p.hint {
	color: #AA3576;
	font-style: italic;
}

#Content p.centrepiece {
	margin: -1em auto 2em;
	text-align: center;
	font: italic 0.95em/1.5em Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#Content p.centrepiece span.subref {
	margin-left: 15em;
}

#Content span.subhead {
	margin-right: 2em;
	color: #893230;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.85em;
}

#VideoBox {
	clear: both;
	float: left;
	width: 99%;
	margin-bottom: 2em;
}

#VideoBox span.videopeek {
	float: left;
	width: 46%;
	margin: 0 1.5em 0.5em;
}

#VideoBox span.videopeek p.videoname {
	color: #893230;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}

#VideoBox span.videolead {
	clear: left;
	margin-left: 0;
}

#Content ul.inline {
	margin: -2.8em auto 2em 10em;
	list-style-type: none;
	font: normal 0.85em/1.5em Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#Content ol.std {
	font: normal 0.85em/1.5em Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#Content ul.credo {
	margin: 0 auto 2em 5em;
	list-style-type: circle;
	list-style-position: inside;
	font: normal 0.85em/1.5em Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#Content ul.credo li {
	margin-top: 1em;
}

#Content button.textlink, #SiteName button.topemail {
	margin-left: 1.5em;
}

#Content button.textlink a, #SiteName button.topemail a {
	text-decoration: none;
}

#Content span.big {
	font-size: 1em;
	font-weight: bold;
}

#GoogleMap {
	width: 700px;
	height: 480px;
	margin-left: 1.5em;
	border: 15px solid #FFF;
}


/* ------------ */
/* Feature Box  */
/* ------------ */
#Feature, #MapAside {
	float: right;
	width: 20%;
	margin: 2em 1em 1.2em auto;
}

#MiniMap {
	/* set MiniMap image width to keep it inside Feature box */
	width: 90%;
	border: 10px solid #FFF;
}

#Feature p {
	text-align: center;
	color: #893230;
	font-weight: bold;
}

/* remove unnecessary top margin for 'slideup' divs */
#Content div.slideup {
	margin-top: 0;
}

/* adjust width, margins and other styling for side box 'MapAside' */
#MapAside {
	width: 20%;
	margin-top: 5em;
	padding: 0 0.7em 0.25em 1.2em;
	font: normal 0.95em/1.35em Calibri, Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #000;
	border: 1px solid #000;
	background-color: #FCD5B5;
}

#MapAside h4 {
	margin: 0.8em auto 0.1em 0.1em;
	color: #893230;
}

#MapAside p.right {
	margin: 0 1em 1em auto;
	text-align: right;
}

/* ------------- */
/* Enquiry Form  */
/* ------------- */
#Enquiry {
	margin: 1em 2em 1.5em;
}

#FName, #LName, #EmailAddr, #Phone, #Message {
	width: 22em;
	height: 3em;
	font: normal 0.9em Calibri, Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 1em 1em 0 0;
	padding: 0 0.3em 1.5em;
	border-top: 2px solid #999;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 2px solid #999;
}

#EmailAddr, #Phone, #Message {
	width: 46.3em;
}

#Message {
	height: 10em;
	padding-top: 1em;
}

#SendBtn {
	margin-top: 2em;
}

#Content p.warning {
	font-style: italic;
	color: #F00;
}

/* --- style special 'Go Top' button (Goup) -- */
#Goup {
	position: fixed;
	bottom: 2em !important;
	right: 2em !important;
	padding: 0.3em;
	border: 2px outset #990;
	background-color: #F7C869;
	text-decoration: none;
	z-index: 200 !important;
}

#Goup:link, #Goup:visited, #Goup:focus, #Goup:hover  { color: #F00; }

#Goup:active  {
	border: 2px inset #990;
	color: #00F;
}

/* hide Opera-specific 'Go Top' button in normal browsers */
#OperaGoup {
	display: none;
}

/* Style 'Go Top' button for Opera browsers only */
/* - Opera won't display 'Goup' button correctly */
doesnotexist:-o-prefocus, #OperaGoup {
	display: inline;
}

/* ----------- */
/* Footer Box  */
/* ----------- */
/* style remaining text,etc to be outside and below the opaque ColorBox feature */
#Footer {
	clear: both;
	float: left;
	width: 100%;
	min-height: 5em;
	margin: 0 auto;
	padding: 0.7em 0 0;
	color: #FFF;
	font: normal 0.85em Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #A6A6A6;
}

#CopRt {
	clear: left;
	float: left;
	width: 38%;
	margin-left: 1em;
}

#CopRt p {
	height: 1.2em;
}

#FootLinks {
	clear: right;
	float: left;
	width: 58%;
	margin-left: 1em;
}

#FootLinks p a:link {
	margin-left: 0.8em;
	color: #FFF;
	text-decoration: none;
}

#FootLinks p a:link.first {
	margin-left: 0;
}

#FootLinks p a:visited {
	color: #FFF;
}

#FootLinks p a:focus {
	color: #FFF;
}

#FootLinks p a:hover {
	color: #D3FFFF;
	text-decoration: underline;
}

#FootLinks p a:active {
	color: #FFF;
}

/* --------------  style pdf preview feature  ---------------- */
a.artLink span.previewDoc, a.artLink span.point {
	position: absolute;
	display: none;
}

a:hover.artLink span.point {
	display: inline;
	margin-left: 2em;
}

a:hover.artLink span.previewDoc {
	width: 600px;
	height: 150px;
	margin-top: -5em;
	margin-left: 15em;
	overflow: hidden;
	display: inline;
	z-index: 100;
}