html,body{
      margin:0px;
      padding:0px;
      height:100%;
      border:none;
}
body {
	background-image: url(../images/page_background_vC.gif);
	background-attachment: fixed; /**/
}
.footer{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}
.paraHead {
	font-size: 24px;
	font-family: Arial;
	font-weight: bold;
	color: #550011;
}

td#off div div#subMenu{
	display: none;
}
td#on div div#subMenu{
	display: block;
}

.imgShadow{
	position: absolute; 
	top:6px; 
	left: 6px; 
	padding: 10px 20px;
	  opacity: 0.4;
	  -moz-opacity: 0.4;
	  -khtml-opacity: 0.4;
	  filter: alpha(opacity=40)
}
.navButton{
	border-top: 1px solid #550011;
	border-bottom: 1px solid #550011;
	position: relative;
}
.navButtonCell{
	position: relative;
 	width: 110px; 
	height: 20px; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #FFAAAA #330000 #330000 #FFAAAA;
	overflow: hidden;
}
.navButtonCellOver{
	position: relative;
 	width: 110px; 
	height: 20px; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #FFAAAA #330000 #330000 #FFAAAA;
	overflow: hidden;
}
.linkShadow{
	color: black;
	width: 100%;
	font-weight: bold;
	font-size: 11pt;
	position: absolute; 
	top:3px; 
	left: 3px; 
	  opacity: 0.15;
	  -moz-opacity: 0.15;
	  -khtml-opacity: 0.15;
	  filter: alpha(opacity=15)
}
.linkHilite{
	width: 100%;
	font-weight: bold;
	font-size: 11pt;
	position: absolute; 
	top: 1px; 
	left: 1px;
	color: #000000; 
	z-index: 1;
}
.linkName {
	font-size: 11pt;
	color: #FFAAAA;
	width: 100%;
	height: 100%;
	font-weight: bold;
 	position: relative;
	top: -2px;
	left: -2px; 	
	z-index: 30;
	cursor: pointer;
	text-decoration: none;
	font-family: "Times New Roman";
	z-index: 2;
}
.subLink {
	font-size: 11pt;
	color: #000000;
	width: 100%;
	height: 100%;
	font-weight: bold;
 	position: relative;
	padding: 1px;
	top: 0px;
	left: 0px; 	
	z-index: 30;
	cursor: pointer;
	text-decoration: none;
	font-family: "Times New Roman";
	z-index: 2;
	border-style: solid;
	border-color: #550011;
	border-width: 1px 2px 2px 2px;	
	text-align: center;
}
div#button {
	position: relative; 
	width: 100%; 
	height: 100%; 
	overflow: hidden
}
.flyout {
	position: absolute; 
	left: 143px; 
	top: -27px;
	width: 240px;
	display: none;
	z-index: 20;
}

a {
	text-decoration: underline;
}
a:hover {
	height: auto;	
}
a:hover .glass{
	background-color: #ffffff;
}
a:hover .glass2{
	background-color: #ffffff;
}
.glass{
	width: 100%; 
	height: 100%; 
	background-color: #FF7777;
	 position: absolute; 
	 top: 0px; 
	 left: 0px; 
	 filter: alpha(opacity=40);
	 opacity: 0.4;
	 -moz-opacity: 0.4;
	 -khtml-opacity: 0.4;
}
.glass2{
	width: 100%; 
	height: 100%; 
	background-color: #FFDDDD;
	 position: absolute; 
	 top: 0px; 
	 left: 0px; 
	 filter: alpha(opacity=85);
	 opacity: 0.85;
	 -moz-opacity: 0.85;
	 -khtml-opacity: 0.85;
}
.innerShadow {
	overflow: hidden; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%;
	height: 100%;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	background-image: url(../images/shadow_inner.gif);
}
.content{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #550000;
	padding: 20px;
}
.contentNoPad{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	color: #550000;
}

/* -------------------------------------REQUIRED FOR DROP CAPS WITH SHADOWS --------*/

div.dropShad{
	position: relative;
	top: -0.20em;
	left: 4px;
	color: #e5e5e5;
	line-height: normal;
	font-size: 6em;
	margin-bottom: -30px;
	font-family: "Times New Roman", serif;
	height: 86px;
	width: 1em;;

}
div.dropShad div.main{
	position: absolute; 	
	top: -4px; 
	left: -4px; 
	color: #550011; 
	z-index: 2
}
div.dropShad div.offset{
	position: absolute; 
	top: -2px; 
	left: -2px; 
	color: #bbbbbb; 
	z-index: 1
}

/* -------------------------------------REQUIRED FOR ROUND CORNERS AND DROP SHADOWS --------*/

