/* CSSFILE.css */

/* ===== colorset ===== */
/* white>> [rgb(255,255,255)][hex(#ffffff)] */
/* black>> [rgb(0,0,0)][hex(#000000)] */
/* red>> [rgb(204,0,0)][hex(#CC0000)] */
/* darkred>> [rgb(153,0,0)][hex(#990000)] */
/* lightblue>> [rgb(153,204,255)][hex(#99CCFF)] */
/* skyblue>> [rgb(105,162,212)][hex(#69A2D4)] */
/* royalblue>> [rgb(51,102,153)][hex(#336699)] */
/* darktealblue>> [rgb(0,51,102)][hex(#003366)] */
/* lightestgray>> [rgb(244,244,244)][hex(#F4F4F4)] */
/* lightgray>> [rgb(222,222,222)][hex(#DEDEDE)] */
/* gray>> [rgb(204,204,204)][hex(#CCCCCC)] */
/* darkergray>> [rgb(153,153,153)][hex(#999999)] */

/* default links */
a:link {text-decoration: underline; color: #990000;}
a:visited {text-decoration: underline; color: #990000;}
a:active {text-decoration: underline; color: #990000;}
a:hover {text-decoration: none; color: #CC0000;}
/* White */
a.white:link {text-decoration: underline; color: White;}
a.white:visited {text-decoration: underline; color: White;}
a.white:active {text-decoration: underline; color: White;}
a.white:hover {text-decoration: none; color: White;}
/* Black */
a.black:link {text-decoration: underline; color: Black;}
a.black:visited {text-decoration: underline; color: Black;}
a.black:active {text-decoration: underline; color: Black;}
a.black:hover {text-decoration: none; color: Black;}
/* CookieCrumb */
a.cookiecrumb:link {text-decoration: underline; color: #336699;}
a.cookiecrumb:visited {text-decoration: underline; color: #336699;}
a.cookiecrumb:active {text-decoration: underline; color: #336699;}
a.cookiecrumb:hover {text-decoration: none; color: #69A2D4;}
/* TOC Title */
a.toctitle:link {text-decoration: none; color: White;}
a.toctitle:visited {text-decoration: none; color: White;}
a.toctitle:active {text-decoration: none; color: White;}
a.toctitle:hover {text-decoration: underline; color: White;}
/* Gray */
a.gray:link {text-decoration: none; color: Gray;}
a.gray:visited {text-decoration: none; color: Gray;}
a.gray:active {text-decoration: none; color: Gray;}
a.gray:hover {text-decoration: underline; color: Gray;}

/* body styles */
body.body {
	background-color: #DEDEDE;
	color: Black; 
	font-family: Arial, Verdana; 
	font-size: 12px;
	scrollbar-arrow-color: Black;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: rgb(245,245,245);
	scrollbar-base-color: rgb(204,204,204);
	scrollbar-face-color: White;
	scrollbar-3dlight-color: White;
	scrollbar-darkshadow-color: White;
	scrollbar-track-color: rgb(204,204,204);
}

/* text styles */
/* Banner (for text only) */
.banner_big {color: #003366; font-family: Arial, Verdana; font-size: 32px; font-weight: bold;}
.banner_sml {color: Black; font-family: Arial, Verdana; font-size: 24px; font-weight: bold;}
/* Arial Black */
.black8 {color: Black; font-family: Arial, Verdana; font-size: 8px;}
.black10 {color: Black; font-family: Arial, Verdana; font-size: 10px;}
.black12 {color: Black; font-family: Arial, Verdana; font-size: 12px;}
.black13 {color: Black; font-family: Arial, Verdana; font-size: 13px;}
.black15 {color: Black; font-family: Arial, Verdana; font-size: 15px;}
.black18 {color: Black; font-family: Arial, Verdana; font-size: 18px;}
.black19 {color: Black; font-family: Arial, Verdana; font-size: 19px;}
.black20 {color: Black; font-family: Arial, Verdana; font-size: 20px;}
/* Arial Gray */
.gray10 {color: Gray; font-family: Arial, Verdana; font-size: 10px;}
.gray12 {color: Gray; font-family: Arial, Verdana; font-size: 12px;}
/* Verdana Black */
.vblack10 {color: Black; font-family: Verdana, Arial; font-size: 10px;}
.vblack12 {color: Black; font-family: Verdana, Arial; font-size: 12px;}
.vblack13 {color: Black; font-family: Verdana, Arial; font-size: 13px;}
.vblack15 {color: Black; font-family: Verdana, Arial; font-size: 15px;}
.vblack18 {color: Black; font-family: Verdana, Arial; font-size: 18px;}
.vblack19 {color: Black; font-family: Verdana, Arial; font-size: 19px;}
.vblack20 {color: Black; font-family: Verdana, Arial; font-size: 20px;}
/* Verdana Gray */
.vgray10 {color: Gray; font-family: Verdana, Arial; font-size: 10px;}
.vgray12 {color: Gray; font-family: Verdana, Arial; font-size: 12px;}
/* Arial White */
.vwhite10 {color: White; font-family: Verdana, Arial; font-size: 10px;}
.vwhite12 {color: White; font-family: Verdana, Arial; font-size: 12px;}
.vwhite13 {color: White; font-family: Verdana, Arial; font-size: 13px;}
.vwhite15 {color: White; font-family: Verdana, Arial; font-size: 15px;}
.vwhite18 {color: White; font-family: Verdana, Arial; font-size: 18px;}
.vwhite19 {color: White; font-family: Verdana, Arial; font-size: 19px;}
.vwhite20 {color: White; font-family: Verdana, Arial; font-size: 20px;}
/* Verdana White */
.white10 {color: White; font-family: Arial, Verdana; font-size: 10px;}
.white12 {color: White; font-family: Arial, Verdana; font-size: 12px;}
.white13 {color: White; font-family: Arial, Verdana; font-size: 13px;}
.white15 {color: White; font-family: Arial, Verdana; font-size: 15px;}
.white18 {color: White; font-family: Arial, Verdana; font-size: 18px;}
.white19 {color: White; font-family: Arial, Verdana; font-size: 19px;}
.white20 {color: White; font-family: Arial, Verdana; font-size: 20px;}
/* special types */
.spacer {color: White; font-family: Arial, Verdana; font-size: 5px;}
.system {color: Black; font-family: system, arial, verdana;}
.pollchart {font-family: Arial, Verdana; font-size: 9px;}

/* td styles */
td.titlebars{background-color: #336699; border: 1px #003366 Solid; color: White; font-family: Verdana, Arial; font-size: 13px; font-weight: Bold;}
td.titlebars_red{background-color: #990000; border: 1px #cc0000 Solid; color: White; font-family: Verdana, Arial; font-size: 13px; font-weight: Bold;}
td.submenus{background-color: #69A2D4; border: 1px #336699 Solid; color: White; font-family: Verdana, Arial; font-size: 12px;}
td.submenus_red{background-color: #cc3333; border: 1px #990000 Solid; color: White; font-family: Verdana, Arial; font-size: 12px;}
td.titles{background-color: #336699; color: White; font-family: Verdana, Arial; font-size: 12px; font-weight: Bold; text-align: center;}

/* buttons */
input.button_gray{background-color: #DEDEDE; border: #999999 1px solid; color: Black; font-family: Verdana, Arial; font-size: 10px; font-weight: bold;}
input.button{background-color: #99CCFF; border: #336699 1px solid; color: Black; font-family: Verdana, Arial; font-size: 10px; font-weight: bold;}
input.squarebutton{background-color: #99CCFF; border: #336699 1px solid; color: Black; font-family: Verdana, Arial; font-size: 10px; font-weight: bold; height: 50px; width: 50px;}
/* images */
img.images{border: 1px #5876b2 solid;}
img.gallery{border-color: DarkGray;}
/* inputs */
input.checkbox{height: 9px;}
input.signup{border-color: #b2c3e7; color: black; font-family: Arial, Verdana; font-size: 8px; height: 18px; width: 75px;}
input.text{background-color: White; border: #336699 1px solid; color: Black; font-family: arial, verdana; font-size: 12px; width: 100%;}
/* textareas */
textarea.textarea{background-color: White; border: DarkGray 1px solid; color: Black; font-family: arial, verdana; font-size: 9px; scrollbar-3dlight-color: White; scrollbar-arrow-color: Black; scrollbar-base-color: White; scrollbar-darkshadow-color: White; scrollbar-face-color: White; scrollbar-highlight-color: Gray; scrollbar-shadow-color: White; width: 100%;}
/* selects */
select.select{background-color: White; border: #336699 1px solid; color: Black; font-family: arial, verdana; font-size: 12px; width: 100%;}