﻿body 
{
	margin:0px;
	font: 0.8em arial;

}
a
{
	color:#13880A;
	font: 0.9em verdana;
}
#header
{
	background:#ffffff url(images/headerbar.png) top left repeat-x;
	margin:0px;
	height:170px;
	
}
#headerseparator
{
	height:4px;
	background-color:#ff9900;
}
#mainwrapper
{
	/*background:#fff url(images/bg.gif) top left repeat-x;*/
	margin:0px;
}
#main
{
	color: #666666;
	margin-left:250px;
	margin-right:260px;
	padding:0;
}
#title
{
	margin-left: 230px;
	padding-top:20px;
	font-weight: bold;
	font-size: 2.5em;
	color: #FFFFFF;
	font-family: Arial,Helvetica;
}
#title a
{
	color: #FFFFFF;
	text-decoration:none;
}
#subtitle
{
	margin-top: 0px;
	margin-left: 100px;
	color: #c5c5c5;
	font-size: 1.3em;
	font-family: Arial,Helvetica;


}
#loginbox
{
	padding:40px;
}
#loginboxwrapper
{
	background:url(images/login.png);
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	margin-left:0px;
	height:225px;
	width:240px;
}
#leftbox
{
	float:left;
	margin:15px;
}
th
{
    vertical-align:top;
}
td
{
    vertical-align:top;
}
h1
{
	color: #996600;
	font-size: 1.5em; 
	font-family: 'Bradley Hand ITC',arial;
	margin-bottom: 3px;
	border-bottom: solid 1px gainsboro;
	padding: 2px;
}

h2 {
	color: #996600;
	font-size: 1.25em;
    line-height: normal;
    font-style: normal;
    font-family: 'Arial Rounded MT Bold';
    font-variant: normal;
}

h3 {
	color: #996600;
	font-size: 1.0em;
    line-height: normal;
    font-style: normal;
    font-family: 'Arial Rounded MT Bold';
    font-variant: normal;
}

h3 a {
	color: #996600;
	font-size: 1.0em;
    line-height: normal;
    font-style: normal;
    font-family: 'Arial Rounded MT Bold';
    font-variant: normal;
}

img { border: 0px; }
hr { color: #ccc; height: 1px; }
table  
{
    font-size: 100%;
}

#shopping_table
{
    font-size: 100%;
    border-width:thin;
    border-spacing:0px;
    border-color:black;
    border-collapse:collapse;
    border-style:none;
    color:#996600;
    width:800px;
   
}
#shopping_table tbody tr td
{
    font-size: 100%;
    border-width:1px;
    border-spacing:0px;
    border-color:#996600;
    border-collapse:collapse;
    border-style:inset;
    color:#996600;
     
}

#shopping_table tbody tr.odd td
 {
     background-color:#e6eed5;
 }
 
.codeblock 
{
	color: #73880A; 
	font: 100% "Courier New", Courier, monospace; 
	padding:20px;
	margin:20px;
	border-left:1px solid #666666; 
}
form { margin: 0px; padding: 0px; }
input, select 
{
    font-size: 9pt;
    font-family: 'Lucida Sans';
    border:1px solid #c5c5c5;
    
    }
textarea
{
    font-size: 9pt;
    font-family: 'Lucida Sans';
    border:1px solid #c5c5c5;
}

#footer
{
	text-align:center;
	font-size:.7em;
	clear: left;
	width: 100%;
	background: #CCFFFF;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
}

#footer a{
	color: black;
}

.pagesummary
{
	font-size: 0.9em;
	color: #000000;
	bottom: 0;
	font-style: italic;
	font-family: arial;
	margin-bottom:15px;
}

.lastupdated
{
	font-size: 0.8em;
	color: "dimgray";
	padding-top: 1em;
	bottom: 0;
	border-top: 1px solid whitesmoke;
	margin-top: 20px;
	font-style: italic;
	font-family: arial;
	font-weight: bold;
}
.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}

.headlinks
{
	color:Black;
	font-weight:bold;
	font-size:1.2em;
	font-family: calibri;
}

#centercontent
{
	color: #996600;
	font-size: 1.2em;
	font-family: calibri;
	margin-bottom: 3px;
	border-bottom: solid 1px gainsboro;
	padding: 2px;
}



.innertube{
margin: 10px; 
margin-top: 0;
}

#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 200px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
/*width: 230px; /*Width of left column*/
width:230px;
/*height:600px;*/
margin-left: -100%;
/*background: #DEE67E;*/
}

#rightcolumn{
float: left;
/*width: 260px; /*Width of right column*/*/
width:25%;
margin-left: -260px; /*Set left marginto -(RightColumnWidth)*/
background: #ffffff;
/*height:600px;*/
}

.arrowgreen{
	width: 230px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	/*border-size: 1px;*/
	border-width: 1px;
	
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(./images/arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #5E7830;
}

.arrowgreen li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: #26370A;
	background-position: 100% -64px;
}

#elegant
{
	font-family: Arial;
	font-size:large;
	color:Black;
}

