/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { 
	padding: 0; 
	margin: 0; 
}

	
body {
 font-size: 62.5%;
 background: #eee url(images/bodybg.gif)  repeat-x top left; 
 color: #333; 
 text-align: center; /* centre in IE5 */
}

/*																FONT SIZES */

#leftcolumn p, #leftcolumn li {
	font-size: 1.4em;
}

#rightcolumn p {
	font-size: 1.1em;	
	letter-spacing: 0.5px;
	color: #333;
	line-height: 140%; 
	margin-top: 10px;
}

#rightcolumn li {
	font-size: 1.1em;	}

h1 {
	font-size: 1.4em; /* left column main headings */
}

h2 {
	font-size: 1.2em; /* right column - box headings */
}

h3 {
	font-size: 1.1em; /* right column - paragraph headings */
	letter-spacing: 1px;
	color: #b30000;
	margin: 15px 0 0 0;
}

h4 {
	font-size: 1.4em; /* left column sub headings */
	color: #5F3723;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 15px 0 0 0;
	/*text-transform: uppercase;*/
	padding: 0 0 0 5px;
	background: #F1EFE2;
	border-right: 2px solid #D4D0C8;
	border-left: 1px solid #D4D0C8;
	border-bottom: 1px solid #dfdfdf;
}

div#rightcolumn h4 {
	margin-right: 5px;
	font-size: 1.1em;
	padding: 5px;
	line-height: 140%;
}

h6 {
	font-size: 1em;	 /* for image captions */
	font-family: Verdana, sans-serif;
	letter-spacing: 1px;
	color: #5F3723;
	color: #630;
	padding: 0 0 5px 0;
	line-height: normal;
	font-weight: normal;
}

/*																PAGE STRUCTURE */

#wrapper { 
 margin: 0 auto 0;
 width: 737px;
 background: #fff url(images/wrapperbg.gif)  repeat-y top left; 
 text-align: left;

}

#wrapper1 { 
 margin: 0 auto 0;
 width: 737px;
 background: #fff url(images/onecolumnbg.gif)  repeat-y top left; 
 text-align: left;

}

#faux {
 margin-bottom: 5px;
 margin: 0;
 overflow: hidden; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#header {
 color: #333;
 width: 727px;
 padding: 0px;
 height: 140px;
 margin: 0px 0px 0px 5px;
 background: transparent; /*url(images/headerbg.jpg) no-repeat top left;*/
}

	
.navigation {
 font-size: 1.2em;	
 width: 727px;	
 height: 45px;	
 padding: 0px;
 margin: 0px 0px 0px 5px;
 background: #e7e7e7 url(images/navbg.jpg) no-repeat top left;
 overflow: hidden; /*try it*/
}

#rightcolumn { 
 display: inline;
 color: #000;
 margin: 10px 10px 0 10px;
 padding: 0px;
 width: 267px;
 float: left; /*try it instead of right*/
 font-family: verdana, arial, sans-serif;
 overflow: hidden;
}

#leftcolumn { 
 float: left;
 color: #333;
 margin: 10px 10px 0 10px;
 padding: 0px;
 width: 430px;
 display: inline;
 /*position: relative;*/
 font-family: Georgia, Palatino, Palatino Linotype, serif; 
 overflow: hidden;
}


#onecolumn { 
 float: left;
 color: #333;
 margin: 10px 10px 0 15px;
 padding: 0px;
 width: 707px;
 display: inline;
 /*position: relative;*/
 font-family: Georgia, Palatino, Palatino Linotype, serif; 
 overflow: hidden;
}

#footer { 
 width: 100%;
 clear: both;
 color: #333;
 background: #fff url(images/footerbg.gif) repeat-x top left;
 margin: 0;
 padding: 0px;
 height: 100px;
 border-top: solid 1px #606060; 
}

#footer-content {
	width: 775px;
	margin: 0 auto;
} 

#footer-content img  {
	float: left;
}

/*																CLASSES */

#rightcolumn img {
 display: block;	
 margin: 12px auto 5px;
 padding: 2px;
 border: 1px solid #afafaf;
}

/*																"i" box  */
div.info {
	background: transparent url(images/i.gif) no-repeat top left;
	border: 1px solid #c0c0c0;
	margin: 5px 5px 15px 0; 
	padding: 8px 10px 6px 30px;
}

div.info h2, div h2, div#rightcolumn h2 {
	font-family: Georgia, serif; 
	font-weight: normal;
	letter-spacing: 1px;
}

div#map h2, div#photo h2, div#letter h2  {
	float: left;
}


div#map h2  {
	margin-left: 280px;
}

div.info ol {
	margin: 5px 0 0 0;
	padding: 0;
}

