/*   layout.css  */

/*
 
 http://html-generator.weebly.com/css-font-style-generator.html 
 http://www.joellessacredgrove.com/Clipart/backgrounds.html 
 http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto 
 http://www.thistleandbroom.com/scotland/celts.htm 
 http://www.cbtcafe.com/fireworks/removingbgcolor/ 
 http://www.pixel2life.com/ 
 http://www.netmechanic.com/news/vol7/html_no10.htm
 http://www.dynamicdrive.com/dynamicindex1/mouseovertabs.htm
 http://www.dynamicdrive.com/style/csslibrary/
 http://www.dynamicdrive.com/style/csslibrary/item/corp_blue_css_menu/ 

*/  

body 
{
	font: 95%/1.2 em Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900;
	background-image:url(../images/DunnottarCastle1780.png);
	margin: 0;
	padding: 0;
	color: #000;
}

#boundary
{
	width: 1017px; /*Width of main container*/	
	margin: 17px auto; /*Center container on page*/
	border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
	border:8px solid #0066CC;
	color: #0066CC;
	  /*background-color:#FFF;
*//*	background-image:url(../images/opacity20.png);*/
}

#banner
{
	color: #FF9933;
	padding-top: 10px;	
	padding-left: 10px;	
	height: 187px; /*Height of top section*/
    background-image:url(../images/keithTartan.gif);	
}

#banner2
{
	color: #FF9933;
	padding-top: 10px;	
	padding-left: 10px;	
	height: 187px; 
    background-color: #076A3E;	
}


/* ~~this fixed width container surrounds the other divs~~ */
#container
{
	width: 1020px;	
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	border:4px solid #6C2DC7;
}

#content img
{
	padding: 0px 10px 10px 0px;	
}

#rightCol
{ 
	width: 45.0%; 
	float: right
}	

#initialLayer
{
	position: absolute;
	padding: 0px;
	width: 987px;
	height: 432px;
	top: 299px 
}

#genInfoLayer
{
	position: absolute;
	padding: 5px;
	width: 987px;
	height: 494px;
	z-index: 9;
	/*	left:180px;*/ 
	top: 284px;
    background-color: #A5D8F5; 
	color: #076A3E;
	border: 5px ridge #000000;
	visibility: hidden;
}

#faithLayer
{
	position: absolute;
	padding: 5px;
	width: 987px;
	height: 644px;
	z-index: 9;
	/*	left:180px;*/ 
	top: 284px;
	background-color: #A5D8F5;
	color: #076A3E;
	border: 5px ridge #000000;
	visibility: hidden;
}

#experienceLayer
{
	position: absolute;
	padding: 5px;
	width: 987px;
	height: 639px;
	z-index: 9;
	/*	left:180px;*/ 
	top: 284px;
	background-color: #A5D8F5;
	color: #076A3E;
	border: 5px ridge #000000;
	visibility:hidden;
}

#hobbiesLayer
{
	position: absolute;
	padding: 5px;
	width: 987px;
	height: 639px;
	z-index: 9; 
	top: 284px;
	background-color: #A5D8F5;
	color: #076A3E;;
	border: 5px ridge #000000;
	visibility:hidden;
}

#footer 
{
	padding: 10px 0 10px 15px;
/*	background: #35B3C9*/;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

#footer img
{
	padding: 10px 10px 10px 12px;	
}

#footer p
{
	font-family:Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #FF9933;	

}

#footer a
{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3.2 em;
	color: #fff;
	padding: 10px 60px 10px 204px;		
}

#footer img
{
	padding: 10px 60px 10px 52px;	
}


.innerTubeI
{
	margin: 0px; /*Margins for inner DIV inside each column (to provide padding) 10px*/
	margin-top: 0;
	margin-left: 5px;
	height: 234px;
}

.innerTubeM
{
	margin-left: 15px; /*Margins for inner DIV inside each column (to provide padding) 10px*/
	margin-top: 0;
	height: 735px;	
}

.innerTubeN
{
	margin-left: 15px; /*Margins for inner DIV inside each column (to provide padding) 10px*/
	margin-top: 0;
	height: 200px;	
	z-index: 8;	
}

.innerTubeO
{
	margin-left: 5px; /*Margins for inner DIV inside each column (to provide padding) 10px*/
	margin-top: 0;
	height: 652px;	
}

.innerTubeP
{
	margin: 0px; /*Margins for inner DIV inside each column (to provide padding) 10px*/
	margin-top: 0;
	height: 64px;
}

.innerTubeQ
{
	margin-left: 15px; /*Margins for inner DIV inside each column (to provide padding) 10px*/
	margin-top: 0;
	height: 427px;	
	z-index: 8;	
}

.paraIndent
{
	padding: 5px 20px 5px 20px;
	font-style: italic;	
}