body {
font-size: 85%; /*sets a standard base of 12pixel*/
color:#CCCCCC;
background:#3C3933;
}


#contentwrapper h1{color:#FFFF66;  }
#contentwrapper h2{ color:#FFFF66; padding: 25px 0 6px 0;}

a{ color:#FFFF66}
#wwrcontent strong{color:#080;}
#wwrcontent ol{margin-left:10px;padding:10px;}
hr{border: none 0; 	border-top: 1px solid #ccc;	border-bottom: 1px solid #ccc;	width: 70%;	height: 2px;	margin: 10px auto 20px 0;	text-align: left;}

#header{width:100%;background:#3C3933 url(images/header_tile.png) bottom repeat-x;}
#headerbar{background-image:url(images/header_bar.png); padding-left:20px; font-style:normal; width:949px; margin-bottom:0}
#headerbar-search{background-image:url(images/header_bar_search.png); padding-left:60px; font-style:normal; width:909px;}
#subheader{background:url(images/header_shadow.png) top repeat-x; width:100%;height:7px;}

#headerwrapper{width:960px; padding:0; margin:0 auto;}
#menuwrapper{margin:0 0 0 auto; background:url(images/menu_bg.png) bottom no-repeat; width:767px; height:60px; z-index:1;}

#contentwrapper{width:960px; margin:0 auto;}
#contentwrapper h1{padding-top:20px;}

#wwrcontent{ color:#333; height:100%; }
#wwrcontent a{ color:#008100;}


#footer{clear:both; width:100%; font-size:0.9em; color:#999283;}
#footer a{color:#999283; text-decoration:none}
#footer .contentbox{padding:3px 10px 3px 10px;}

#account{margin:0 0 0 0px; height:20px; z-index:3; position:relative; top:10px; left:0; float:right; text-align:left}

#logo{width:310px; margin:0 0 0 10px; height:57px; z-index:2; position:relative; top:20px; left:0;}

#singlecol{ padding-top:20px;} /* homepage */
#leftcol{float:left; width:581px;} /* homepage */
#rightcol{width:359px; float:left; margin-left:20px} /* homepage */
#rightcol h1{ font-size:1.10em; font-style:italic; color:#FFFF66; padding-top:8px;}

#wwrcontent #singlecol{ padding-top:0}
#wwrcontent #leftcol{ width:440px;}
#wwrcontent #rightcol{ width:440px;}
#wwrcontent h1, #wwrcontent h2{color:#008000; font-style:normal;}


#h-menucontainer{position:relative; top:0px; margin-left:85px; width:630px; padding-top:20px;}
#h-menu ul{margin:0; padding:0; list-style:none;}
#h-menu li{float:left;margin-right:20px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.95em;}
#h-menu li .end{margin-right:0;}
#h-menu a{ text-decoration:none; color:#FFFFFF;}
#h-menu a:hover{text-decoration:underline;}

#searchbox, #librarybox, #contributebox {font:Georgia, "Times New Roman", Times, serif; }

#searchbox{background:url(images/homepage_searchnow.png); width:581px; height:252px; margin-top:0;}
#searchbox a{font-size:0.9em;}
#searchboxtext{width:240px; position:relative; top:185px; left:20px; float:left; font-size:1.3em;}

#searchform {width:300px;position:relative; top:50px; margin:0 0 0 270px;}
#searchform h2{margin:0; padding:0; background:url(images/searchnow.png) no-repeat; width:209px; height:28px;}
#searchform form {float:right;text-align:right}
#searchform form input.inputtxt{height:18px;margin:0; padding:2px 0 0 2px; font-size:12px; border:1px solid #000000;}
#searchform form select{height:22px;border:1px solid #000000;font-size:0.85em}
#searchform form input.inputbtn{width:46px; height:24px; position:relative; top:8px;}
#searchform .name{margin:10px 0 0 0; padding:0;}
#searchform #searchtips {text-align:right; float:right; margin:0 0px 0 0;}
#searchform label{ font-size:0.9em; font-weight:bold; color:#FFFFFF}

h3.whatsin {margin:0; padding:0; background:url(images/whatsin.gif) no-repeat; width:396px; height:22px;}

#librarybox{width:281px;height:169px; float:left;background:url(images/homepage_library.png);}
#librarybox h3{margin:20px 0 0 10px; padding:0; background:url(images/header_visitourlibrary.png) no-repeat; width:136px; height:93px;}
#librarybox .text{width:200px; margin:10px 0 0 15px; float:left}
#librarybox .go{width:46px; height:24px; margin:15px 0 0 0; float:left}

#contributebox{width:281px;height:169px; float:left;margin-left:19px; background:url(images/homepage_contribute.png);}
#contributebox h3{margin:20px 0 0 10px; padding:0; background:url(images/header_contribute.png) no-repeat; width:184px; height:94px;}
#contributebox .go{width:46px; height:24px; margin:15px 0 0 0;float:left}
#contributebox .text{width:200px; margin:10px 0 0 15px; float:left}

#account{color:#333}
#account a{color:#006600}

.reciprocallink{margin-bottom:20px; clear:left; height:60px;}
.reciprocallink img{float:left; margin-right:10px;}
.reciprocallink p{margin-left:100px;padding-top:10px}

.replace{display:none}

#results{border-collapse: collapse; }
#results td, #results th  { border: 1px solid #CCC4B0; }
.stats{border-collapse: collapse; width:100% }
.stats td, .stats th  { border: 1px solid #CCC4B0; font-size:0.85em }

#singlecol ul{margin-left:20px;}

#frmSearch fieldset {
	padding:5px; margin:0;
}

div.error, div.good{ width:350px; padding:10px 10px 10px 30px; margin:5px;}
div.error a, div.good a{ color:#03C}
div.error{border:1px solid #FF9B9B; color:#FE1A1A; background:#FFF2F2 url(images/exclamation.gif) 8px 10px no-repeat;}
div.good{border:1px solid #009F00; color:#00A000;background:#F2FFF2 url(images/tick.gif) 8px 10px no-repeat;;}

#recordbar{margin-top:5px;}

#record_copyright{display:none;}

/* Added by Adam */ 
p, ol { font-family: Arial, Helvetica, sans-serif; font-size: .9em; line-height: 1.4em; padding: .5em 0 .5em 0; text-align: justify;  }
#singlecol p { width: 580px; }
#singlecol { /* background: url(images/d_w_jones_01.png) top right no-repeat; */ padding-bottom: 20px;}
h3 { padding: 15px 0 4px 0; }
#rightcol { padding-bottom: 20px; }
/* Added by Adam */ 




/* CSS for the box starts here */
#wwrcontent #singlecol{background-color:#E3DED3;}

/* Normal styling */
.cb {margin:0.5em 0;}

	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
}
#footer .bt, .roundedcorners .bt {
	background:url(images/box.png) no-repeat 100% 0;
}
#wwrcontent .bt {
	background:url(images/content.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	font-size:0;
	line-height:0;
}
#footer .bt div, .roundedcorners .bt div {
	background:url(images/box.png) no-repeat 0 0;
}
#wwrcontent .bt div {
	background:url(images/content.png) no-repeat 0 0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
}
#footer .bb, .roundedcorners .bb {
	background:url(images/box.png) no-repeat 100% 100%;
}
#wwrcontent .bb {
	background:url(images/content.png) no-repeat 100% 100%;
}