.graphicShadow{
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50)
}

.section {
	position: relative;
	width: 100%;
}
.rndLine {
	position: relative;
	height: 1px;
	overflow: hidden;
	background-color: #550011;
	border-right: 1px solid #550011;
	border-left: 1px solid #550011;
	z-index: 30;
}
.rndLine2 {
	position: relative;
	height: 1px;
	overflow: hidden;
	background-color: #550011;
	border-right: 1px solid #550011;
	border-left: 1px solid #550011;
	z-index: 30;
}
.shadowTop{
	position: absolute;
	width: 100%;
	left: 8px;
	top: 6px;
}
.shadowBtm{
	position: absolute;
	overflow: hidden;
	height: 13px;
	width: 100%;
	left: 8px;
	top: 0px;
}
.shadowSide{
	width: 6px; 
	height: 100%; 
	background-color: #777777; 
	FILTER: alpha(opacity: 50); 
	  opacity: 0.5;
	  -moz-opacity: 0.5;
	  -khtml-opacity: 0.5;
	position: relative; top: 7px
}
.shadowLine {
	z-index: 0;
	position: relative;
	overflow: hidden;
	background-color: #777777;
	  filter: alpha(opacity=20);
	  opacity: 0.2;
	  -moz-opacity: 0.2;
	  -khtml-opacity: 0.2;
}
.shadowSideLine{
	z-index: 0;
	position: absolute; 
	height: 100%; 
	left: 0px; 
	margin-top: 6px; 
	overflow: hidden;
	background-color: #777777;
	  filter: alpha(opacity=20);
	  opacity: 0.2;
	  -moz-opacity: 0.2;
	  -khtml-opacity: 0.2;
}
.r1 {margin: 0px 7px; background-color: #550011;}
.r2 {margin: 0px 4px; border-width: 3px;}
.r3 {margin: 0px 3px;}
.r4 {margin: 0px 2px;}
.r5 {margin: 0px 1px; height: 3px;}

.ts1 {margin: 0px 7px; height: 7px; }
.ts2 {margin: 0px 4px; height: 6px; top: -6px;}
.ts3 {margin: 0px 3px; height: 5px; top: -11px;}
.ts4 {margin: 0px 2px; height: 4px; top: -15px;}
.ts5 {margin: 0px 1px; height: 1px; top: -16px;}

.bs1 {margin: 0px 7px; height: 13px;}
.bs2 {margin: 0px 4px; height: 12px; top: -13px;}
.bs3 {margin: 0px 3px; height: 11px; top: -25px;}
.bs4 {margin: 0px 2px; height: 10px; top: -36px;}
.bs5 {margin: 0px 1px; height: 7px; top: -46px;}

.ss1{width: 7px;}
.ss2{width: 6px;}
.ss3{width: 5px;}
.ss4{width: 4px;}
.ss5{width: 2px;}

/* new shadow style */

.newShad{
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	  -moz-opacity: 0.5;
	  -khtml-opacity: 0.5;
}

.textContainer {
/*	position: relative; */
	background-color: #FFFFFF;
	border-left: 1px solid #770000;
	border-right: 1px solid #770000;
	padding: 0px;
	height: 100%;
}
.inputLabel{
	font-family: 'Times New Roman';
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	position: relative;
}
.inputLabelShad{
	position: absolute;
	color: #FFFFFF;
	top: -1px;
	left: -1px;
}
input{
	width: 225px;
	border: 1px solid #FF0000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font-family: courier;
	font-size: 12px;
}
.selectBrdr{
	width: 225px; 
	height: 17px; 
	overflow: hidden; 
	border-bottom: 1px solid black
}
select{
	width: 225px;
	height: 50px;
	border: none;
	font-family: courier;
	font-size: 12px;
}
textarea{
	width: 225px;
	border: 1px solid #FF0000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font-family: courier;
	font-size: 12px;
}

.calendarBox { border: 1px solid black; border-top: none}

/* ----------------------------PRINT STYLES ---------------------*/

@media print {
	#noPrint   {display: none;}
	#altPrint   {display: block;}
	#tabs   {display: none}
	.contentBox {width: 750px}
	.calendarBox { border: 1px solid black}
	.calCell_sm {border: 1px solid black; color: black;}
	.content   {color:black;}
	.dayHeader {border: 2px solid black;}
	.dayHeader_sm {border: 2px solid black;}
	.calCell   {border: 1px solid black; color: black;}
	#vac {border-color: #996666;  color:#996666; font-weight: bold}
	#inServ {border-color: #669966; color:#669966; font-weight: bold}
	#min {border-color: #9999CC; color:#9999cc; font-weight: bold}
}

