@charset "utf-8";
/* LF_style01.css (K.Higgs, 2008) - style sheet for screen viewing of LF web pages  */

/* NOTE: sAMS css SAYS THAT "Selectors that contain IDs have more weight */
/* than selectors with classes." Solution: refer to the class as part of its ID: */
/* eg: instead of "p.intro {  }"  use  "#container p.intro{ }"  */

/* Validate HTML at: http://validator.w3.org/  */
/* Validate CSS at: http://jigsaw.w3.org/css-validator/  */


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

td {
    padding: 0.3em 0.5em;
    font: 80%/1.0 verdana, helvetica, arial, sans-serif;
}

#Preview {
   margin-left: 3em;
   margin-top: 1.5em;
   text-align: left;
   font: normal 100%/1.5 verdana, helvetica, arial, sans-serif;
}

body {
   background: #FFEDAD;
   text-align: center;
   font: 75% verdana, helvetica, arial, sans-serif;
}


pre {
   font: 100%/1.5 verdana, helvetica, arial, sans-serif;
}

pre.heading {
   font: 150% bold verdana, helvetica, arial, sans-serif;
}

#TopBox {
   background: #F4AD09;
   clear: both;
   width: 96%;
   height: 135px;
   margin-left: auto;
   margin-right: auto;
   padding: 0.3em 0em;
   border-bottom: 2px solid gray;
}

#ImageBox01 {
   float: left;
}

#Header {
   float: left;
   width: 70%;
}

#Header h1.masthead {
   margin: 5px 0 0;
   font: 150% "Comic Sans MS";
   color: purple;
}

#Header h1.mastmain {
   margin: -10px 0 0;
   font: bold 300% "Comic Sans MS";
   color: purple;
}

#Header h3.mastfoot {
   font: normal 100% arial;
}

#NavBar {
   clear: both; 
   margin-top: 10px;
   list-style-type: none;
   width: 100%;
}

#NavBar li {
   display: inline;
}

#NavBar a {
   display: block; 
   float: right;
   padding: 0.3em 0.5em;
   font: bold 75% verdana, helvetica, arial, sans-serif;   
   text-decoration: none;
   border-left: 1px solid white;
   border-right: 1px solid white;
}

#NavBar a:link {
   color: black;
}

#NavBar a:visited {
   color: olive;
}

#NavBar a:hover {
   color: gray;
   background-color: yellow;
   text-decoration: underline;
}

#ImageBox02 {
   float: right;
}

div.HeadPix {
   display: inline;
   width: 15%;
}

div.HeadPix img {
   margin-top: 5px;
   padding: 5px;
   background-color: white;
   border-top: 4px solid black;
   border-right: 2px solid gray;
   border-bottom: 2px solid gray;
   border-left: 4px solid black;
}

div.HeadPix p.caption {
   margin: 0;
   padding: 1px 5px 0em;
   color: black;
   font: bold 80% helvetica;
}


#CentreBox {
   background: #FFEDAD;
   clear: both;
   width: 96%;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}

img.CentrePix {
   margin-left: 0.7em;
   margin-right: 1em;
}


#NavMenu {
   clear: both;
   float: left;
   margin-right: 2px;
   padding: 0.3em 0.1em;
   width: 12%;
   list-style-type: none;
   background-color: #00B100;
   border: 3px solid green;
}

#NavMenu h2 {
   display: block;
   padding: 0.5em 0em;
   width: 97%;
   font: bold 170% verdana, helvetica, arial, sans-serif;
   text-align: center;
   border-top: 2px solid #00D700;
   border-bottom: 3px solid #148A14;
   border-left: 5px solid #148A14;
   border-right: 5px solid #00D700;
}


/* Unfortunately, "display: inline" is needed in IE to remove extra line between items */
#NavMenu li {
   display: inline;
}


#NavMenu a {
   display: block;
   padding: 0.5em 0em;
   width: 97%;
   font: bold 90% verdana, helvetica, arial, sans-serif;
   text-decoration: none;
   border-top: 2px solid #00D700;
   border-bottom: 3px solid #148A14;
   border-left: 5px solid #148A14;
   border-right: 5px solid #00D700;
   text-align: center;
}

#NavMenu a:link {
   color: white;
}

#NavMenu a:visited {
   color: #9CF567;
}

#NavMenu a:hover {
   color: white;
   background-color: #53D313;
}

#NavMenu a:active {
   padding: 0.5em 0em 0.5em 0.2em;
   color: white;
   border-top: 2px solid #148A14;
   border-bottom: 3px solid #00D700;
   border-left: 5px solid #00D700;
   border-right: 5px solid #148A14;
}

img.FlexiLogo{
   border: none;
} 


#Content {
   background: #FFEDAD;
   float: left;
   width: 55%;
   margin-left: 0.4em;
   padding: 0.5em 3em 0.5em 2em;
}

#Content h2 {
   text-align: left;
   line-height: 2.5;
}

#Content h2.hdrreflect {
	font: bold 250% "Bradley Hand ITC TT", Papyrus, "Comic Sans MS", "Trebuchet MS", sans-serif;
}

