/* CSS Document bfhs-all.css - definitions used for all media */

/* ----- General element position definitions ----- */

* {
	margin: 0;
	padding: 0;
}

/* ----- General text sizing definitions ----- */

/* set basic font size */
html {font-size: 100%;}
body {font-size: 80%;}	/* change this to affect all text sizes */

#wrapall {font: 1.0em/1.4em Arial, Helvetica, sans-serif;}

div#main {
	position: relative;
	margin: 0 auto;
	width: 80%;
}

h1 {font-size: 2.0em; text-align: center; line-height: 1em;} /* but see #header */
h2 {font-size: 1.4em; text-align: left; line-height: 2.6em;}
h3 {font-size: 1.3em; text-align: left; line-height: 2.6em;}
h4 {font-size: 1.1em; line-height: 1.3em;}
h5 {font-size: 1em;}
h6 {font-size: 1em; font-weight: normal;}
img {border: 0px;}

ul, ol, li, p, h1, h2, h3, h4, h5, h6 {margin-top: 0.5em;}

ul {
	padding-left: 3em;
}

ol {
	padding-left: 3em;
}

a {
	text-decoration: underline;
	font-weight: 800;
	color: #216fdc;
}

a:link {
	text-decoration: underline;
	font-weight: 800;
	color: #216fdc;
}

a:hover {
	text-decoration: none;
	font-weight: 800;
	color: #FF4040;
}

a:visited {
	text-decoration: underline;
	font-weight: 800;
        color: #E000E0;
}

a:active {
	text-decoration: underline;
	font-weight: 800;
	color: #FF4040;
}

/* --------------------------------------------------------------------- */
/* Styles for basic page layout
	  -  altering these can seriously damage your (mental) health */

body {
	color: #000000;
	background-color: rgb(240, 240, 255);
	background-image: url(/Backgrounds/background.gif);
}

#wrapall { /* Wrapper for complete web page */
/* in case we want to give it a fixed width */
	height: auto;
  width: 100%;	/* for liquid width page */
}

#header {
	position: relative;
	height: 100px;
	background-color: rgb(231, 240, 251);
	background-image: url(/logos/YH250.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#header h1 {display: none !important;} /* h1 only used in #header */

#title {
	position: absolute;
	right: 20px;
	bottom: 0px;
	color: #000000;
	font-size: 36px;
	line-height: 40px;
}

#footer {
	clear: both;
	padding: 1em;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: 700;
	background-color: #FFFFFF;
	border-style:solid;
	border-color:#216fdc;
	border-width:2px 0px 0px 0px;
	color: #000000;
}

#genfair {
	float: left;
	width: 200px;
	margin: 0;
}

#tandc {
	margin-left: 180px;
	margin-right: 180px;
}

#ffhs {
	float: right;
	width: 200px;
	margin: 0;
}

/* breadcrumb trail */
#crumbs {
	width: 100%;
	padding: 1px 0px 2px 0px;
	text-align: left;
}

#crumbs p {margin: 0}

#sitemap {
	float: right;
}

#mainpage {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
}

/* --------------------------------------------------------------------- */
/* Miscellaneous bits and pieces */

a.fedlink  img {
	border: 1px solid #FFFFFF;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

a.fedlink:hover img {
	border: 1px solid #FFFFFF;
	border-top-color: #999999;
	border-right-color: #999999;
}

.colwrap {
	padding: 10px;
}

hr {
	margin: 1em 0;
}

.centred {
	text-align: center;
}

.floatl {
	float: left;
	padding: 10px 10px 10px 0
}

.floatr {
	float: right;
	padding: 10px 0 10px 10px;
}

.fullwidth {
	width: 100%;
}

.boxed {
	border-style:solid;
	border-color:#216fdc;
	border-width:2px;
	background-color:#DEEAFA;
	padding:4px 0px 4px 0px;
	margin: 1em;
}

.alert {
	font-weight:800;
	color:red;
}

.initial {
	color:#4ec4ee;
}


/* --------------------------------------------------------------------- */
/* Menus */
/* Top level menu on FHO website */
#menu1 {
	height: 22px;
	background-color: #FFFFFF;
	border-style:solid;
	border-color:#000000;
	border-width:0px 0px 0px 0px;
	color: #000000;
}