.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	font-size:0;
	line-height:0;
}
#footer .bb div, .roundedcorners .bb div {
	background:url(images/box.png) no-repeat 0 100%;
}
#wwrcontent .bb div {
	background:url(images/content.png) no-repeat 0 100%;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
}
#footer .i1, .roundedcorners .i1 {
	background:url(images/borders.png) repeat-y 0 0;
}
#wwrcontent .i1 {
	background:url(images/content_borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
}
#footer .i2, .roundedcorners .i2 {
	background:url(images/borders.png) repeat-y 100% 0;
}
#wwrcontent .i2 {
	background:url(images/content_borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
}
#footer .i3, .roundedcorners .i3 {
	background:#524E45;
}
#wwrcontent .i3 {
	background:#E3DED3;min-height:400px;
}
#wwrcontent .i3 h2, #wwrcontent .i3 h3 {
	color:#080;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}


/* Statistics */
.msg_list {
margin: 0px;
padding: 0px;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
margin:1px;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
}
.msg_body {
padding: 5px 10px 15px;
}

.msg_body td{font-family:Arial, Helvetica, sans-serif;}

.expand{
	font-size:0.9em;
	color:#008000;
}
/* /Statistics */


.searchresults_tooltip{ width:250px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	color:#333;
	font-size:0.86em;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	border: none;
	width: 217px;
	padding:0 10px 0 20px;
	height: 60px;
	opacity: 0.8;
	text-align:left;
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 10pt;
	text-align: left;
}
#tooltip.pretty div { width: 208px; text-align: left;}

