/* Defualt Element Styles */
html {
	height:					100%;
}

body {
	margin-bottom:			0;
	margin-left:			0;
	margin-right:			0;
	margin-top:				0;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				small;
	color:					#CCC;
	background-color:		#000000;
	height:					100%;
}

td {
	font-size:				11px;;
}

a {
	color: 					#FFFFFF;
}

a:hover {
	color: 					#320000;
}

H1 {
	font-size:				xx-large;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#A70000;
}

H2 {
	font-size: 				x-large;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#A70000;
}

H3 {
	font-size:				large;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#A70000;
}

H4 {
	font-size:				small;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#A70000;
}

H5 {
	font-size:				x-small;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#A70000;
}

H6 {
	font-size:				xx-small;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#A70000;
}

/* Styles for assignment */

.MainArea {
	background-image: url(../images/template/MainArea_Background.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 288px;
	text-align:	center;
	vertical-align: bottom;
}

.FooterArea {
	background-image: url(../images/template/Footer.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 108px;
	text-align: center;
	padding-top: 10px;
}

.FooterArea a {
	color: #FFF;
	text-decoration: none;
}

.Title {
	font-weight: 			bold;
	font-size:				14px;
	color:					#A70000;
}

.ImageBorder {
	padding: 5px;
	background-color: #180000;
	border-top: 1px solid #320000;
	border-left: 1px solid #320000;
	border-right: 2px solid #320000;
	border-bottom: 2px solid #320000;
}

.LongImageBorder {
	padding-left: 27px;
	padding-bottom: 5px;
	padding-right: 27px;
	padding-top: 5px;
	background-color: #180000;
	border-top: 1px solid #320000;
	border-left: 1px solid #320000;
	border-right: 2px solid #320000;
	border-bottom: 2px solid #320000;
}

.Caption {
	font-size:				small;
	font-style:				italic;
}

.FormFields {
	border-color:			#320000;
	border-width:			1px;
	border-style:			solid;
	color: 					#CCCCCC;
	background-color:		#180000;
}

.TableTitle {
	color:					#FDF6EB;
	font-family:			Georgia, verdanna, arial, serif;
}

.RowOrange {
	background-color:		#FDF6EB;
}

.RowBlue {
	background-color:		#F1F4F5;
}

/* Class Regions */

#Menu {
	border-left-width: 		thin; 
	border-left-color:		#355166;
	border-left-style:		dotted;
}

#Menu p {
	color:					#355166;
	font-weight: 			bold;
	horizontal-align: 		left;
	border-bottom: 			1px solid #355166;
	width: 					90%;	
}

#Menu li {
	font-size: 10px;
}

#Menu a {
	text-decoration:none;
}

#Menu a.hover {
	text-decoration:none;
}

/* DPI ActionStatus Styles */

.RED {
	color:					#FF0000; 
	font-weight:			bold; 
	font-family:			Verdana, Arial, Helvetica, sans-serif; 
}

.BLUE {
	color:					#336699; 
	font-weight:			bold; 
	font-family:			Verdana, Arial, Helvetica, sans-serif; 
}

.GREEN {
	color:					#339900; 
	font-weight:			bold; 
	font-family:			Verdana, Arial, Helvetica, sans-serif; 
}

.ORANGE {
	color:					#FF6600;
	font-weight:			bold;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
}

/* Calendar Element Styles */

.Weekend {
	color:					#333333; 
	background-color:		#B7C4CC;
	width:					14%;
	vertical-align:			top;
	horizontal-align:		left;
}

.WeekDayNames {
	color:					#FFFFFF; 
	background-color: 		#355166; 
	font-weight:			bold;
}

.AnotherMonth {
	color:					#F1F4F5;
	background-color:		#CCD7DD;
	width:					14%;
	vertical-align:			top;
	horizontal-align:		left;
}

.SelectableDay {
	background-color:		#F1F4F5;
	cursor:					hand;
	width:					14%;
	vertical-align:			top;
	horizontal-align:		left;
}