/* CSS Document */
body {
background-color: #000000; /* #FE6701 orange in Extended Horizons; light brown #C89656*/
font:  70% Verdana, Arial, Helvetica, sans-serif;
/*font-size: 8pt;*/
line-height: 15px;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}


div#container {
width: 760px;
background-color: #eeeeee;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page if needed */
padding: 0;
text-align: justify; /* this overrides the text-align: center on the body element. */
}

/***************************************************
/ header 
/***************************************************/ 
div#header { 
background: #ACA8C1; 
/*background-image: url(../images/header/chinookarch3.jpg);*/
width: 760px;
height: 125px;
} 

/***************************************************
/ content 
/***************************************************/

div#main-body {
width: 100%;
float: left;
background-color: #EFDBCD;
text-align: justify;
}

#index-text-box {
/*background-color: #F5EAE1;*/
background-color: #FDFBFA;
width: 560px;
}

#main-text-box {
/*background-color: #F5EAE1;*/
background-color: #FDFBFA;
width: 580px;
}

#wide-text-box { /* one col */
background-color: #ffffff;
width: 100%;
}

#main-text-box #main-text {
font-style: normal;
font-weight: normal;
text-align:justify;
color: black;
padding: 0 10px;
}

#wide-text-box #main-text {
font-style: normal;
font-weight: normal;
text-align:justify;
color: black;
padding: 0 10px;
}

#main-text #main-col1 {
margin-left: 20px;
padding: 10px 0 10px 0;
    width: 72%;
float: left;
}

#main-text #main-col2 {
padding: 10px 0 10px 0;
margin-right: 2px;
float: right;
}

div#main-text ul {
/*padding:  0 5px 5px 15px;*/
position: relative;
right: 0px;
margin: 0;
padding: 0 0 0 15px;
}


div#main-text h1 { 
font-size: 140%; 
margin-top: 0; 
margin-bottom: 0; 
margin: 0;
}

div#main-text h2 { 
font-size: 120%; 
margin-top: 0; 
margin-bottom: 0;
margin: 0;
padding: 10px 10px 5px 0; 
}

div#main-text h3 { 
font-size: 100%; 
margin-top: 0; 
margin-bottom: 0; 
}

/***************************************************
/ sidebar 
/***************************************************/

#index-sidebar-box {
width: 200px;
margin: 0;
padding: 0;
text-align: left;
}

#index-sidebar-nav-box {
background-image: url(../images/frontpage/dot.jpg);
margin: 0;
padding: 0;
}

#index-sidebar-nav {
margin-top: 5px;
/*font-size: 9pt;*/
    margin-left: 10px;
padding: 5px;
}

#index-sidebar-nav ul{ 
    margin: 0 0 0 5px; 
    padding: 0 0 0 15px;
}

#index-sidebar-nav li{ 
list-style: url(../images/readmorearrow.jpg);
}

#index-sidebar-nav a { 
    text-decoration: none;
}

#index-sidebar-nav a:hover{ 
    text-decoration: underline;
}

#index-sidebar-text {
background-color: #EFDBCD;
margin-top: 5px;
/*font-size: 9pt;*/
padding: 15px;
text-align: left;
}

#index-sidebar-text ul {
/*padding:  0 5px 5px 15px;*/
    position: relative;
    right: 0px;
margin: 0;
padding: 0 0 0 15px;
}

#index-sidebar-text ul li {
/*padding:  0 5px 5px 15px;*/
    padding-left: 0px;
}




#main-sidebar-box {
width: 180px;
margin: 0;
padding: 0;
text-align: left;
background-image: url(../images/frontpage/dot.jpg);
}

div#main-sidebar-nav-box {
margin: 0;
padding: 0;
}

div#main-sidebar-nav {
margin-top: 5px;
/*font-size: 9pt;*/
    margin-left: 10px;
padding: 5px;
}

div#main-sidebar-nav ul{ 
    margin: 0 0 0 5px; 
    padding: 0 0 0 15px;
}

div#main-sidebar-nav li{ 
list-style: url(../images/readmorearrow.jpg);
}

div#main-sidebar-nav a { 
    text-decoration: none;
}

div#main-sidebar-nav a:hover{ 
    text-decoration: underline;
}



div#main-sidebar-text {
background-color: #EFDBCD;
margin-top: 5px;
/*font-size: 9pt;*/
    margin-left: 10px;
padding: 5px;
text-align: left;
}

div#main-sidebar-text ul {
/*padding:  0 5px 5px 15px;*/
    position: relative;
    right: 0px;
margin: 0;
padding: 0 0 0 15px;
}

div#main-sidebar-text ul li {
/*padding:  0 5px 5px 15px;*/
    padding-left: 0px;
}


/***************************************************
/ footer 
/***************************************************/

#footer { 
width: 750px;
margin: 0;
padding: 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#ACA8C1;
color: black;
text-align: center;
font-style: normal;
/*font-size: 9pt;*/
line-height: 17px;
} 

#footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/***************************************************
/ copyright 
/***************************************************/

#copyright { 
width: 750px;
margin: 0;
padding: 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#F5EAE1;
color: black;
text-align: center;
font-style: normal;
/*font-size: 8pt;*/
} 

#copyright p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

table#main {
vertical-align: top;
margin: 0;
}

table#products {
background-color: #FDFBFA;
vertical-align: top;
text-align: center;
}

table#products td {
padding: 5px 10px;
}

table#fanideas {
background-color: #FDFBFA;
vertical-align: top;
text-align: left;
}

table#fanideas td {
padding: 5px 10px;
}

table#fanideas h2 {
text-align: left;
}

table#product-item {
vertical-align: top;
text-align: left;
}

table#product-item td {
padding: 5px 10px;
}

td.cellbgof {
/*background-color: #F5EAE1;
background-color: #FDFBFA;*/
background-color: #FDFBFA;
}

td.cellbgvi {
/*background-color: #F5EAE1;*/
background-color: #D9D3F4;
}

h1, h2, h3   {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
line-height: normal;
color: #000000;
text-align: center;
font-weight: bold;
font-variant: normal;
}

h1  {
    font-size: 14pt;
font-style: normal;
line-height: normal;
color:  #000000;
padding: 10px 0 3px 0;
}

h2   {
font-size: 12pt;
font-style: normal;
line-height: normal;
color: #000000;
padding: 8px 0 3px 0;
}

h3   {
font-size: 10pt;
font-style: normal;
line-height: normal;
color: #000000;
padding: 5px 0 3px 0;
}

.small-text {
    font-size: 9pt;
}

.smaller-text {
    font-size: 8pt;
}

.float-left {
float: left;
}

.italic {
font-style: italic;
}

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

.bold {
font-weight: bold;
}

.aqua {
color: #66ccff;
}

.red {
color: red;
}

.center-table table {
margin-left: auto;
margin-right: auto;
text-align: left;
}

img.left {
    float: left; 
padding-right: 10px;
}

img.right {
    float: right; 
padding-left: 10px;
}
img {
    border: 0px;
}
div.scrollspreadsheet {
	height: 300px;
	overflow: auto;
	border: 1px solid #666;
	padding: 8px;
	width: 800px;
}
div.scrollinputarea {
	height: 400px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #CCCCCC;
	padding: 8px;
	width: 800px;
}