body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

table {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
}

.lgrad {
width:16px;
background-image:url(images/LeftGradient.png);
background-repeat:repeat-y;
}

.rgrad {
width:16px;
background-image:url(images/RightGradient.png);
background-repeat:repeat-y;
}

a {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
a:visited {
	color: #777777;
}
a:hover {
	color: #5e5e5e;
}
a:active {
	color: #5e5e5e;
}

a.inv {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
a.inv:visited {
	color: #FFFFFF;
}
a.inv:hover {
	color: #efefef;
}
a.inv:active {
	color: #FFFFFF;
}


p {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
}

h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
}

h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bolder;
	color: #5e5e5e;
}
h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	padding-left: 20px;
	padding-right: 20px;
	background: url(images/bullet.png) no-repeat 4px 4px;
	font-weight: bolder;
	color: #9c9c9c;
}
.menu {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
}

.menu:link{color: #ffffff}
.menu:visited{color: #ffffff}
.menu:hover{color: #dddddd}
.menu:active{color: #ffffff;}

.selected {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	vertical-align: middle;
	color:#ffffff;
	text-decoration: none;
}

.selected:link{color: #5e5e5e;}
.selected:visited{color: #5e5e5e;}
.selected:hover{color: #5e5e5e}
.selected:active{color: #5e5e5e}



.title {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-style: normal;
	font-weight: bolder;
	color: #ffffff;
	padding-top: 10px;
}
.basetext {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #ffffff;
}
.bodytext {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
}
.button {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bolder;
	color: #ffffff;
}
.button_dark {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #ffffff;
}
.button_light {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bolder;
	color: #ffffff;
}

.doclink {
	padding-left: 20px;
}
.misc {
	background: url('images/icons/misc.gif') left center no-repeat;
}
.mp3 {
	background: url('images/icons/mp3.gif') left center no-repeat;
}
.pdf {
	background: url('images/icons/pdf.gif') left center no-repeat;
}
.ppt {
	background: url('images/icons/ppt.gif') left center no-repeat;
}
.psd {
	background: url('images/icons/psd.gif') left center no-repeat;
}
.rtf {
	background: url('images/icons/rtf.gif') left center no-repeat;
}
.txt {
	background: url('images/icons/txt.gif') left center no-repeat;
}
.wav {
	background: url('images/icons/wav.gif') left center no-repeat;
}
.xls {
	background: url('images/icons/xls.gif') left center no-repeat;
}
.zip {
	background: url('images/icons/zip.gif') left center no-repeat;
}
.asc {
	background: url('images/icons/asc.gif') left center no-repeat;
}
.asp {
	background: url('images/icons/asp.gif') left center no-repeat;
}
.bmp {
	background: url('images/icons/bmp.gif') left center no-repeat;
}
.cd {
	background: url('images/icons/cd.gif') left center no-repeat;
}
.css {
	background: url('images/icons/css.gif') left center no-repeat;
}
.desc {
	background: url('images/icons/desc.gif') left center no-repeat;
}
.dir {
	background: url('images/icons/dir.gif') left center no-repeat;
}
.doc {
	background: url('images/icons/doc.gif') left center no-repeat;
}
.eml {
	background: url('images/icons/eml.gif') left center no-repeat;
}
.exe {
	background: url('images/icons/exe.gif') left center no-repeat;
}
.gif {
	background: url('images/icons/gif.gif') left center no-repeat;
}
.htm {
	background: url('images/icons/htm.gif') left center no-repeat;
}
.jpg {
	background: url('images/icons/jpg.gif') left center no-repeat;
}
.js {
	background: url('images/icons/js.gif') left center no-repeat;
}
.mdb {
	background: url('images/icons/mdb.gif') left center no-repeat;
}
.mde {
	background: url('images/icons/mde.gif') left center no-repeat;
}
.unknown {
	background: url('images/icons/unknown.gif') left center no-repeat;
}

#canvas {
position:relative; 
bottom: 10px; 
height: 20px; 
width: 440px;  
border-style:solid; 
border-width:1px; 
border-color:black;
background-color: #FFFFFF;
visibility: hidden;
font-size: 14px;
font-weight: bold;
font-family: Arial; 
clip: rect(auto); 
overflow: hidden; 
}

#canvasText {
position: relative;
bottom: 0px;
left: 50px;
width:50px;
}



.scrHidden {display: none}
.scrShow {display: block}
.one {background-color: #DCDCDC;}
.three {background-color: #FECA89;}
.four {background-color: #82E7F9;}