/* Rand Refinery Style Sheet */

/* Layout */
body			{margin: 0; height:100%; 
				font-family: arial; font-size: 10.5px; color:#666666;
				background: #6f6952;}

#container		{width: 1000px; height: 100%; margin-top:30px; margin-left: auto; margin-right: auto; margin-bottom: 30px;  
				z-index: 100}

#topnavbox		{width: 900px; height:50px; margin-left: auto; margin-right: auto;   
				z-index: 800}

.topnavboxspace	{width:1000px; height:50px;}

.topnavboxbody	{background: #fff; }

#header			{width: 1000px; height: 200px; margin-left: auto; margin-right: auto; 
				z-index: 900}

#cookie			{width: 900px; height: 15px; margin-left: auto; margin-right: auto;  
				z-index: 200; text-indent: 210px}
				
#main			{width: 998px; margin-left: auto; margin-right: auto;   
				z-index: 250}

.textblock		{width: 470px; min-height: 400px; margin-left: 260px;   
				z-index: 300}

.leftcol		{float: left; margin-left:49px; width: 170px;   
				z-index: 400}

.quicknavspace	{width: 170px; height:400px; background: #fff;  
				z-index: 500}

.quicknavbox	{width: 170px; height:400px; background: #fff;  
				z-index: 500}				

.rightcol		{float: right; margin-right:49px; width: 180px; 
				z-index: 600}
	
#footer			{width: 900px; height: 50px; margin-left: auto; margin-right: auto; padding-bottom: 20px; 
				z-index: 700}


/* Element Formatting */

