body {
height:100%;
margin-top: 0px;
margin-bottom: 0px;
font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
font-size: 11px;
background: #ffffff;
color: #010101;
}

table {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
background: #ffffff;
}

.logo{
margin: 5px;
}

td.border {
background-color: #999999;
background-image: url("border.gif");
background-repeat: repeat-y;
padding: 0px;
width: 7px;
}

.tl {
background-color: #eeeeee;
padding: 0px 0px 0px 0px;
height: 20px;
border: 1px outset #aaaaaa;	
}

.header {
background-color: #fff;
padding-right: 10px;
height:150px;
vertical-align: top;
margin-bottom: 10px;
}

.sp {
background-image: url("cp2.gif");
background-repeat: repeat-y;
padding: 0px 0px 0px 0px;
width: 30px;
}

.sptext {
background-color: #ffddde;
padding: 20px 5px 20px 5px;
color: #660000;
}

.spfoto {
background-color: #ffffff;
padding: 0px 0px 0px 5px;
background-image: url("cp3.gif");
background-repeat: repeat-y;
color: #660033;
height; 120px;
}

.menu {
text-align: center;
background-color: #eeffff;
padding: 0px;
color: #ff66ff;
}

.tit {
text-align: center;
background-color: #ffffff;
background-image: url("cp3.gif");
background-repeat: repeat-y;
padding: 0px;
color: #660033;
height: 120px;
}

.cp4 {
background-image: url("cp4.gif");
background-repeat: repeat-x;
height: 20px;
color: #fff;
padding: 5px 5px 0px 20px;
}

.fl {
background-image: url("bgreet3.gif");
background-repeat: repeat;
color: #fff;
}

.pac {
text-align: left;
background-color: #fff;
padding: 20px 5px 20px 20px;
color: #660000;
vertical-align: top;
}

.cu {
background-color: #fff;
padding: 5px;
color: #660000;
vertical-align: top;
}

.au {
background-color: #fff;
padding: 10px;
color: #9932cc;
vertical-align: top;
text-align: justify;
}

.bu {
background-color: #fff;
padding: 10px;
color: #ff9933;
vertical-align: top;
text-align: justify;
}

.auf:first-letter {font-size: 20px;}

th {
background-color: #fff;
padding: 10px;
color: #e9967a;
vertical-align: top;
text-align: justify;
}

table.left {  
text-align: left;
background-color: #fff;
padding: 0px;
width: 74%;
color: #ff66ff;
}

table.right {
text-align: left;
background-color: #fff;
padding: 0px;
width: 24%;
color: #ff66ff;
}

table.fp {
text-align: left;
background-color: #fff;
padding: 0px;
width: 100%;
color: #000099;
}

table.center {
text-align: left;
background-color: #fff;
padding: 0px;
width: 100%;
color: #ff66ff;
}

table.hostrev {  
text-align: left;
background-color: #fff;
padding: 5px;
width: 74%;
color: #660000;
border-collapse: collapse;
border-color: #ffcccc;	
}

a {
font-size: 110%;
}

a:link {
text-decoration: none; 
color:#ff6600; 
font-family: "Arial";
font-weight: bold;
}

a:visited {
text-decoration: none; 
color:#ff6600; 
font-family: "Arial";
font-weight: bold;
}

a:hover {
text-decoration: underline; 
color:#990033; 
font-family: "Arial";
}

a.menu {
font-size: 110%
}

a.menu:link {
text-decoration: none; 
color:#993300; 
font-family: "Arial"; 
font-weight: bold;
}

a.menu:visited {
text-decoration: none; 
color:#993300; 
font-family: "Arial"; 
font-weight: bold;
}

a.menu:hover {
text-decoration: none; 
color:#fff; 
font-family: "Arial"; 
font-weight: bold;
}

a.top:link {
text-decoration: none; 
color:#999999; 
font-family: "Arial"; 
font-weight: normal;
}

a.top:visited {
text-decoration: none; 
color:#999999; 
font-family: "Arial"; 
font-weight: normal;
}

a.top:hover {
text-decoration: underline; 
color:#999999; 
font-family: "Arial"; 
font-weight: normal;
}

img.right {
float: right;
border: 0px;
margin: 0px 0px 0px 5px;
}

img.right2 {
float: right;
border: 0px;
margin: 0px 0px 0px 5px;
padding-right: 30px;
vertical-align: center;	
}

img.left {
float: left; 
border: 0px;
margin: 0px 5px 5px 0px;
}

img.center {
float: middle; 
border: 0px;
}

h1 {font-family: Arial; font-size: 125%}
h2 {font-family: Arial; font-size: 120%}
h3 {font-family: Arial; font-size: 110%}
h4 {font-family: Arial; font-size: 105%}
h5 {font-family: Arial; font-size: 100%}
h6 {font-family: Arial; font-size: 95%}	

ol {list-style: none outside url('bullet.gif'); font-size: 105%;  }

ul {list-style: none outside url('bullet.gif'); font-size: 105%; }

ul.navs li {list-style-type: none; display: inline }

ul.navs li a { float:left;text-decoration:none; background-color:white;padding:0.2em 0.6em; border:1px solid #000040; position:relative; left:-1px; bottom:-1px;}

.sets img {
border:1px outset silver;
}	

td#selec {
border:1px outset silver;
}

.sets a:link, .sets a:visited, .sets a:hover {
text-decoration: none; 
color:black; 
font-family: "Arial"; 
font-size: 102%;
font-weight: normal;	
}

div.ad250 {
clear: both;
float: right;
margin: 5px;
padding:5px;
border: 1px inset silver;
}

div.inner {	padding:10px }

.box1 {background: #ffcccc; }

#myown {display: none}

#myrec {display: none}

#ch {font-size: 14px }

a#ach:link, a#ach:visited, a#ach:hover {text-decoration: none; color:#000010}

.footer { color:silver; width:100%; clear:both}

a.pages:link, a.pages:visited, a.pages:hover, a.pages:active, a.pages:focus {
padding:5px;
border:1px solid silver;
color:#1e90ff;
text-decoration:underline;
}

div.pstr{
float: left;
padding:10px;
}



/* start pick date css */

/* 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: 12px;
	text-align: center;
	color: #505050;
	background-color: #eeeeff;
	border: 1px solid #a1a1e3;
	}


/* 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: white;
	}


/* 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: 12px;
	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: 10px;
	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;
	}


/* end pick date css */