#Content p {
   margin-left: 1em;
   text-align: left;
   font: normal 100%/1.5 verdana, helvetica, arial, sans-serif;
}

#Content p.FirstPara {
   text-align: left;
   font: bold 105%/1.5 verdana, helvetica, arial, sans-serif;
}

#Content p.keepRight {
   margin-left: 20em;
   margin-top: -10em;
   text-align: left;
   font: bold 125%/1.2 verdana, helvetica, arial, sans-serif;
}


#Content a {
   text-decoration: none;
}

#Content li {
   list-style-type: none;
}

.InnerList li {
   margin-left: 5em;
   font: italic 105%/1.5 verdana, helvetica, arial, sans-serif;
}

#SubMenu {
   clear: both;
   padding: 0.5em 0em;
   list-style-type: none;
   width: 100%;
   background-color: #FFEDAD;
   text-align: center;
}

#SubMenu li {
   display: inline;
   margin-left: 0.5em;
   margin-right: 0.5em;
   font: bold 80%/250% verdana, helvetica, arial, sans-serif;
}

#SubMenu a {
   padding-bottom: 0.2em;
   text-decoration: none;
   border-bottom: 1px solid;
}

#SiteList ul {
   margin-left: 3em;
   font: italic 105%/1.2 verdana, helvetica, arial, sans-serif;
}

#SiteList ul.minor {
   margin-left: 13em;
}

#SiteList li {
   margin-top: 0.2em;
}

#SiteList li.first {
   margin-top: -0.7em;
}

#SiteList li.gap {
   margin-top: 0.7em;
}

#SiteList a:link, a:visited {
   text-decoration: none;
}

#SiteList a:hover {
   color: navy;
   font: italic 100% verdana, helvetica, arial, sans-serif;
   text-decoration: underline;
   background-color: #FFEDAD;
}


#Extras {
   background-color: #CCFFFF;
   float: right;
   display: inline;
   width: 20%;
   padding-bottom: 2em;
}

#Extras p {
   padding: 0.2em 1em 2em;
   text-align: center;
   font: normal 110%/1.2 helvetica, arial, sans-serif;
}

#Extras p.SideText {
   margin: .5em;
   padding: 1px 5px 0em;
   text-align: center;
   font: bold italic 140%/1.4 helvetica, arial, sans-serif;
}

#Extras p.Ref {
   margin: 0.15em 2em 1em;
   text-align: right;
   font: normal italic 80%/1.2 helvetica, arial, sans-serif;
}

#Extras p.caption {
   margin-left: 1em;
   margin-right: 1em;
   text-align: center;
   color: black; 
   font: bold italic 100%/1.2 helvetica, arial, sans-serif;
}

.SidePix img {
   /* clear: both;  */
   width: 65%;
   margin-left: 2em;
   margin-right: auto;
   margin-bottom: 1em;
   padding: 0.2em;
   background-color: white;
   border: 1px solid gray;
}

.SidePix iframe {
   clear: both;
   float: left;
   width: 75%;
   margin-left: 2em;
   margin-right: auto;
   margin-bottom: 2em;
   padding: 2%;
   background-color: white;
   border: 1px solid gray;
}

#Footer {
   background: #A4A01E;
   clear: both;
   width: 96%;
   height: 100px;
   margin-left: auto;
   margin-right: auto;
   list-style-type: none;
}


#Footer li {
   display: inline;
   float: left;
   padding: 0.5em 1.2em;
}

#Footer a {
   display: block;
   text-decoration: none;
}

#Footer a:link {
   color: navy;
   font: bold 90% verdana, helvetica, arial, sans-serif;
}

#Footer a:visited {
   color: purple;
   font: bold 90% verdana, helvetica, arial, sans-serif;
}

#Footer a:hover {
   color: blue;
   font: bold 90% verdana, helvetica, arial, sans-serif;
   text-decoration: underline;
}

#Footer li.ByLogo {
   padding-right: 3em;
   color: teal;
   font: italic 80% trebuchet, georgia, serif;
}

#Footer li.CopRt {
   clear:right;
   float: right;
   font: normal italic 90% helvetica;
   text-align: right;
}

#Footer p.Valid3c img {
   clear: both;
   float: right;
   border: none;
   width: 66px;
   height: 24px;
}


/* Online Forms Styling */

form {
	width: 44em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding: 0.5em;
	border: outset gray;
	text-align: left;
	background: #F9DCA1;
}

form.admin {
	margin-left: 0em;
	margin-right: -2em;
}


form h3 {
	margin-right: 0.5em;
	padding: 0.3em;
	text-align: right;
	font: bold 180% verdana, helvetica, arial, sans-serif;
}

#Content p.Legend {
	background: #DBFFCB;
	border: 3px outset silver;
	position:relative;   /* this places the legend on top of the fieldset */
	padding: 0.3em;
	margin-left: 1em;
	margin-bottom: -1em;
	width: 10em;
	font: bold 120% helvetica, verdana, arial, sans-serif;
}


form fieldset {
	margin: auto;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 2em;
	padding-bottom: 0.2em;
	border: none;
	background-color: #FFEDAD;
}


