body,td,th {
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #964BDC;
	scrollbar-darkshadow-color: #683499;
	scrollbar-face-color: #964BDC;
	scrollbar-highlight-color: #683499;
	scrollbar-shadow-color: #000000;
}

h1{
	font-weight: bold;
	font-size:14px;
	color:#663399;
	margin:0px;
	padding: 0px;
}

h2, h3, h4, h5, h6{
	font-weight: bold;
	font-size:13px;
	color: #964BDC;
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-position: outside;
	list-style-type:circle;
}

form {
	margin: 0;
	padding: 0;
}

th {
	background-color: #663399;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
}

.td_on{
	background-color:#CCCCFF;
	color:#000000;
}

.td_off{
	background-color:#F1F1F1;
	color:#000000;
}

hr{
	color:#F1F1F1;
}

/* The four following block define the style for all the website links */
a:link {
	color: #663399;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #9966FF;
}
a:hover {
	text-decoration: underline;
	color: #9966FF;
}
a:active {
	text-decoration: none;
	color: #9966FF;
}

/* Content */
#HeaderTop{
	background-color:#000000;
	background-image:url(../images/headertop.gif);
	background-repeat:no-repeat;
	color:#964BDC;
	text-align:right;
	padding:3px;
	font-size:11px;
	font-weight:bold;
	width:794px;
	border-bottom: 1px solid #FFF;
}

#HeaderTop a{
	color:#9966FF;
}

#MainContent{
	width:770px; 
	height:410px; 
	margin-left:15px; 
	margin-top:15px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	overflow:auto;
}

#Main{
	background-image:url(../images/background_computers.jpg);
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:top left;
	width:800px;
	height:450px;
	
}

#Footer{
	background-color:#9966FF;
	background-image:url(../images/footer.gif);
	width:800px;	
	height:20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-bottom:5px;
}

#Footer a, #Footer a:visited{
	padding-right:7px;
	padding-left:7px;
	color:#673398;
}

.FindOutMore{
	background-color:#9966FF; 
	background-image:url(../images/footer.gif);
	padding:2px; 
	width:97%; 
	text-align:right;
	font-weight:bold;
	color:#000000;
}

.FindOutMore a{
	color:#000000;

}

.InfoBox{
	float:right; 
	text-align:left; 
	margin-right:5px; 
	padding:3px; 
	border: 1px solid #dac7ff;
	background-color:#F1F1F1;
	color:#000000;
}


/* Navigation */
.NavMain{
	width: 800px;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	background-color:#000000;
}

.NavMain:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.NavMain ul{
	border-bottom: 1px solid #FFF;
	width: 100%;
	background: url(../images/topnav_background.gif) center center repeat-x; /*THEME CHANGE HERE*/
	padding: 8px 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}

.NavMain ul li{
	display: inline;
}

.NavMain ul li a, .NavMain ul li a:visited,{
	color: #FFFFFF;
	padding: 8px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #DADADA;
}

.NavMain ul li a:hover{
	background: url(../images/topnav_background_a.gif) center center repeat-x; /*THEME CHANGE HERE*/
	width:100%;
	color: #FFFFFF;
	text-decoration: none;
}

.NavMain ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " ";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

#HeaderMenu a:visited, #HeaderMenu a:link{
color:#FFFFFF;

}

.DropMenuMain{
	position:absolute;
	top: 0;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	z-index:100;
	background-color: black;
	width: 175px;
	visibility: hidden;
	text-align:left;
}

.DropMenuMain a, .DropMenuMain a:visited{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
	padding-top:5px;
	height:20px;
	text-decoration: none;
	font-weight: normal;
	color: white;
}

* html .DropMenuMain a{ /*IE only hack*/
	width: 100%;
}

.DropMenuMain a:hover{ /*THEME CHANGE HERE*/
	background-color: #663399;
	color:#FFFFFF;
	text-decoration: none;
}


/* Transparency */	
.transbox {
	border: 1px solid white;
	filter:alpha(opacity=95);
	opacity: 0.85;
	-moz-opacity:0.85;
	background-color: #fff;
	
}

/* Date Picker */
.dpDiv {
	}

.dpTable {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

.dpTR {
	}

.dpTitleTR {
	}

.dpDayTR {
	}

.dpTodayButtonTR {
	}

.dpTD {
	cursor: pointer;
	}

.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	}

.dpTitleTD {
	}

.dpButtonTD {
	}

.dpTodayButtonTD {
	}

.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}

.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}

.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}

.dpButton {
	font-family: Verdana, Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}

.dpTodayButton {
	font-family: Verdana, Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
	
/* Page */
.PageMessageWarning{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: white;
	background-color: red;
	padding: 5px;
	position:absolute;
	bottom:30px;
	width:750px;

}

.PageMessageSuccess{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: white;
	background-color: green;
	padding: 5px;
	position:absolute;
	bottom:30px;
	width:750px;

}

.Hidden{
	display:none;
}

/* Rounded Corner Boxes */
.CornerRoundTeal {
	width: 100%;
	background-color: #6DB4AD;
	color: #000000;
}

.CornerRoundTeal p {
	margin: 0 10px;
}

.CornerRoundTeal a, .CornerRoundTeal a:visited, .CornerRoundTeal a:hover{
	color:#FFFFFF;
}

.CornerRoundTopTeal { 
	background: url(../images/teal_tr.gif) no-repeat top right; 
}

.CornerRoundBottomTeal {
	background: url(../images/teal_br.gif) no-repeat top right; 
}

.CornerRoundBlue {
	width: 100%;
	background-color: #3887CF;
	color: #000000;
}

.CornerRoundBlue a, .CornerRoundBlue a:visited, .CornerRoundBlue a:hover{
	color:#FFFFFF;
}

.CornerRoundBlue p {
	margin: 0 10px;
}

.CornerRoundTopBlue { 
	background: url(../images/blue_tr.gif) no-repeat top right; 
}

.CornerRoundBottomBlue {
	background: url(../images/blue_br.gif) no-repeat top right; 
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}