/* Rand Refinery Style Sheet */

/* Layout */
body			{margin: 0;  
				font-family: verdana; font-size: 11px; color:#104070; 
				background: #ccc;
				text-align: center}      /* this centers everything together with auto margins */

#container		{width: 1000px; margin-left: auto; margin-right: auto; border: 1px solid #aaa; 
				margin-top: 30px; margin-bottom: 30px;                     /*better not to use padding*/
				z-index: 100}

#header			{width: 1000px; height: 100px; 
				margin-left: auto; margin-right: auto; padding: 0 30px 0 30px;   /* This padding pushes the menu down */
				z-index: 900; }

	
#main			{width: 1000px;  margin-left: auto; margin-right: auto; margin-top: 15px;  
				z-index: 250}

#cookie			{width: 440px; height: 20px;               /* The cookie div creates a border to align the floating columns */
				margin-left: auto; margin-right: auto; margin-bottom: 10px; 
				z-index: 200;}

.textblock		{width: 460px; min-height: 400px; margin-left: 270px;  
				z-index: 300; }

.leftcol		{float: left; width: 230px;  
				z-index: 400; }

.rightcol		{float: right; width: 230px;  border-left: 1px solid #c1d72f; background: #fff; text-align: right; 
				z-index: 600; }
	
#footer			{width: 460px; height: 130px; margin-left: auto; margin-right: auto; 
				z-index: 700}


/* Element Formatting */