form label {
	position: absolute;
	margin-top: 1em;
	margin-left: 0.5em;
	font: bold 100% helvetica, verdana, arial, sans-serif;
}

form input, select {
	margin-top: 0.5em;
	margin-left: 11.5em;
	margin-bottom: 0.3em;
	padding: 0.2em 0.1em;
}


form em {
	position: absolute;  /* keeps the side text fixed to each tickbox or radio button  */
	margin-top: 0.5em;
	padding-left: 0.3em;
	font: italic 110% helvetica, verdana, arial, sans-serif;
}

input.firstrad, firstbut {
	margin-left: 13em;
}

input.otherrad {
	margin-left: 8em;

}

input.otherbut {
	margin-left: 0.3em;

}

input.leading {
	margin-left: 0.7em;

}

#upcode, #uphone {
	position: absolute;
	margin-left: 12em;
}

#labelstate {
	margin-top: 1.7em;
}

#labelpcode, #labelphone {
	margin-left: 5em;
}

form textarea {
	margin-left: 12em;
	margin-bottom: 1em;
	padding: 0.2em 0.1em;
}

form textarea.CMSfield {
	width: 100em;
}

#Submit, #Redo {
	float: right;
	margin: -0.3em 3em 0.5em 0em;
	font:1.2em helvetica, verdana, arial, sans-serif;
}


/* Styling for Atomz Site Search Boxes etc */
form.Atomsrch {
	width: 43em;
	padding: 1em;
	border: none;
}


form.Atomsrch input {
	margin-left: 8em;
}

form.Atomsrch select.firstrad {
	margin-left: 8em;
}


form.Atomsrch select.bigindent {
	margin-left: 16.7em;
}


form.Atomsrch select.otherrad {
	margin-left: 3em;
}

form.Atomsrch input.yearbox {
	margin-left: 3em;
}

form.Atomsrch input.firstrad {
	margin-left: 7em;
}

form.Atomsrch input.otherrad {
	margin-left: 8em;
}

form.Atomsrch label.dim1 {
	margin-left: 1em;
	font: normal 100% helvetica, verdana, arial, sans-serif;
}

form.Atomsrch label.dim2 {
	margin-left: 11em;
	font: normal 100% helvetica, verdana, arial, sans-serif;
}

/* ================================== */
/* New & Events & Reflections Styling */
/* ================================== */

#Precis {
   background: #FFFFCF;
}

#Precis .headlines {
	padding: 0em 1.5em 0.7em;
}

#Precis .headlines h2.quikview {
	color: #B1629F;
}

#Precis .headlines h3, #Precis .headlines h4 {
	margin-left: 2em;
	text-align: left;
	color: #990050;
	font: bold 95%/200% verdana, helvetica, arial, sans-serif;
	text-decoration: underline;
}


#EventList {
   background: #EFEFEF;
   padding: 1.5em;
}

#EventList h3.GroupHeader {
   padding: 0.5em;
   background: #CCC;
   text-align: right;
}

#EventList h4.StoryHeader {
   border-top: thin dotted #CCC;
   padding: 0.1em;
   text-align: left;
   font: 120%/1.2 "Franklin Gothic Bold", "Arial Black", sans-serif;
}

#EventList h5 {
   margin-left: 0.3em;
   margin-bottom: 0.1em;
   font: bold 120%/1.2 helvetica, arial, sans-serif;
   text-align: left;
}

#EventList p {
   margin-left: 0.7em;
   padding-bottom: 0.5em;
   text-align: left;
   font: 100%/1.5 "Franklin Gothic Book", helvetica, arial, sans-serif;
}

#EventList p.medium {
   font: 120% "Franklin Gothic Demi", helvetica, arial, sans-serif;
}

#NewsItems {
   position: relative;
   z-index: 0;
   clear: right;
   float: right;
   margin: 0.7em;
   background: #FFF;
   padding: 1.5em;
}

#NewsItems h3.GroupHeader {
   background: #CCC;
   padding: 0.5em;
}

#NewsItems h5 {
   margin: 0.2em 0;
   padding: 0.2em;
   text-align: left;
   font: 120%/1.2 "Franklin Gothic Demi", helvetica, arial, sans-serif;
}

#NewsItems p {
   margin-left: 0em;
   padding: 0.1em 0.5em;
   text-align: left;
   font: 100%/1.3 "Franklin Gothic Book", helvetica, arial, sans-serif;
}

#EventCMS {
   position: relative;
   z-index: 0;
   clear: right;
   float: right;
   width: 35em;
   margin: 0.7em auto 1em -7em;
   background: #FFF;
   padding: 1.5em;
}

#EventCMS h3.GroupHeader {
   background: #CCC;
   padding: 0.5em;
}

#EventCMS h5 {
   margin-left: 0.3em;
   margin-bottom: 0.1em;
   font: bold 120%/1.2 helvetica, arial, sans-serif;
   text-align: left;
}

#EventCMS p {
   margin-left: 0.7em;
   padding-bottom: 0.5em;
   text-align: left;
   font: 100%/1.5 "Franklin Gothic Book", helvetica, arial, sans-serif;
}