body{
	margin:0;
	padding:0;
	color:#000;
	background-color:#FFFFFF;
	margin-bottom:0;
	}

a.button {
    background: transparent url('../images/buttonOFF.jpg') no-repeat scroll top right;
    color: #413F40;
	width:100px;
    display: block;
    float: left;
	padding:5px;
    font: normal 12px arial, sans-serif;
    height: 24px;
	margin-top:6px;
    margin-right: 6px;
    padding-right: 18px;
	padding-right: 0px!important;
	margin-left:0px!important;  /* sliding doors padding */
    text-decoration: none;
}
a.button:hover{
background: transparent url('../images/buttonON.jpg') no-repeat scroll top right;
}
a.button_current{
    background: transparent url('../images/buttonON.jpg') no-repeat scroll top right;
    color:  #413F40;
	width:100px;
    display: block;
    float: left;
	padding:5px;
	
	
    font: normal 12px arial, sans-serif;
    height: 24px;
		margin-top:6px;
    margin-right: 6px;
    padding-right: 10px;
	padding-right: 0px!important;
	margin-left:0px!important; /* sliding doors padding */
    text-decoration: none;

}
a.buttonBox {
    background: transparent url('../images/buttonOFF.jpg') no-repeat scroll top right;
    color: #413F40;
	width:100px;
    display: block;
    float: left;
	padding:5px;
    font: normal 12px arial, sans-serif;
    height: 24px;
	margin-top:6px;
    margin-right: 6px;
    padding-right: 18px;
	padding-right: 0px!important;
	margin-left:0px!important;  /* sliding doors padding */
    text-decoration: none;
}
a.buttonBox:hover{
background: transparent url('../images/buttonON.jpg') no-repeat scroll top right;
}

.title {
	color: #000;
	font:  13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

}

.username {
    	background-repeat: no-repeat;
    	background-position:left;
	width:285px;
    	font:normal 18px Arial;
    	color: #999999;
}
.username:focus, .username:hover {
	background-color:#F0FFE6;
}
   
.password {
    	background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    	font:normal 18px Arial;
    	color: #999999;
}
.password:focus, .password:hover {
	background-color:#F0FFE6;
}
.link {

	color: #777776;
	font:  10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.forms {
	color: #000;
	font:  13px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #848282;
	margin: 1px;
	padding: 1px;
	background-color: #F5F5F5;

}

.searchtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#808284;
	border: 1px solid #848282;
	margin: 1px;
	padding: 1px;
	/*background-color: #F5F5F5;*/

}

.footersmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
a.footersmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.footersmall:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}
a.mainmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #413F40;
	font-weight: normal;
	text-decoration: none;


}
a.mainmenusmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #413F40;
	font-weight: normal;
	text-decoration: none;


}

a.mainmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;


}

a.redmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CE0000;
	font-weight: normal;
	text-decoration: none;
}
a.redmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CE0000;
	font-weight: bold;
	text-decoration: underline;

}

a.redmenu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CE0000;
	font-weight: normal;
	text-decoration: none;
}

.bullets {
	list-style-position: outside;
	list-style-type: disc;
	color: #000000;



}

.bulletsnumbered {
	list-style-position: inherit;
	list-style-type: decimal;
	color:#CE0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a.topnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;


}
a.topnav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;


}
.bodytext {
	color: #413F40;
	font:  13px Verdana, Arial, Helvetica, sans-serif;
}

.bodytextInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #413F40;
}

.description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #808284;
}

.test {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #413F40;
}



.bodytext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13;
	color: #413F40;
}

.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CE0000;
	font-weight: normal;
	text-decoration:none;
}

.horizontalrule {
	color: #999999;
}


.tablenoleft {
	padding: 0px;
	margin: 10px 10px 10px 0px;

}
.tablenosides {

	padding: 0px;
	margin: 10px 0px;
}
.formsredborder {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CE0000;
	border: 1px solid #CE0000;
	margin: 1px;
	padding: 1px;
}
.bodytextsmall {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
.bodytextsmallred {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CE0000;
}
.pic {

	padding-right: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	border: 1px solid #000000;
}
.warning {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CE0000;
}

a.large {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CE0000;
	font-weight: normal;
	text-decoration: none;
}
a.large:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CE0000;
	font-weight: normal;
	text-decoration: underline;
}
.bodytextlarge {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}

.tl_black {background: url(../images/tl_black.gif) 0 0 no-repeat}
.br_black {background: url(../images/br_black.gif) 100% 100% no-repeat}

/************************************************************************************************
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 13px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/*****************************************************************************/

div.calendar_widget { position: absolute; float: left; top: 0px; left: 0px; width:140px; height: 200px; display: none; }

#calendar table { border:1px solid #fff; padding: 0; margin:0px; }
#calendar th { font-size:10px;background: #565; color: #fff; margin: 3px; padding: 2px 5px;}
#calendar td { background: #eee; color: #000;  padding: 2px;
    margin:0; height:20px;font-size:10px;text-align:right;vertical-align:top; border:1px solid #fff;}
#calendar td.notInMonth{ background: #999; 
}
#calendar { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#calendar td.monthName{ background: #eee;text-align: center; 
}
td.monthName{ background: #eee;text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#calendar a.active {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;color:#000;	font-weight: bold;	text-decoration: underline;}
#calendar a.activex {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;color:#FF0000;font-weight: bold;	text-decoration: underline;}
#calendar a.inactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
	color: #666666;
}
#calendar a.inactivex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
	color:#FF0000;
}
#calendar a.inactive:hover {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;text-decoration: underline;color:#000;}

#fadeinbox{
position:absolute;
width: 50%;
;color:#808284;
left: 172px;
top: 320px;
padding: 4px;
z-index: 100;
visibility:hidden;
}


#fadeoverlay{ background-image: url(../overlay.png);
				position:absolute;
				width:100%; 
				height:100%;
				z-index:90;
				display:none;
				}

* html #fadeoverlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	width:100%; 
	height:100%;
	display:none;

	}

div#header h1{}
div#navigation{}
div#extra{}
div#footer{}
div#footer p{position:absolute;top:100%;}
div#container{width:100%; height:100%}
div#content{float:right;width:86%}
div#navigation{float:left;}
div#extra{clear:both;}