div.container	{background: #fff } <!-- put fixed after no-repeat to scroll-->

div.header		{background: #fff }

div.main		{background: #fff; text-align: left}

div.cookie		{text-align: right;
				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			{margin:0; border-spacing: 0; border-collapse: collapse; }   /* This stops double lines where cells meet*/
td				{margin:0; font-family: verdana; font-size: 11px}
th				{margin:0; }


				 
/* General Formatting */
INPUT			{font-family: verdana, arial; font-size: 11px;color:#000099}
SELECT			{font-family: verdana, arial; font-size: 11px;color:#000099; font-weight: bold}
TEXTAREA		{font-family: verdana, arial; font-size: 11px;color:#000099}

h1			{color: #104070; font-family: verdana, arial; font-size: 16px; font-weight: bold; margin-top: 0; margin-bottom: 0}
h2			{color: #cc0000; font-family: verdana, arial; font-size: 14px; font-weight: bold; margin-top: 0; margin-bottom: 0}
h3			{color: #cc0000; font-family: verdana, arial; font-size: 12px; font-weight: normal; margin-top: 0; margin-bottom: 0}
h4			{color: #cc0000; font-family: verdana, arial; font-size: 11px; font-weight: bold; margin-top: 0; margin-bottom: 0}


.pagewidth			{width: 1000px}
.headerheight		{height: 100px}
.contentwidth		{width: 450px}
.leftmenu			{width: 230px; height: 500px; }
.rightcolsize		{width: 230px; height: 500px}
.rightcolpossize	{width: 230px; height: 1770px}
.rightcolintimesize	{width: 230px; height: 1080px}
.rightcolhardwaresize	{width: 230px; height: 800px}
.prodmenuitem		{width: 230px; text-align: left; margin-bottom: 10px; padding-left: 50px; padding-top: 10px; padding-bottom: 10px;}
.prodmenutext		{font-family: verdana; color:#fff; size: 11px; font-weight: bold}
.subprodmenuitem 	{width: 230px; text-align: left; padding-left: 50px; padding-bottom: 5px}
.footersize			{width: 460px; height: 130px}
.footertext			{font-family: verdana; color:#cc0000; font-size: 10px; font-weight: bold}			
.footerline			{width: 460px; height: 2px; background: #c1d72f}

.copyright			{color: #104070; font-family: verdana, arial; font-size: 10px}


.highlight		{color: #cc0000; font-family: verdana, arial; font-weight: normal}

.trail			{color: #cc0000; font-family: verdana; font-size: 10.5px; font-weight: normal}
.text			{color: #104070; font-family: verdana, arial; font-size: 11}

.rightcolpic	{float: right; border:0; margin-right: 10px; margin-bottom: 10px; align: right}

.spacer2		{height: 2px}
.spacer5		{height: 5px}
.spacer10		{height: 10px}
.spacer20		{height: 20px}
.spacer50		{height: 50px}
.spacerbottom	{height: 20px}

/* Links */

A					{color: #cc0000; text-decoration: none; border-bottom: 1px dotted #cc0000; font-family: verdana, arial; font-size: 11px; font-weight: normal}
A:visited			{color: #cc0000; text-decoration: none; border-bottom: 1px dotted #cc0000; font-family: verdana, arial; font-size: 11px; font-weight: normal}
A:hover				{color: #cc0000; text-decoration: none; border-bottom: 1px solid #cc0000; font-family: verdana, arial; font-size: 11px; font-weight: normal}


A.menu				{color: #cccccc; text-decoration: none; font-family: verdana, arial; font-size: 10px; font-weight: normal}
A:visited.menu		{color: #cccccc; text-decoration: none; font-family: verdana, arial; font-size: 10px; font-weight: normal}
A:hover.menu		{color: #ffffff; text-decoration: none; font-family: verdana, arial; font-size: 10px; font-weight: normal}

A.prodmenu			{color: #ffffff; text-decoration: none; border-bottom: 0px dotted #fff; font-family: verdana, arial; font-size: 11px; font-weight: bold; text-align: left}
A:visited.prodmenu	{color: #ffffff; text-decoration: none; border-bottom: 0px dotted #fff; font-family: verdana, arial; font-size: 11px; font-weight: bold; text-align: left}
A:hover.prodmenu	{color: #ffffff; text-decoration: none; border-bottom: 1px dotted #fff; font-family: verdana, arial; font-size: 11px; font-weight: bold; text-align: left}

A.subprodmenu			{color: #cc0000; text-decoration: none; border-bottom: 0px dotted #cc0000; font-family: verdana, arial; font-size: 11px; font-weight: bold; text-align: left}
A:visited.subprodmenu	{color: #cc0000; text-decoration: none; border-bottom: 0px dotted #cc0000; font-family: verdana, arial; font-size: 11px; font-weight: bold; text-align: left}
A:hover.subprodmenu		{color: #cc0000; text-decoration: none;  border-bottom: 1px dotted #cc0000; font-family: verdana, arial; font-size: 11px; font-weight: bold; text-align: left}

A.headlink				{color: #cc0000; text-decoration: none; border-bottom: 1px dotted #cc0000; font-family: verdana, arial; font-size: 14px; font-weight: bold; }
A:visited.headlink		{color: #cc0000; text-decoration: none; border-bottom: 1px dotted #cc0000; font-family: verdana, arial; font-size: 14px; font-weight: bold; }
A:hover.headlink		{color: #cc0000; text-decoration: none;  border-bottom: 1px solid #cc0000; font-family: verdana, arial; font-size: 14px; font-weight: bold; }


A.trail				{color: #cc0000; text-decoration: none; border-bottom: 1px dotted #cc0000; font-family: verdana; font-size: 10.5px; font-weight: bold}
A:visited.trail		{color: #cc0000; text-decoration: none; border-bottom: 1px dotted #cc0000; font-family: verdana; font-size: 10.5px; font-weight: bold}
A:hover.trail		{color: #cc0000; text-decoration: none; border-bottom: 1px solid #cc0000; font-family: verdana; font-size: 10.5px; font-weight: bold}

A.info				{color: #cc0000; text-decoration: none; border-bottom: 1px dotted #cc0000; font-family: verdana, arial; font-size: 10px; font-weight: bold}
A:visited.info		{color: #cc0000; text-decoration: none; border-bottom: 1px dotted #cc0000; font-family: verdana, arial; font-size: 10px; font-weight: bold}
A:hover.info		{color: #cc0000; text-decoration: none; border-bottom: 1px solid #cc0000; font-family: verdana, arial; font-size: 10px; font-weight: bold}

A.rightcollink				{color: #00a9a7; text-decoration: none; border-bottom: 1px dotted #00a9a7; font-family: verdana, arial; font-size: 12px; font-weight: bold}
A:visited.rightcollink		{color: #00a9a7; text-decoration: none; border-bottom: 1px dotted #00a9a7; font-family: verdana, arial; font-size: 12px; font-weight: bold}
A:hover.rightcollink		{color: #00a9a7; text-decoration: none; border-bottom: 1px solid #00a9a7; font-family: verdana, arial; font-size: 12px; font-weight: bold}