div.info ol li {
	color: #333;
	padding: 3px 0 0 0;
	margin: 0 0 0 0;
	list-style-type: square;
	list-style-position: inside;
	font-family: arial, sans-serif;
}

#leftcolumn p {
 text-indent: 25px; 
 text-align: justify; 
 line-height: 150%; 
 margin: 0; 
 padding: 5px 5px;
}


#leftcolumn p.first {
 text-indent: 0px; 
}

#leftcolumn h1, #onecolumn h1 {
 margin: 18px 0 0; 
 font-weight: normal; 
 color: #b30000;
 letter-spacing: 1px;
 text-transform: uppercase;
 clear: both;
}

#leftcolumn .large-pic {
 display: block;	
 margin: 5px auto;
 padding: 2px;
 border: 1px solid #afafaf;
}

#leftcolumn .no-border, #rightcolumn .no-border   {
	border: none;
}


div#leftcolumn ol {
	margin: 5px 0 0 20px;
	padding: 0;
 	text-align: justify; 
}

div#leftcolumn ol li {
	color: #333;
	padding: 3px 0 0 0;
	margin: 0 0 5px 0;
	list-style-type: square;
	list-style-position: outside;
 	line-height: 150%; 
}

div.pic-caption h6 {
	text-align: center;
	font-family: Arial, sans-serif;
	font-weight: normal;
	margin: 3px 40px 0;
}

div.small-item {
	margin: 8px 5px 8px 0;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-bottom: 2px solid #c0c0c0;
	border-right: 2px solid #c0c0c0;	
	background: #fff url(images/bodybg.gif)  repeat-x top left; 
}

#rightcolumn div.pic-caption h6 {
	margin: 3px 10px 5px 0;
}

#leftcolumn ol#notes {
	padding: 5px 5px;
}

#leftcolumn ol#notes li {
	list-style-type: decimal;
	list-style-position: outside;
	font-size: 1.2em;
}

#leftcolumn sup {
	color: #b30000;
}


/*																CLASSES */
.box-popup {
 	position: absolute; 
	visibility: hidden; 
	border: 1px solid #c0c0c0;
	background: #fff;
	padding: 10px; 
	width: 670px;
}

div#photo  {
	width: 400px;
}

.close-popup {
	float: right; 
	margin:  0 10px 10px 0;
}

div#leftcolumn img.small-left-pic {
	float: left;
	margin: 3px 7px 15px 0;	
 	padding: 2px;
 	border: 1px solid #afafaf;
}


.clear { clear: both; background: none; }


.menu-break {
	color: #c0c0c0;
	margin: 0 0 0 197px;
}


.mid-menu-break {
	color: #c0c0c0;
	font-size: 14px;
}

/*																MAIN NAVIGATION */
.navigation ul.links {
	margin: 0 0 0 10px;
	padding: 0;
	width: 720px; 
	font-family: Georgia, Palatino, Palatino Linotype, serif; 
	font-weight: normal;
	text-transform: uppercase;
	list-style: none;
	background: transparent;
	float: left;
	display: inline;/*try it*/
}

.menu-divider {
	color: #000;
	margin: 0 10px;
}


.navigation ul.links li {	
	display: inline; 
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	float: left;	
}

.navigation ul.links a {
	text-decoration: none;
}

.navigation ul.links a:link {
	color: #333;
}

.navigation ul.links a:visited { 
	color:#333;
}  

.navigation ul.links a:hover {
	color:	#b30000;
} 

.navigation ul.links a.current {	
	color: #b30000;	
}

h4#timeline {
	background: transparent url(images/timeline2.gif) no-repeat center right; 
	font-family: 'times new roman' serif; 
	letter-spacing: 3px;  
	line-height: normal; 
	vertical-align: middle; 
	border-top: 1px solid #efefef; 
	border-left: 1px solid #efefef;
	margin-top: 5px;
}

/*																SUB NAVIGATION (override main nav styling)*/
 
div#footer-content .navigation {
	font-size: 1em;
 	width: 595px;	 
 	float: left;
 	background: none;
	display: inline; /*try it2*/
}

div#footer-content .navigation ul.links {
	margin: -10px 0 0 45px;
	font-family:  Verdana, arial, sans-serif; 
	text-transform: lowercase;
	width: 595px;
}


/*																TEXT LINKS */


a:link {
	color: #5F3723;
	color: #630;
}

a:visited { 
	color: #5F3723;
	color: #630;
}  

a:hover {
	color:	#b30000;
} 

p#top, h6#top {
	float: right;
	font-size: 1em;	
	margin: 0 0 10px 0;	
}


div.small-item a:focus {   /*get rid of single pixel on clicking image link*/
	outline: none 
}
	


.bright-colour {
	color:	#b30000;
}