#tooltip.fancy {
	background: url('js/shadow2.gif');
	padding-top:25px;
	height: 91px;
}
#tooltip.fancy.viewport-right {
	background: url('js/shadow2-reverse.gif');
}

.inscription{ font-family:"Lucida Console",monospace, Arial, Helvetica, sans-serif; text-transform:uppercase}

.fm-form fieldset{border:none;}
.fm-form legend{margin:1em 0;padding:0 .5em;color:#008000;background:transparent;font-size:1.3em;font-weight:bold;}
.fm-form label{float:left;width:130px;padding:0 1em;text-align:right;}
.fm-form fieldset div{margin-bottom:.5em;padding:0;display:block;}
.fm-form fieldset div input, .fm-form fieldset div textarea{width:180px;border-top:1px solid #555;border-left:1px solid #555;
	border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1px;color:#333;}
.fm-form fieldset div textarea{width:250px;}
.fm-form fieldset div select{padding:1px;}
.fm-form div.fm-multi div{margin:5px 0;}
.fm-form div.fm-multi input{width:1em;}
.fm-form div.fm-multi label{display:block;width:200px;padding-left:5em;text-align:left;}
#fm-submit{clear:both;padding-top:1em;}
#fm-submit input{border:1px solid #333;padding:2px 1em;background:#555;color:#fff;font-size:100%;width:120px;}
.fm-form input:focus, .fm-form textarea:focus{background:#efefef;color:#000;}
.fm-form fieldset div.fm-req{font-weight:bold;}
.fm-form fieldset div.fm-req label:before{content:"* ";}
.fm-form fieldset div label:after{content:":";}


/* reCAPTCHA styles */
.recaptchatable .recaptcha_image_cell, #recaptcha_table { 
   background-color:#E3DED3 !important; //reCaptcha widget background color
 }
#recaptcha_table {

   border-color: #AAA69E !important; //reCaptcha widget border color
   
 }
 
 #recaptcha_response_field {
   border-color: #AAA69E !important; //Text input field border color
   background-color:#AAA69E !important; //Text input field background color
 }


/* Added by JF */
.bg-1{ background:url(images/medals_01.jpg) 610px 0 no-repeat;}
.bg-2{ background:url(images/medals_02.jpg) 610px 0 no-repeat;}
.bg-3{ background:url(images/medals_03.jpg) 610px 0 no-repeat;}
.bg-4{ background:url(images/medals_04.jpg) 610px 0 no-repeat;}
.bg-5{ background:url(images/medals_05.jpg) 610px 0 no-repeat;}
/* Added by JF */


#webring{width:330px; margin:40px auto; font-family:Arial, Geneva, sans-serif; font-size:0.95em; clear:both;}
#webring table{border:1px solid #E3DED3;}
#webring table table{border:0}
#webring td{background-color:#E3DED3;border:0; padding:0}
#webring .st2odm{color:#333;}
#webring .st1odm{color:#333;}
#webring input{display:none}

.table-form td{padding:2px;}

.webform{
	}
.webform fieldset{border:1px solid #999; padding:5px;}	
.webform .field-group{clear:both; padding-bottom:50px;}	
.webform .field{float:left; margin-left:5px;}	
.webform .first{margin-left:0;}	
	
.webform label{ 
	display:block;
	font-weight:bold;}
	
.webform .inputbox{
	height:18px;
	border:1px solid #ccc;}
	
.webform textarea{
	height:80px;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif; font-size:0.95em;
	}
	
.submit{	
	margin:2px 0 0 3px;
	background-color:#eee;
	height:30px;
	width:80px;
	padding:0;
	border:1px solid #ccc;
	display:block;
	color:#666;}