/*
	UKPassats style sheet
*/

* { margin: 0; padding: 0;   }

html { font-size: 100%; height: 100%; margin-bottom: 1px;  background-color: #B5BBCF;  }

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: inherit;
	background-color: transparent;
	font-size: 12px;
	margin: auto;
	padding: 12px 0;
	text-align: center;
	background: url(images/bg_outer.gif);
}

img { border-width: 0; }

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

hr {
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

html, body {
	color: inherit;
	background-color: transparent;
}

#doc-description h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #B5BBCF;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
	color: #fff;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}
h1.center{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20pt;
	text-align: center;
	font-weight: 300;
	color: silver;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #284445;
	font-size: 1.5em;
	margin: 0.8em 0 0.2em 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: white;
	margin-top: 10px;
}

h4 {
	font-family: "Arial Narrow";
	font-weight: normal;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #dcdcdc;
}

.good { color: green; }
.bad { color: red; }

.version {
	margin-top: 20px;
	text-align: left;
	font-size: 70%;
	color: #006600;
	border-top: 1px solid #ccc;
}

code { 
	color: #006600; 
	font-weight: normal; 
	font-family: 'Courier New', monospace; 
	border-color: #D1D7DC; 
	border-width: 1px; 
	border-style: solid; 
	background-color: url(images/bg_inner.gif); 
}

#wrap {
	padding: 0 20px;
	min-width: 650px;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	margin: 4px 0;
	clear: both;
	background-color: url(images/bg_inner.gif);
	color: url(images/bg_inner.gif);
}

#page-footer {
	clear: both;
}

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

a#logo:hover {
	text-decoration: none;
}

#doc-description {
	float: left;
	width: 70%;
}

#doc-description h1 {
	margin-right: 0;
}

.headerbar {
	background: transparent none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.paragraph {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-color: #ECF3F7;
}

.paragraph:target .content {
	color: #000000;
}

.paragraph:target h3 a {
	color: #000000;
}

.content {
	color: #333333;
}

.content h2, .panel h2 {
	color: #115098;
	border-bottom-color:  #CCCCCC;
}

a:link	{ color: Black; text-decoration: none;  font-size: 20px;  }
a:visited	{ color: #898989; text-decoration: none; }
a:hover	{ color: #d3d3d3; text-decoration: underline; }
a:active	{ color: #d2d2d2; text-decoration: none; }

hr {
	border-color: #FFFFFF;
	border-top-color: #CCCCCC;
}

.menu {
	background-color: #cadceb;
}

.headerbar {
	background-color: transparent;
	background-image: none;
	color: #FFFFFF;
}

.panel {
	background-color: #ECF1F3;
	color: #28313F;
}


span.corners-top {
	background-image: url("images/corners_left.png");
}

span.corners-top span {
	background-image: url("images/corners_right.png");
}

span.corners-bottom {
	background-image: url("images/corners_left.png");
}

span.corners-bottom span {
	background-image: url("images/corners_right.png");
}

.error {
	color: #BC2A4D;
}

a.page:link	{ color: Black;  font-size: 1.05em;  }
a.page:visited	{ color: #0000cd; }
a.page:hover	{ color: #D31141; }
a.page:active	{ color: #368AD2; }

.paragraph span.corners-top, .paragraph span.corners-bottom {
	margin: 0 -10px;
}

.content {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
}

.content h2, .panel h2 {
	color: #115098;
	border-bottom-color:  #CCCCCC;
}

.notice {
	border-top-color:  #CCCCCC;
}

.codebox {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #C9D2D8;
	font-size: 1em;
	margin-bottom: 10px;
	display: block;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
}

* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("images/corners_right.gif"); }

.back2top {
	clear: both;
	height: 11px;
	text-align: right;
}

.content ol, .content ul {
	margin-left: 25px;
	margin-top: 0;
}

.content ul + p, .content ul + div {
	margin-top: 20px;
}

.comment {
	color: green;
}

.indent {
	margin-left: 20px;
}

.paragraph table  {
	font-size:	8pt;
	border-collapse: collapse;
	border: 1px solid #cfcfcf;
	margin-bottom: 20px;
}

.paragraph table caption  {
	display: none;
}

.paragraph table thead  {
	background-color: #cadceb;
	color: #000;
}

.paragraph table td, .paragraph table th {
	border: 1px solid #006699;
	padding: 0.5em;
	background-color: #e1ebf2;
}

.paragraph table th {
	background-color: #cadceb;
}

.paragraph table td dl {
	margin: 0;
	padding: 0;
}

.paragraph table td dl dt {
	float: left;
	clear: both;
	margin-right: 1em;
}
table {
	font-size: 12px;
	font-weight: normal;
	font-family: Lucida Sans Unicode, Lucida Grande, Arial, Verdana, Helvetica, sans-serif;
	color: #666;
}

table tr td {
	padding: 3px;
}
#wrapper {
	width: 922px;
	text-align: left;
	margin: 0 auto 0 auto;
}

#container {
	float: left;
	background: url(images/bg_content.gif);
	padding: 0 10px 0em 10px;
	margin: 0 0 0px 0;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: transparent;
}

#headerMenu {
	float: left;
	width: 900px;
	height: 40px;
	margin: 2em 0 4px 0;
	background: url(images/bg_inner.gif);
}
	
	#headerMenu ul {
		width: 900px;
		list-style-type: none;
		float: left;
	}
	
	#headerMenu ul li {
		display: inline;
		float: left;
		margin: 10px 15px 7px 0;
		border-width: 0 0 2px 0;
		border-style: solid;
		border-color: transparent;
	}
	
	.activeMenu {
		border-color: Black !important;
	}
	
	#headerMenu ul li a {
		font-weight: bold;
		font-size: 112%;
		text-decoration: none;
		margin: 0 0 2px 0;
		color: Black;
	}
	
	#headerMenu ul li a:hover, #headerMenu #currentLink {
		color: #c66;
		text-decoration: none;
	}

#pageBar {
	width: 900px;
	float: left;
	min-height: 200px;
	margin: 0 0 10px 0;
}

	#leftCol {
		float: left;
		width: 450px;
	}
	
		#galleryImg {
			margin: 0 0 10px 0;
		}
	
	#rightCol {
		float: right;
		width: 345px;
		text-align: right;
	}
	
		.pictureGrid {
			list-style-type: none;
			height: 315px
		}
		
		.pictureGrid li {
			display: inline;
			float: left;
			height: 90px;
			margin: 0 0 14px 10px;
		}
		
		.pictureGrid li img {
		}
		
		.galleryPageLinks {
			list-style-type:none;
			clear: both;
			float: right;
		}
		
			.galleryPageLinks li {
				display: inline;
				float: left;
				width: 25px;
			}
			
			.galleryPageLinks li a {
				color: #666;
				font-weight: bold;
				text-decoration: none;
			}
			
			.galleryPageLinks li a:hover {
				color: #c66;
			}
			
		
		#galleryPageOne {
			display:block;
		}
	
		#galleryPageTwo {
			display:none;
		}
	
		#galleryPageThree {
			display:none;
		}
	
		#galleryPageFour {
			display:none;
		}
	
		#galleryPageFive {
			display:none;
		}
	
	#oneCol {
		float: left;
		width: 900px;
		height: 100px;
	}

#pageContent {
	width: 900px;
	float: left;
	min-height: 10px;
}

	#pageLogo {
		text-indent: -9999px;
		width: 110px;
		height: 60px;
		background-image: url('/images/logo.gif');
		margin: 0 20px 10px 0;
		float: left;
	}
	
	#subMenu {
		float: left;
		clear: both;
		width: 450px;
	}
	
	#subMenu li {
		display: inline;
		float: left;
		text-align: left;
		padding: 0;
		margin: 0 25px 5px 0;
	}
	
		#subMenu li a {
			color: #666;
			font-size: 100%;
			font-weight: normal;
			text-decoration: none;
		}

		#subMenu li a:hover {
			color: #333;
			text-decoration: none;
		}
	
	#sideMenu {
		width: 305px;
		float: right;
		margin: 0 0 0 0;
	}

	#sideMenu li {
		margin: 0 0 5px 5px;
		text-align: right;
	}
	
		#sideMenu li a {
			color: #666;
			font-size: 90%;
			font-weight: bold;
			text-decoration: none;
		}

		#sideMenu li a:hover {
			color: #333;
			text-decoration: none;
		}
	
	#mainContent {
		width: 700px;
		padding: 0 20px 0 0;
		float: left;
	}	

	#fullWidthContent {
		width: 900px;
		padding: 0 20px 0 0;
		float: left;
}
	
#footerBar {
 	width: 900px;
	height: 40px;
	float: left;
	background: #cc0;
}

.indent {
	margin-left: 15px;
}

.indentmore {
	margin-left: 30px;
}

.minortext {
	font-size: 80%;
}

.greybox {
	background: #eee;
	padding: 5px;
	border: 1px solid #ccc;
}

.bottombordered {
	margin-bottom: .5em;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #ccc;
}
#FrogJS{
	width: 900px;
	height: 800px;
	margin: 0 auto;
}
#FrogJSCredit{
	text-align: right;
	font-size: 80%;
	color: #999;
	padding: 1px;
}
#FrogJSCaption{
	text-align: left;
	line-height: 140%;
	color: #000;
}
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background: url(images/bg_content.gif); margin:0 5px;}
.b2f {height:1px; background: url(images/bg_content.gif); margin:0 3px;}
.b3f {height:1px; background: url(images/bg_content.gif); margin:0 2px;}
.b4f {height:2px; background: url(images/bg_content.gif); margin:0 1px;}
.contentf {background: url(images/bg_content.gif);  width: 910px; }
.contentf div {margin-left: 5px;}
.Caption {
font-family: Arial;
font-weight: normal;
font-size:  12pt;
color: #330c00; }

A.Controls:link    { color: #ff4500;
                     text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:visited { color: #ff4500; text-decoration:none; 
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:active  { color: #ff4500; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:hover   { color:#00FF00; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }