body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #000000;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

#maintable
{
background-color: #000033;
border: 1px #FFFFFF solid;

}
.headcell
{
background-color: #cc0000;
font-size: 60px;
color: #000000;
text-align: right;
padding-right: 25px;
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
background-image: url(images/badge.gif);
background-position: left;
background-repeat: no-repeat;
height: 100px;

}
.nav
{border-bottom: 1px solid #000000;
border-top: 1px solid #333333;
background-color: #666666;
color: #000000;
font-size: 95%;
font-weight: bold;
height: 25px;
background-image: url(images/backbar.gif);
}
.sidenav
{background-color: #cc0000;
color: #000000;
width: 197px;
border-right: groove 1px #333333;
background-repeat: repeat-y;
background-image: url(images/shine.gif);
background-position: right;
}
.content
{
padding: 20px;
background-color: #CCCCCC;
color: #000000;
background-image: url(images/wmark.gif);
background-position: bottom right;
background-repeat: no-repeat;
border-top: solid 1px #ffffff;
border-left: solid 1px #ffffff;
width: 563px;

}
.photo
{
width: auto;
border: #ffffff 15px solid;
}
.contract
{
color: #ffffff;
font-size: 110%;
}
.emph
{
font-size: 120%;
font-weight: bold;
}
h2
{
font-size: 180%;
color: #FF0000;
}
.panel
{
margin-left: 60px;
margin-right: 60px;
padding: 5px;
border-bottom: 3px solid #ffffff;
border-left: 3px solid #ffffff;
border-top: 3px solid #666666;
border-right: 3px solid #666666;
font-size: 110%;
color: #000000;
text-align: center;
background-image: url(images/paleback.gif);
}
.vsmall
{
color: #666666;
font-size: 95%;
}
.vsmall a:link, .vsmall a:visited
{
color: #666666;
text-decoration: none;
}

.nodec a:link, .nodec a:visited
{font-size: 90%;
color: #666666;
text-decoration: none;
}
.lines
{
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;

}
.chequer
{

}
ul#mylist
{background-image: url(images/chequer2.gif);
background-repeat: no-repeat;
list-style: none;
padding-top:60px;
	margin-left: 0px;
	padding-left: 2px;
	text-indent: 0px;
	
}
#mylist li
{list-style: none;
border-bottom: 1px solid #000000;
text-align: left; 

}


#mylist li a:link, #mylist li a:visited
{padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
 display: block;
  text-decoration: none;
color: #ffffff;
background-color: #cc0000;
background-repeat: repeat-y;
background-image: url(images/shine.gif);
background-position: right;

}
#mylist  li a:link#current, #mylist li a:visited#current
{padding-top: 5px;
padding-bottom: 5px;
 display: block;
  text-decoration: none;
color: #ffffff;
background-color: #000000;
}
#mylist li a:hover
{
 background-color: #666666;
color: #ffffff;
background-repeat: repeat-y;
background-image: url(images/shine2.gif);
background-position: right;
}
#mylist  li a.active:link, #mylist  li a.active:visited
{padding-top: 5px;
padding-bottom: 5px;
 display: block;
  text-decoration: none;
color: #ffffff;
background-color: #666666;
}
#mylist  li a.special:link, #mylist  li a.special:visited
{padding-top: 5px;
padding-bottom: 5px;
 display: block;
  text-decoration: none;
color: #ffffff;
background-color: #003300;
}

#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ff00ff;
	width: 800px;
}

#menu li
{float: left;
list-style: none;
}

#menu a
{background-color: #003300;
	display: block;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 4px;
	font-size: .89em;
	color: #ffffff;
}
#menu a.trigger
{background-color: #003300;
padding: 5px 16px 5px 10px;
	background-image: url(images/next.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	}
	
	#menu li:hover a, #menu a:focus,
#menu a:active {
	color: #ffffff;
	background-color: #333333;
}
#menu li ul, #menu ul li  {
	width: 15em;
}
#menu ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}
.stattable
{
background-color: #ffffff;
color: #000000;
border: 1px #000000 solid;
padding: 2px;
}
.colback
{background-color: #FF0000;
color: #ffffff;
padding-right: 20px;
font-weight: bold;
padding: 3px;}
.coltext
{color: #FF0000;
font-weight: bold;
font-size: 120%;}
.colback a:link
{
color: #ffffff;
}
#mypopup
{position: fixed;
background-color: #ffffff;
width: 450px;
height: auto;
top: 100px;
left: 100px;
visibility: hidden;
z-index: 100;

}
#main
{position: relative;}

.blogline
{
border-top: 5px dotted #666666;
}
.blogblock
{
clear: both;
}
.blogpic
{
float: left;
width: 150px;
}
.blogbody
{
float: right;
width: 375px;
}
.bloghead
{
font-size: 120%;
font-weight: bold;
color: #003300;
border-bottom: 1px dotted #666666;
line-height: 125%;
font-style: italic;
}
.blogdate
{
color: #666666;
font-size: 90%;
}
.projtext
{
font-size: 100%;
}
/* DATE PICKER STUFF */

/* DATE PICKER CLASSES */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #330000;
	background-color: #FFFFFF;
	border: 1px solid #000033;
	}


/* 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: #99FF00;
	border: 1px solid #000033;
	}


/* 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: #99FF00;
	border: 1px solid #000033;
	cursor: pointer;
	color: #330000;
	}


/* 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: #CCCC99;
	border: 1px solid #000033;
	color: #330000;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #330000;
	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, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #330000;
	background: #CCCC99;
	font-weight: bold;
	padding: 0px;
	}


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