/*#######################################################################
 # Mantom style sheet for Netscape and Internet Explorer web browsers
 # 
 # Couple of things:
 #
 # 1) Specify text sizes in pixels (px).  This guarantees consistent formatting between user settings
 # 2) Links should be fairly generic
 ########################################################################*/

/*##########################################
 # TAGS (default text sizes)
 ###########################################*/
h1 { font-size: 24px; line-height: 26px; }
h2 { font-size: 20px; line-height: 22px; }
h3 { font-size: 16px; line-height: 18px; }
h4 { font-size: 14px; line-height: 16px; }
h5 { font-size: 12px; line-height: 14px; }
h6 { font-size: 10px; line-height: 12px; }

/*#######################################################################
 # BODY (default behavior for unmarked text)
 #######################################################################*/
BODY, body, .bodytext, .bodycentered
{
	color: rgb( 15%, 15%, 15% );
	background-color: white;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-family: trebuchet ms, helvetica;
	text-align: left;
	text-decoration: none;
	margin: 0px;
}

.bodytextactive
{
	color: white;
	background-color: rgb( 90%,10%,10%);
	font-weight: bold;
}

/*#######################################################################
 # TITLES
 #######################################################################*/
.title, .subtitle, .foottitle
{
	color: rgb( 40%, 40%, 40% );
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-family: trebuchet ms, helvetica;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
}

.subtitle
{
	text-transform: capitalize;
}
.foottitle
{
	font-weight: normal;
	text-transform: none;
}
	
/*#######################################################################
 # HEADERS
 #######################################################################*/
.header_white, .header_red, .black
{
	color: rgb( 40%, 40%, 40% );
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-family: trebuchet ms, helvetica;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px;
}

.header_red
{
	color: rgb( 90%,10%,10%);
}
.black
{
	color: black;
	text-align: center;
	font-weight: normal;
}

.console
{
	color: black;
	font-style:   normal;
	font-variant: normal;
	font-weight:  normal;
	font-family: monospace, lucida console;
	text-decoration: none;
	text-transform: normal;
	margin: 0px;
}

.highlight
{
	color: black;
	background-color: red;
	font-style:   normal;
	font-variant: normal;
	font-weight:  bold;
	font-family: trebuchet ms, helvetica;
	text-decoration: none;
	text-align: right;
	margin: 0px;
}

/*#######################################################################
 # LABELS
 #######################################################################*/
.label_white, .label_red
{
	color: rgb( 30%, 30%, 30% );
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-family: trebuchet ms, helvetica;
	text-align: right;
	text-decoration: none;
	text-transform: capitalize;
	margin: 0px;
}
.label_red
{
	color: rgb( 90%,10%,10%);
}

/*#######################################################################
 # FINE PRINT (FOR LEGAL STUFF)
 #######################################################################*/
.fineprint
{
	color: rgb( 30%, 30%, 30% );
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-family: trebuchet ms, helvetica;
	text-align: center;
	text-decoration: none;
	text-transform: normal;
	margin: 0px;
}

/*#######################################################################
 # COURSE CALENDER
 #######################################################################*/
.date, .datetoday
{
	color: white;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-family: trebuchet ms, helvetica;
	text-align: right;
	text-decoration: none;
	text-transform: normal;
	margin: 0px;
}

.datetoday
{
	color: black;
	font-weight: bold;
}

.celtext, .celtexttoday,
.celbkg, .celbkgtoday, .celbkgweekend, .celbkgentry,
.celheader, .celheaderbkg
{
	color: white;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-family: trebuchet ms, helvetica;
	text-align: center;
	text-decoration: none;
	text-transform: normal;
	text-vertical-align: top;
	margin: 0px;
}

.celheader
{
	background-color: rgb(90%,10%,10%);
}
.celheaderbkg
{
	background-color: rgb(60%,10%,10%);
}

.celbkg
{
	background-color: #888888;
	border-color: black;
}
.celbkgtoday
{
	background-color: #CCCCCC;
	border-color: black;
}
.celbkgweekend
{
	background-color: #666666;
	border-color: black;
}
.celbkgentry
{
	background-color: rgb( 90%,10%,10%);
	border-color: black;
}
.celtexttoday
{
	color: black;
}

.celblack
{
	color: black;
	background-color: black;
	border-color: black;
}

/*#######################################################################
 # LINKS
 #######################################################################*/
A.mantom:link, A.mantom:active, A.mantom:visited, A.mantom:hover	/* General purpose links */
{
	color: rgb( 30%, 30%, 30% );
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	font-family: trebuchet ms, helvetica;
	text-align: left;
	text-decoration: none;
	text-transform: normal;
	margin: 0px;
}

A.mantom_home:link, A.mantom_home:active, A.mantom_home:visited, A.mantom_home:hover	/* Home page link (back button behavior) */
{
	color: rgb( 90%,10%,10%);
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: normal;
	font-family: trebuchet ms, helvetica;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}

A.mantom:hover, A.mantom_home:hover
{
	color: white;
	background-color: rgb( 90%,10%,10%);
}

/*#######################################################################
 # FORM ITEMS
 #######################################################################*/
.menu
{
	color: black;
	background-color: white;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-family: trebuchet ms, helvetica;
	text-align: left;
	text-decoration: none;
	text-transform: Capitalize;
	border-color: red;
/*	border-color: rgb( 90%,10%,10% ); */
	border-style: solid;
	border-color-light: black;
	border-color-dark: black;
}


.button
{
	color: black;
	background-color: white;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-family: trebuchet ms, helvetica;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color: rgb(90%,10%,10%);
	border-style: solid;
	border-color-light: black;
	border-color-dark: black;
}