div.container	{border: 0px; background:#fff}

div.topnavbox	{background: #fff; }

div.header1		{background: url(../images/header-1.jpg) no-repeat; }
div.header2		{background: url(../images/header-2.jpg) no-repeat; }
div.header3		{background: url(../images/header-3.jpg) no-repeat; }
div.header4		{background: url(../images/header-4.jpg) no-repeat; }
div.header5		{background: url(../images/header-5.jpg) no-repeat; }
div.header6		{background: url(../images/header-6.jpg) no-repeat; }
div.header7		{background: url(../images/header-7.jpg) no-repeat; }
div.header8		{background: url(../images/header-8.jpg) no-repeat; }
div.header9		{background: url(../images/header-9.jpg) no-repeat; }
div.header10	{background: url(../images/header-10.jpg) no-repeat; }
div.header11	{background: url(../images/header-11.jpg) no-repeat; }
div.header12	{background: url(../images/header-12.jpg) no-repeat; }
div.header13	{background: url(../images/header-13.jpg) no-repeat; }
div.header14	{background: url(../images/header-14.jpg) no-repeat; }
div.header15	{background: url(../images/header-15.jpg) no-repeat; }
div.header16	{background: url(../images/header-16.jpg) no-repeat; }
div.header17	{background: url(../images/header-17.jpg) no-repeat; }
div.header18	{background: url(../images/header-18.jpg) no-repeat; }
div.header19	{background: url(../images/header-19.jpg) no-repeat; }
div.header20	{background: url(../images/header-20.jpg) no-repeat; }
div.header21	{background: url(../images/header-21.jpg) no-repeat; }
div.header22	{background: url(../images/header-22.jpg) no-repeat; }
div.header23	{background: url(../images/header-23.jpg) no-repeat; }
div.header24	{background: url(../images/header-24.jpg) no-repeat; }
div.header25	{background: url(../images/header-25.jpg) no-repeat; }
div.header26	{background: url(../images/header-26.jpg) no-repeat; }
div.header27	{background: url(../images/header-27.jpg) no-repeat; }

div.main		{background: #fff; border: 1px solid #fff}

div.cookie		{background: #fff; padding-top: 10px;
				color: #A77845; text-decoration: none; font-family: arial; font-size: 10px; font-weight: normal}

div.footer		{background: #fff}


/*-- Tables --*/
/*--Tables still need cellspacing=0 in html --*/

table			{border:0; border-collapse: collapse; }
td				{border:0; }	 /*nb affects menu table so don't change */
th				{border:0; }   /*nb affects menu table so don't change */

table.rrl		{border: 1px solid #a77845; border-collapse: collapse;}
td.rrl			{border: 1px solid #a77845; margin:0; vetical-align: top; padding-left: 5px; padding-top:5px; padding-bottom: 5px; 
				font-family: arial; font-size: 10.5px; color: #666666;}
th.rrl			{border: 1px solid #a77845; vertical-align: top; padding: 5px; 
				font-family: arial; font-size: 10.5px; font-weight: bold; color: #a77845;}
				
table.menu		{width: 170px; border: 1px solid #a77845; padding: 0; margin:0; border-collapse: collapse; border-spacing: 0;}
td.menu-element	{width: 15px; border: 1px solid #a77845; 
				padding-top: 5px; padding-right: 3px; padding-bottom: 5px; padding-left: 3px;  
				font-family: arial; font-size: 10.5px; color: #a77845; font-weight: bold}
td.menu-heading	{width: 105px; border: 1px solid #a77845;
				padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px;
				font-family: arial; font-size: 10.5px; color: #a77845; font-weight: bold}
td.menu-year	{width: 26px; border: 1px solid #a77845;
				padding-top: 5px; padding-right: 3px; padding-bottom: 5px; padding-left: 2px;
				font-family: arial; font-size: 10.5px; color: #a77845; font-weight: bold}
td.menu-bottom	{border: 1px solid #a77845; }					


table.periodic	{padding: 0; margin:0; border-collapse: collapse; border-spacing: 0;
				border-top: 1px solid #a77845; border-left: 1px solid #a77845; border-right:1px solid #a77845; border-bottom: 0;}
td.element		{width: 15px; padding: 5px 3px 5px 3px; 
				border-top: 1px solid #a77845; border-left: 1px solid #a77845; border-right:1px solid #a77845; border-bottom: 0; 
				font-family: arial; font-size: 12px; color: #a77845; font-weight: bold}
td.header		{padding: 5px 3px 5px 5px; 
				border-top: 1px solid #a77845; border-left: 1px solid #a77845; border-right:1px solid #a77845; border-bottom: 0; 
				font-family: arial; font-size: 12px; color: #a77845; font-weight: bold}
td.headernoline	{padding: 5px 0 5px 5px; 
				border: 0; 
				font-family: arial; font-size: 12px; color: #a77845; font-weight: bold}

				 
/* General Formatting */


INPUT			{font-family: arial; font-size: 10.5px; color:#666666}
SELECT			{font-family: arial; font-size: 10.5px; color:#666666; font-weight: bold}
TEXTAREA		{font-family: verdana, arial; font-size: 11px; color:#666666}

h1				{color: #A77845; font-family: arial; font-size: 16px; font-weight: bold}
h2				{color: #666; font-family: arial; font-size: 14px; font-weight: bold}
h3				{color: #A77845; font-family: arial; font-size: 12px; font-weight: bold}

hr 				{width: 100%; height: 1px; background-color: #a77845; border: 0; clear: both; margin-bottom: 20px; text-align: left}

ul 				{list-style: disc;  color: #a77845}
ul ul			{list-style: circle; color: #a77845}
ul ul ul		{list-style: square; color: #a77845 }		

ol 				{list-style: decimal; margin: 0 0 18px .5em;}
ol ol 			{list-style: upper-alpha;}
ol ol ol 		{list-style: lower-roman; }
ol ol ol ol 	{list-style: lower-alpha;}

ul.bullet		{list-style: disc; color:#A77845; 
				margin-top: 9px; margin-right: 0px; margin-bottom: 9px; margin-left:0px; }
ul.bulletcloser	{list-style: disc;  color:#a77845;  }
ul.bulletno		{list-style: disc;  color:#a77845;  }
				
ul.menu			{list-style: disc;  color:#a77845; 
				margin-top: 9px; margin-right: 0px; margin-bottom: 9px; margin-left:-22px; }
ul.menuhome		{list-style: disc;  color:#a77845; 		
				margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left:-22px; }				

/*---Miscellaneous---*/

div.quicknavline	{width: 170px; border-top: 1px solid #a77845; margin-bottom: 20px; }
div.rightline		{width: 180px; border-top: 1px solid #a77845; margin-bottom: 20px;}
div.headline		{width: 470px; border-top: 1px solid #a77845; margin-bottom: 20px;}

.text			{color: #666; }
.button150		{width: 150px; background:#111111; padding: 10px; text-align: center}
.button200		{width: 200px; background:#111111; padding: 10px; text-align: center}

.bullet1		{border: 0; margin-left: 5px; margin-right: 10px;}
.bulletno		{border: 0; margin-right: 10px}
.bullettext		{color: #666; line-height:20px}

.logo			{float:right; border:0; margin-top: 40px; margin-right:96px; margin-bottom: 40px}

.smalltext		{font-family:arial; font-size:10px; color:#A77845}
.smalltextgrey	{font-family:arial; font-size:10px; color:#666}
.xsmalltext		{font-family:arial; font-size:9px; color:#A77845}
.highlight		{font-family:arial; font-size:10.5px; color:#A77845; font-weight:bold}
.goldtext		{font-family:arial; font-size:14px; color:#A77845; }
.goldhead		{font-family:arial; font-size:12px; color:#A77845; font-weight:bold}

.footerinsert	{width:900px; height: 50px; background: #333 url(../images/footerbg.png) no-repeat}
.footertext		{font-family: arial; font-size:10px; color:#A77845; text-align: right; margin-right: 215px}
.footercopyright{font-family: arial; font-size:10px; color:#A77845; text-align: right; margin-right: 10px}
.footerline		{width: 460px; border-top: 1px solid #A77845; float: right; margin-right:10px}
.copyright		{float:right; margin-right: 10px; width: 200px; height: 20px; background: url(../images/copyright.png) no-repeat}

.whitetext		{font-family:arial; font-size:9px; color:#A77845; text-align:right; margin-right:265px}

.mainphoto		{border: 0; margin-right: 20px; margin-top: 5px; margin-bottom: 10px; width:180px; float:left}
.mainphotoright	{border: 0; margin-left: 20px; margin-top: 5px; margin-bottom: 10px; width:180px; float:right}
.mainphotofloat	{border: 0; margin-top: 5px; float:right}

.photo			{border: 0px; margin: 10px; width: 200px }
.photo-mgt		{width:150px; border: 0px; margin-top: 15px; margin-left: 15px; margin-right: 10px}
.clearblock		{border: 1px solid #fff; margin: 0; padding: 0; width: 409px; float:right }
.event			{border: 0px; padding: 10px; width: 200px}
.icon			{border:0px; vertical-align: middle}
.photoborder	{border: 1px solid #a77845;}

.gold			{background:#A77845}
.background		{background:#eee;}
.spacer20		{height: 20px}
.spacer15		{height: 15px}
.spacer10		{height: 10px}
.spacer5		{height: 5px}
.spacer3		{height: 3px}
.rightcolspacer	{height: 50px}


.trail-text		{margin-bottom: 30px; color: #A77845; text-decoration: none; font-family: arial; font-size: 10px; font-weight: normal}



/* Links */

A					{color: #A77845;  border-bottom: 1px dotted #A77845; text-decoration: none; font-family: arial; font-size: 10.5px; font-weight: normal;}
A:visited			{color: #A77845;  border-bottom: 1px dotted #A77845; text-decoration: none; font-family: arial; font-size: 10.5px; font-weight: normal;}
A:hover				{color: #666666;  border-bottom: 1px solid #A77845; text-decoration: none; font-family: arial; font-size: 10.5px; font-weight: normal;}


A.trail				{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; font-family: arial; font-size: 10px; font-weight: normal; }
A:visited.trail		{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; font-family: arial; font-size: 10px; font-weight: normal; }
A:hover.trail		{color: #333333; border-bottom: 1px solid #A77845; text-decoration: none; font-family: arial; font-size: 10px; font-weight: normal; }

A.quicknav			{color: #666666; border-bottom: 0px dotted #666666; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5px; font-weight: normal}
A:visited.quicknav	{color: #666666; border-bottom: 0px dotted #666666; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5px; font-weight: normal}
A:hover.quicknav	{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5px; font-weight: normal}

A.bulletlink			{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5px; font-weight: normal}
A:visited.bulletlink	{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5px; font-weight: normal}
A:hover.bulletlink		{color: #666666; border-bottom: 1px solid #A77845; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5px; font-weight: normal}



A.noline			{color: #666666; border-bottom: 0px dotted #666666; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5px; font-weight: normal}
A:visited.noline	{color: #666666; border-bottom: 0px dotted #666666; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5px; font-weight: normal}
A:hover.noline		{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5px; font-weight: normal}

A.rightcollink		{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5px; font-weight: normal}
A:visited.rightcollink	{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5px; font-weight: normal}
A:hover.rightcollink	{color: #A77845; border-bottom: 1px solid #A77845; text-decoration: none; line-height: 20px; font-family: arial; font-size: 10.5x; font-weight: normal}

A.goldlink			{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; font-family: arial; font-size: 14px; font-weight: normal}
A:visited.goldlink	{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; font-family: arial; font-size: 14px; font-weight: normal}
A:hover.goldlink	{color: #A77845; border-bottom: 1px solid #A77845; text-decoration: none; font-family: arial; font-size: 14x; font-weight: normal}

A.linkheading			{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold}
A:visited.linkheading	{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold}
A:hover.linkheading		{color: #A77845; border-bottom: 1px solid #A77845; text-decoration: none; font-family: arial; font-size: 12x; font-weight: bold}


A.footer-menu		{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; font-family: arial; font-size: 10px; font-weight: normal}
A:visited.footer-menu	{color: #A77845; border-bottom: 1px dotted #A77845; text-decoration: none; font-family: arial; font-size: 10px; font-weight: normal}
A:hover.footer-menu	{color: #d4a674; border-bottom: 1px solid #A77845; font-family: arial; font-size: 10px; font-weight: normal}

A.redlink		{color: #ee0000; text-decoration: none; font-family: arial; font-size: 14px; font-weight: normal}
A:visited.redlink	{color: #ee0000; text-decoration: none; font-family: arial; font-size: 14px; font-weight: normal}
A:hover.redlink		{color: #ee0000; text-decoration: underline; font-family: arial; font-size: 14px; font-weight: normal}


