* { margin:0;padding:0 }
	
body {
	margin:0;
	padding:0;
	line-height: 1.5em;
}

/* LAYOUT */
#maincontainer {
	width: 860px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#topsection {
	background: white;
	height: 199px; /*Height of top section*/
}

#topsection h1 {
	margin: 0;
	padding-top: 15px;
}

#contentwrapper {
	float: left;
	width: 100%;
}

#contentcolumn_index {
	margin-right: 160px; /*Set right margin to RightColumnWidth*/
	padding-top: 7px;
	font: 10pt 'Comic Sans MS';
}

#contentcolumn {
	padding-top: 7px;
	font: 10pt 'Comic Sans MS';
}

#rightcolumn {
	float: left;
	width: 140px; /*Width of right column*/
	margin-left: -160px; /*Set left margin to -(RightColumnWidth) */
	background: #005068; 
	border-top: 4px solid #18a8d0;
	border-right: 20px solid #18a8d0;
	min-height: 975px;
}

#footer {
	clear: left;
	width: 100%;
	background: white;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
}

#footer a {
	color: #FFFF80;
}

.innertube {
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

/* Box behind downloads links ( Adobe )*/
#download {
	width: 280px;
	background: #18a8d0;
	color: #FFF;
	text-align: left;
	padding: 5px 0px 0px 5px;
	margin: 5px 0px 5px 0px;
}

/* TEXT */
p.content {
	color: black;
	font: 10pt 'Comic Sans MS';
}

p.small {
	color: black;
	font: 8pt 'Lucida Sans Unicode';
}

p.gray {
	color: #706860;
	font: 9pt 'Book Antiqua';
}

p.black {
	color: #000;
	font: 9pt "Times New Roman";
	margin: 3px 0px 0px 20px ;
}

h2.header_comments {
	color: #000;
	font: 10pt "Bookman Old Style";
}

p.black_comments {
	color: #000;
	font: 9pt/1.4 "Bookman Old Style";
	padding: 4px;
}

p.gray_comments {
	color: #666;
	font: italic 9pt/1.4 "Bookman Old Style";
	padding: 4px;
}

p.white {
	color: #fff;
	font: bold 14pt "Times New Roman";
}

p.error {
	color: red;
	font: 12pt 'Comic Sans MS';
}

p.note {
	color: red;
	font: 12pt 'Comic Sans MS';
	font-style: italic;
	text-decoration: underline;
}

b {
	font-size: 110%;
  } 
  
/* HEADINGS */
h1.green {
	color: #317340;
	font: 18pt 'Comic Sans MS';
	font-weight: bold;
}

h2.green {
	color: #317340;
	font: 14pt 'Comic Sans MS';
	font-weight: bold;
}

A.download:link {
	text-decoration: underline;
	color: white;
	font: 10pt 'Comic Sans MS';
	font-weight: bold;
}
A.download:visited {
	text-decoration: underline;
	color: white;
	font: 10pt 'Comic Sans MS';
	font-weight: bold;
}
A.download:active {
	text-decoration: underline;
	color: white;
	font: 10pt 'Comic Sans MS';
	font-weight: bold;
}
A.download:hover {
	text-decoration: underline;
	color: black;
	font: 10pt 'Comic Sans MS';
	font-weight: bold;
}

/* IMAGES */
/* Pad the text from the image */
img.padding {
margin: 7px 7px 0px 0px ;
/*border-color: black;
border: 1px solid;*/
border: none;
}

/* Pad the gif animated image top and bottom */
img.gif {
margin: 7px 0px 7px 0px ;
border-color: black;
border: 1px solid;
}

/* First row of images */
img.first {
margin: 2px 1px 0px 4px ;
border: 0px ;
}

/* Second row of images */
img.second {
margin: 5px 6px 0px 0px ;
border: 0px ;
}

/* RULES */
hr.bottom {
margin: 8px auto;
}

hr.news {
margin-top: 12px;
}

.comments_rule{
margin: 0px;
margin-top: 0;
border-bottom: 1px solid gray;
}

/* Order forms*/
table.payment {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #7f9db9;
	border-collapse: collapse;
	background-color: white;
}

table.payment td {
	border-width: 0px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

/* Products table*/
table.products {
	margin: 10px 0px 0px 0px;
	border-width: 4px;
	border-spacing: ;
	border-style: solid;
	border-color: #18a8d0;
	border-collapse: collapse;
	background-color: white;
}

table.products td {
	border-width: 2px;
	padding: 10px;
	border-style: inset;
	border-color: #18a8d0;
	background-color: white;
	-moz-border-radius: ;
}

/* Table style for order.php page */
table.order td {
	border-bottom: 2px solid #3399cc;
	background: #fff;
	padding: 12px 6px 12px 6px;
}

/* Display the parts list */
table.parts { 
	width: 100%;
	padding: 0px;
	border: 1px solid #18a8d0;
}

table.parts td {
	font-size: 12px;
	border: 1px solid #18a8d0;
	background-color: #F4F4F4;
	vertical-align: middle;
	padding: 3px;
	font-weight: normal;
}
	
table.parts tr.header td {
	font-size: 16px;
	border: 1px solid #18a8d0;
	background-color: #F4F4F4;
	text-align: center;
	vertical-align: middle;
	padding: 7px;
	font-weight: bold;
}

/* Show except for printing see print_layout.css */
/* Red text not displayed on printing */
p.hide {
	color: red;
	font: 12pt 'Comic Sans MS';
}
/* Confirm button not displayed */	
input.hide {
	display: show;
}

/* Online order page	*/
table.parts {
	width: 100%;
	padding: 0px;
	border: 1px solid #18a8d0;
}

table.parts td {
	font-size: 12px;
	border: 1px solid #18a8d0;
	background-color: #F4F4F4;
	vertical-align: middle;
	padding: 3px;
	font-weight: normal;
}
	
table.parts tr.header td {
	font-size: 16px;
	border: 1px solid #18a8d0;
	background-color: #F4F4F4;
	text-align: center;
	vertical-align: middle;
	padding: 7px;
	font-weight: bold;
}

 /* Font for tool tip notes on price list page */
.small_notes {
 font: italic 8pt Arial bold;
 color: Black;
}

/* Tooltip boxes */
a.info {
    position:relative; /*this is the key*/
    z-index:24; background-color:#ff0;
    color:#000;
    text-decoration:none
}

a.info:hover {
	z-index:25;
	background-color:#ff0
}

a.info span {
	display: none
}

/* The span will display just on :hover state */
a.info:hover span { 
    display:block;
    position:absolute;
    top:2em; left:2em; width:20em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}

/* Buttons on news.php */

#navcontainer{
margin-top: 10px;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 11px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #3399cc;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #18a8d0;
text-decoration: none;
}

