html { 
}

/********************************************
* Header definitions and tags used 
* in all pages.
*********************************************/

body {
	background-attachment: fixed;
	background-image: url(images/bg-orange-white.jpg);
	background-repeat: repeat-x;
	background-color: white;
	font-family		: Arial, Sans-Serif;
	font-size		: 12px;
	display: inline;    
}


#page_title {
	position		: absolute;
	top				: 0px;
    left            : 0px;
    font-size       : 18px;
    font-weight     : bold;
    text-align      : center;
    width           : 100%;
    background-color: #eee;
    display         : block;
    padding-top     : 2px;
    padding-bottom  : 3px;
}


h1 {
    font-size       : 18px;
    font-weight     : bold;
    text-align      : center;
    width           : 100%;
    background-color: #eee;
    display         : block;
    padding-top     : 2px;
    padding-bottom  : 3px;
}

h1 a {
	color           : black;
	text-decoration : none;
}


h1 a:hover {
	color           : red;
	text-decoration : none;
}

h2 {
    font-size       : 14px;

}
}


h3 {
    font-size       : 12px;
    font-style      : italic;
}

h4 {
    font-size       : 18px;
    font-weight     : bold;

}

hr {
    width           : 75%;
    height          : 4px;
    margin-top      : 30px;
    margin-bottom   : 20px;
	color          	: #88A;
    background-color: #88A;
}


table {
    border-collapse :   collapse;
}

input                   {background: #eee;}
input:hover             {background: bisque;}
input:focus             {background: bisque;}
input:focus:hover       {background: bisque;}
input.textbox           {background: bisque;}

select                  {background: #eee;}
select:hover            {background: bisque;}
select:focus            {background: bisque;}
select:focus:hover      {background: bisque;}

textarea                {background: #eee;}
textarea:hover          {background: bisque;}
textarea:focus          {background: bisque;}
textarea:focus:hover    {background: bisque;}


input.submitbutton {
	background-color    : #ccf;
	border              : 2px solid black;
	height              : 25px;
	vertical-align      : middle;
	margin              : 5px;
    font-weight         : bold;
}
input.submitbutton:hover          {color: red;}
input.submitbutton:focus          {color: red;}
input.submitbutton:focus:hover    {color: red;}

#top {
	position		: absolute;
	background-image: url(images/top2.jpg);
	background-repeat: no-repeat;
	top				: 0px;
	left			: 0px;
	height			: 80px;
	width			: 899px;
	border-right	: 1px solid #88A;
	display			: inline;
}


#home_link {
	position		: absolute;
	font-size		: 13px;
	font-weight		: bold;
	color			: white;
	top				: 15px;
	left			: 850px;
}


#home_link a {
	color           : white;
	text-decoration : none;
}


#home_link a:hover {
	color          	: red;
	text-decoration : none;
}


#menubar {
	font-size		: 13px;
	font-weight		: bold;
	color			: gray;
	position		: absolute;
	padding			: 0px;
	margin			: 0px;
	height			: 26px;
	top				: 54px;
	left			: 375px;
	width			: 470px;
    display         : block;
}


#menubar td {
    width 			: 170px;
}


#menubar a {
	color           : black;
	text-decoration : none;
}


#menubar a:hover {
	color           : red;
	text-decoration : none;
}


.selected {
	color           : DarkRed;
}


#certificates {
	position		: absolute;
	top				: 2085px;
	left			: 0px;
}


#copyright {
	font-size		: 12px;
	font-weight		: bold;
	position		: absolute;
	top				: 2090px;
	left			: 555px;
	width			: 350px;
	height			: 20px;
}


#main {
	background-color: white;
	font-weight		: normal;
	color			: #222;
	position		: absolute;
	top				: 80px;
	padding			: 0px;
	margin			: 0px;
	height			: 2000px;
	border-bottom	: 4px solid #69c;
	left			: 0px;
	width			: 898px;
	border-left	    : 1px solid #88A;
	border-right    : 1px solid #88A;
	overflow: auto;
	display			: inline;
}

#left_bar {
	background-image: url(images/bg-products.jpg);
	background-repeat: no-repeat;
	position		: absolute;
	top				: -15px;
	height			: 1000px;
	left			: -35px;
	width			: 200px;
	padding-top     : 0px;
	padding-left    : 0px;
}

#left_panel {
	position		: absolute;
	top				: 14px;
	height			: 995px;
	left			: 13px;
	width			: 280px;
	margin 			: 5px;
	display			: inline;
}


#center_panel {
	position		: absolute;
	top				: 15px;
	height			: 995px;
	left			: 306px;
	width			: 280px;
	margin 			: 5px;
	display			: inline;
}

#right_panel {
	position		: absolute;
	top				: 12px;
	height			: 995px;
	right			: 10px;
	width			: 280px;
	margin 			: 5px;
	display			: inline;
}

#left_products {
	background-image: url(images/bg-products.jpg);
	background-repeat: no-repeat;
	position		: absolute;
	top				: -6px;
	height			: 1158px;
	left			: -5px;
	width			: 202px;
	padding-top     : 30px;
	padding-left    : 15px;
}


#right_products {
	position		: absolute;
	top				: 4px;
	height			: 995px;
	right			: 12px;
	width			: 651px;
	margin 			: 5px;
	display			: inline;
}

#left_side {
	position    : absolute;
	top         : 20px;
	width       : 420px;
	left        : 20px;
	display			: inline;
}

#right_side {
	position    : absolute;
	top         : 20px;
	width       : 420px;
	left        : 460px;
	display			: inline;
}

#left_docs {
	position    : absolute;
	top         : 18px;
	width       : 310px;
	left        : 14px;
	display			: inline;
}

#right_docs {
	position    : absolute;
	top         : 20px;
	width       : 310px;
	left        : 350px;
	display			: inline;
}

#left_side_low {
	position    : absolute;
	top         : 60px;
	width       : 420px;
	left        : 20px;
	display			: inline;
}

#right_side_low {
	position    : absolute;
	top         : 60px;
	width       : 420px;
	left        : 460px;
	display			: inline;
}


.button {
    background		: transparent url('images/button.gif') no-repeat;
	display			: block;
	width			: 200px;
    font			: bold 14px arial, sans-serif;
    height			: 24px;
	text-align		: left;
	padding-top 	: 4px;
	padding-left 	: 20px;
	margin          : 5px;
}

img {
	margin          : 3px;
	padding         : 0px;
	border          : 0px;
}

a {
	color			: blue;
	text-decoration : underline;
}


a:hover {
	color           : red;
	text-decoration : underline;
}


.spacer {
	display : block;
	height  : 16px;
}



/********************************************
* Home page      id=home_page
*
* Image fader for the home page.
*********************************************/
#imageContainer {
	left	: 0px;
	width	: 282px;
	height	: 282px;
	display : block
	clip    : rect(0px, 60px, 0px, 30px);
}

#imageContainer img {
	clip    : rect(0px, 60px, 0px, 30px);
}


/********************************************
* Definitions used in the documents page.
*********************************************/
#contact_page {
	position		: absolute;
	top				: 16px;
	left			: 18px;
	width           : 860px;
}


/********************************************
* Definitions used in the documents page.
*********************************************/

#documents {
	position		: absolute;
	left            : 214px;
	width           : 660px;
	top: 11px;
	display			: inline;
}


#documents table {
    align           : center;
    display         : block;
    font-weight     : bold;
}


#documents img {
	margin          : 0px;
	padding         : 0px;
}


#documents a {
	color           : black;
	text-decoration : none;
}


#documents a:hover {
	color           : red;
	text-decoration : none;
}

#documents td.doc_desc {
    width           : 100%;
}


#documents tr.d0 td {
    padding         : 5px;
	background-color: #CEF;
}


#documents tr.d1 td {
    padding         : 5px;
	background-color: #BDF;
}