/* This is the main style sheet for the DES Web Site */

/* Define the style for all tables
color 			 - allows you to change the colour of the text. Use web-safe or named colours. 
text-decoration  - gives you a few options on the formatting of your links. Set this to none 
to get rid of the underlines on links. If you want to bring them back, or put them in as a 
hover attribute, use text-decoration: underline. To get overline effects (a line above the text)
, set it to overline. 
font-weight 	 - allows you to change the boldness of the text. Set to bold or normal. 
There are other more specific values but they aren't supported by the browsers yet. 
font-style 		 - is the command to change your text to italics. Set it to italic or normal to override. 
font-family 	 - like you've seen before, this changes the typeface. 
font-size 		 - and again. Quite simple indeed. 
background-color - allows you to give your link-text a background color. Especially helpful 
for highlighting on hovers. 
 */

/* Define the style for the body */
background-color: #CC0000

body
{
    font-family: Arial; font-size:11pt; font-style: normal; font-variant: normal; text-decoration: none; color:#000000; background-color:white;
}

table
{
	font-family: Arial;
	font-size: 11pt;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
}
table a:link 
{
	font-family: Arial;
	font-size: 11pt;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: white;
	background-color: #CC0000;
}
table a:visited 
{
	font-family: Arial, font-size:11pt;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: white;
	background-color: #CC0000;
}
table a:active 
{
	font-family: Arial;
	font-size: 11pt;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: white;
	background-color: #CC0000;
}

/* This is the color bar for the menu */
table a:hover 
{
	font-family: Arial;
	font-size: 11pt;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: black;
	background-color: #CC0000;
}

/* Define style for links */
a:link 
{
	font-family: Arial;
	font-size: 11pt;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: white;
	background: #CC0000;
}
a:visited 
{
	font-family: Arial;
	font-size: 11pt;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: white;
	background: #CC0000;
}
a:hover 
{
	font-family: Arial;
	font-size: 11pt;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: white;
	background: #CC0000;
}


/* This is the menu bar color */
/* Define a class for links in the menu */
.menu1 a:link
{
    font-family: Arial; font-size:11pt; text-decoration:none; color:white; background:#CC0000;
}

/* Menu items that have been visited.
NOTE: Only affects top level items */
.menu1 a:visited
{
    font-family: Arial; font-size:11pt; text-decoration:none; color:white; background:#CC0000;

.menu1 a:active
{
    font-family: Arial; font-size:11pt; text-decoration:none; color:white; background:#CC0000;
}

.menu1 a:hover
{
    font-family: Arial; font-size:11pt; text-decoration:none; color:black ; background:#CC0000;
}

/* This is for the asp:menu control */
/* Level 1 is the main level
   Level 2 is the secondary level (instructor classes)
   Level 3 are the menu items */
.level1
{
    font-family: Arial; font-size: 11pt; font-weight: normal; color: white; background-color: #CC0000;
}

.level2
{
	font-family: Arial; font-size: 11pt; font-weight: normal; color: white; background-color: #CC0000;
}

.level3
{
    font-family: Arial; font-size: 11pt; font-weight: normal; color: white; background-color: #CC0000;
}

.sublevel1r
{
    font-family: Arial; font-size: 11pt; font-weight: normal; color: white; background-color: #CC0000;
}

/* This is to override table formmating issues */
.sepearteLinks
{
	font-family: Arial; font-size: 11pt; font-weight: normal; color: #0000FF; background-color: #CC0000;
}

.sepearteLinks a:hover
{

	font-family: Arial; font-size: 11pt; font-weight: normal; color:green; background: #000000;
}

/* Used to making text stand out */
.caution 
{
	font-family: Arial; font-size: 18pt; font-weight: normal; color:red; background: white;
		
}