/* Import ADDITIONAL USER APPLIED STYLES */
@import url(style.css);
/*****************************************/
/* LAYOUT */
html {
	height: 100%;
	background:#ccc;
}

body {
	height: 100%;
	margin: 0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,p,form {
	margin:0;
	padding:0;
}
#wrapper {
	position: relative;
	min-height: 100%;
	margin:0 auto;
	width:760px;
	overflow: hidden; /*firefox long menu scrollbar fix*/
}
* html #wrapper {
	height: 100%;
	overflow:visible; /*back to default for ie*/
}
#header {height:165px;}
#header #search {
	position: absolute;
	top: 0;right:0;
}
#header #search form {
	margin: 0;
}
#header #search #S {
	width: 130px;
	height: 18px;
}
#header #search input {
	border: 1px solid #214284;
	color: #214284;
}
#mid {float:left;}
#content {margin-bottom:2.4em;}
.clear {clear:both;}
#footer {
	position: relative;
	width: 760px;
	height: 2.4em;
	line-height: 1em;
	margin: -2.4em auto 0 auto;
	vertical-align:	middle;
	clear:both;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer {
	margin-top: -2.4em;
}
#footer #footlinks {
	background-color:#214284;
}
#footer #footlinks a {
	display: inline;
	font-size: 0.8em;
}
#footer h6 {
	color: #fff;
	display: inline;
}

/* END LAYOUT */
/**************/

/******************************/
/* SPECIFIC SITE STYLING ONLY */

#wrapper {background: #ffffff;border-left:1px solid #214284;border-right:1px solid #214284;}
#header {background:#ffffff url(/siteimages/header.gif) 0 0 no-repeat;position: relative;}
#header #sitetitle {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	position: absolute;
	top: 140px;
	left: 200px;
	color:#ffffff;
	font-size: 20px;
	cursor: default;
}
#header #sitesubtitle {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	color: #214284;
	text-align: center;
	font-size: 18px;
	cursor: default;
}
/* core scrolling button styles - do not change these */
#udm .scrollBUTTON {
	display:block;
	visibility:hidden;
	position:absolute;
	z-index:33000;
	}
#udm .scrollUP, #udm .scrollDOWN, #udm .scrollINNER {
	display:block;
	line-height:0 !important;
	}


/* custom scrolling button styles - you can customise these freely, with restrictions */
#udm .scrollUP, #udm .scrollDOWN {
	border-color:#214284;
	border-style:solid;
	background:#fff;
	}

#udm .scrollUP {
	border-width:1px 1px 0 1px;
	padding:1px 1px 3px 1px;
	}

#udm .scrollDOWN {
	border-width:0 1px 1px 1px;
	padding:3px 1px 1px 1px;
	}

#udm .scrollINNER {
	background:#fff;
	border:1px solid #fff;
	text-align:center;
	font:0.75em tahoma,sans-serif;
	color:#214284;
	padding:4px 0 5px 0;
	}

#udm .scrollMOVING {
	border-color:#214284;
	background:#fff;
	padding:5px 0 4px 0;
	}
	
	
#lang {
	position: absolute;
	right: 0;
}
#lang img {
	padding-left: 3px;
}
#breadcrumbs {
	text-align: center;
	background-color: #214284;
	color: #fdca66;
	padding: 2px 10px 4px 10px;
}
#breadcrumbs a:link,#breadcrumbs a:visited {
	text-decoration: none;
	color:#fdca66;
	font-weight: bold;
}
#breadcrumbs a:hover,#breadcrumbs a:active {
	background-color: #fdca66;
	color:#214284;
}
#vert, #vert a:link,#vert a:visited {
	color:#214284;
	font-weight: bold;
}
#vert a:hover,#vert a:active {
	background-color:#639800;
	color:#fff;
}
#content {
	padding: 10px 15px;
	background:#ffffff url(/siteimages/gradient.gif) 0 0 repeat-x;
}
*html #content {
	padding: 10px 15px;
	background:#ffffff url(/siteimages/gradient.gif) 0 0 repeat-x;
}
#content a:link,#content a:visited {
	color:#214284;
	font-weight: bold;
}
#content a:hover,#content a:active {
	background-color:#214284;
	color:#fdca66;
}
#content h3 {color: #214284;font-size:1.4em;}
* html #content h3 {font-size:2.2em;}
#content p {
	line-height: 1.4em;
	text-align: justify;
	margin: 0.5em 0 1em 0;
}
#content #guestbook .comment {
	line-height: 1.3em;
	text-align: justify;
	font-size: 0.8em;
}
#content #endtxt {
	margin: 15px auto;
	text-align: center;
	width: 500px;
	border: 3px outset #2ba9d9;
	padding: 10px;
	background-color: #fdca66;
	font-variant: small-caps;
}
#sitemap li, #sublinks {
	list-style:none;
	line-height: 1.4em;
}
#sublinks {
	float: right;
	background-color: #fdca66;
	border: 3px outset #2ba9d9;
	padding: 10px;
	margin-bottom: 3.5em;
}
#sublinks li {
	display: block;
}
#sitemap a:link,#sitemap a:visited {
	text-decoration: none;
	color:#214284;
	font-weight: bold;
}
#sitemap a:hover,#sitemap a:active {
	background-color:#214284;
	color:#fdca66;
}
#footer {
	text-align:center;
	background-color:#214284;
}
#footer a:link,#footer a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	color:#fff;
}
#footer a:hover,#footer a:active {
	background-color:#214284;
	color:#fff;
}
#xhtml {position:absolute;left:0;bottom:0;}
*html #xhtml {bottom:-1px;}
#css {position:absolute;right:0;bottom:0;}
*html #css {bottom:-1px;}
#w3c a {text-decoration:none;}
.search li {margin-top: 15px;}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */