/* CSS Document */

<style type="text/css">

.body {	background-color: #F3F6D7;
}
.body {	background-color: #F3F6D7;
}

.body2 {	background-color: #f4f2ec;
}

/*new fonts front page */
.whitelight { background: #f8f7f3; border: 0; cellspacing: 0; bordercolor: #f8f7f3; font-family: sans-serif; }
.whiteloginbox { background: #B6B996; border: 0; cellspacing: 0; font-family: sans-serif; font-size:small; }
.whitelogintext { background: #f8f7f3; border: 0; cellspacing: 0; font-family: sans-serif; font-size:small; }
.darklogintext { background: #B6B996; border: 0; cellspacing: 0; font-family: sans-serif; font-size:small; }

.whiteofficecell { background: #f8f7f3; border: 0; cellspacing: 0; bordercolor: #F3F6D7; font-family: sans-serif;}
.whiteofficewrite { background: #f4f2ec; border: 0; cellspacing: 0; bordercolor: #F3F6D7; font-family: sans-serif; }

.whiteproduct_header { background-color:#efede7; opacity:0.7; filter:alpha(opacity=70); font-size: xx-large; font-weight: bold; font-family: san-sarif;}
.whitefade_table_med { background: #f8f7f3; border: 0; cellspacing: 0; bordercolor: #F3F6D7; bgcolor:#D7DAB5; opacity:0.8; filter:alpha(opacity=80); font-family:  sans-serif; font-size: large; }
.whitefade_table_dark { background: #f4f2ec; border: 0; cellspacing: 0; bordercolor: #F3F6D7; bgcolor:#D7DAB5; opacity:0.8; filter:alpha(opacity=80); font-family: sans-serif; font-size: large;  }

.white_item_name { background: #efede7; border: 0; cellspacing: 0; font-family: sans-serif; font-size:large; }

/* fonts for front pages */
.bold_header {font-size: 18px; font-weight: bold; font-family: sans-serif; }
.light_background {background-color: #F3F6D7;}
.med_background { background: #E6EABB; }
.dark_background { background: #D7DAB5; }
.officecell { background: #E6EABB; border: 2; cellspacing: 0; bordercolor: #F3F6D7; font-family: sans-serif;}
.officewrite { background: #D7DAB5; border: 2; cellspacing: 0; bordercolor: #F3F6D7; font-family: sans-serif; }
.officetextwindow { background: #B6B996; border: 2; cellspacing: 0; font-family: sans-serif; font-size:large; }
.officetextbox { background: #B6B996; border: 2; cellspacing: 0; font-family: sans-serif; font-weight: bold; }

.fade_table_med { background: #E6EABB; border: 2; cellspacing: 0; bordercolor: #F3F6D7; bgcolor:#D7DAB5; opacity:0.8; filter:alpha(opacity=80); font-family:  sans-serif; font-size: large; }
.fade_table_dark { background: #D7DAB5; border: 2; cellspacing: 0; bordercolor: #F3F6D7; bgcolor:#D7DAB5; opacity:0.8; filter:alpha(opacity=80); font-family: sans-serif; font-size: large;  }

.explaination_table { background: #D7DAB5; border: 2; cellspacing: 0; bordercolor: #F3F6D7; bgcolor:#D7DAB5; opacity:0.95; filter:alpha(opacity=95); font-family:  sans-serif; font-size: large; }

.header_med { background: #E6EABB; bordercolor: #F3F6D7; bgcolor:#D7DAB5; font-family: papyrus; font-size: large; color: #422819; font-weight: bold; }

.product_header { background-color:#B6B996; opacity:0.7; filter:alpha(opacity=70); font-size: xx-large; font-weight: bold; font-family: san-sarif;}
.go_back { background-color:#D7DAB5; font-size: large; font-weight: bold; color: #422819; font-family: san-sarif;}

/* link detail */
a:link {text-decoration:none; color: #777d37; font-family: sans-serif; font-weight:bold}
a:visited {text-decoration:none; color:#777d37; font-family: sans-serif; font-weight:bold}
a:hover {text-decoration: none; color:#FFFFFF; font-family: sans-serif; background-color:#777d37; font-weight:bold;}
a:active {text-decoration: none; color: #777d37; font-family: sans-serif; font-weight:bold}

/* link detail menu */
.themenu a:link {text-decoration:none; color: #FFFFFF; font-family: sans-serif; font-weight:bold}
.themenu a:visited {text-decoration:none; color:#FFFFFF; font-family: sans-serif; font-weight:bold}
.themenu a:hover {text-decoration: none; color:#FFFFFF; font-family: sans-serif; background-color:#777d37; font-weight:bold;}
.themenu a:active {text-decoration: none; color: #FFFFFF; font-family: sans-serif; font-weight:bold}

/* link in the header */
.theheader a:link {text-decoration:none; color: #777d37; font-family: sans-serif; font-size:small; font-weight:lighter }
.theheader a:visited {text-decoration:none; color:#777d37; font-family: sans-serif; font-size:small; }
.theheader a:hover {text-decoration: none; color:#FFFFFF; font-family: sans-serif; background-color:#777d37; font-size:small;}
.theheader a:active {text-decoration: none; color: #777d37; font-family: sans-serif; font-size:small; }

/* link in the footer */
.thefooter a:link {text-decoration:none; color: #FFFFFF; font-family: sans-serif; font-size:small; font-weight:lighter }
.thefooter a:visited {text-decoration:none; color:#FFFFFF; font-family: sans-serif; font-size:small; }
.thefooter a:hover {text-decoration: none; color:#FFFFFF; font-family: sans-serif; background-color:#777d37; font-size:small;}
.thefooter a:active {text-decoration: none; color: #FFFFFF; font-family: sans-serif; font-size:small; }

/* gradients */
#gradient-officewrite {
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, right top, from(#D7DAB5), to(#f4f2ec), color-stop(0.7, #f4f2ec));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(left top, #D7DAB5, #f4f2ec 70%);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#D7DAB5, endColorStr=#f4f2ec, GradientType=1);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D7DAB5, endColorstr=#f4f2ec, GradientType=1)";
	}

#gradient-officetextwindow {
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, right top, from(#B6B996), to(#F3F6D7), color-stop(0.7, #F3F6D7));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(left top, #B6B996, #F3F6D7 70%);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#B6B996, endColorStr=#F3F6D7, GradientType=1);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B6B996, endColorstr=#F3F6D7, GradientType=1)";
	}

#container {
width: 1020px;
position: relative;
left : 50%;
/* margin left started at -510px; */
margin-left: -400px;
}

.scrollbar
{ 
scrollbar-face-color : #B6B996; 
scrollbar-highlight-color : #E6EABB; 
scrollbar-3dlight-color : #D7DAB5; scrollbar-shadow-color : #E6EABB; 
scrollbar-darkshadow-color : #E6EABB; scrollbar-track-color : #D7DAB5; 
scrollbar-arrow-color : #FFFFFF;

}


</style>