/* Main Body Styles */
BODY 			{  font-family: arial; background-color:#000033 }
.body
{
FONT-SIZE: 14px; 
COLOR: #333333; 
FONT-FAMILY: "Century Gothic", Arial, Helvetica, sans-serif
}
.body2
{
FONT-SIZE: 16px; 
COLOR: #929BBE; 
FONT-FAMILY: "Century Gothic", Arial, Helvetica, sans-serif
}
/* Column Styles */
.title			{ font-family: arial; color: #400000; font-weight:bold; font-size: x-large; }
.subTitle		{ font-family: arial; color: #000000; font-size: medium; }
.tableHeader	{ font-family: arial; color: #000000; font-size: small; text-align: center; }
.description	{ font-family: arial; color: #000000; font-size: smaller; font-style: italic; text-align: center; }

.border
{
border-style: solid; 
border-width:1px; 
border-color: #8AA37B;
}


/* table Styles */
.table1			{ background-image: url(tdpics/collage.jpg); }
.table2                 { font-family: Edwardian Script ITC; color: #006600;} 

/* div Styles */
.div1           { width:65%; height:340; background-color:blue; Border-style: none;font-family: arial; color: #666666; font-weight:100; font-size:12px;}



/* Link Styles */
a:link,a:active,a:visited	
				{ color: black; font-weight: 10; text-decoration: none; font-family: arial; font-size: 12px;}
			
a:hover			{ color: green;}


.class1 A:link {color: lightgreen;text-decoration: none; font-size:  large;}
.class1 A:visited {color: lightgreen;text-decoration: none; font-size:  large;}
.class1 A:active {color: lightgreen;text-decoration: none; font-size:  large;}
.class1 A:hover {color: green; font-size:  large;}

.class2 A:link {font-weight:normal; color: green;text-decoration: none; font-size:small;}
.class2 A:visited {font-weight:normal; color: green;text-decoration: none; font-size:  small;}
.class2 A:active {font-weight:normal; color: green;text-decoration: none; font-size:  small;}
.class2 A:hover {font-weight:normal; color: red;text-decoration: none; font-size:  small;}

.class3 A:link {font-weight:normal; color: "#999999";text-decoration: none; font-size:10;}
.class3 A:visited {font-weight:normal; color: "#999999";text-decoration: none; font-size:  10;}
.class3 A:active {font-weight:normal; color: "#999999";text-decoration: none; font-size:  10;}
.class3 A:hover {font-weight:normal; color: red;text-decoration: none; font-size:  10;}

.class4 A:link {font-weight:normal; color: "black"; text-decoration: none; font-size: 16px;}
.class4 A:visited {font-weight:normal; color: "black";text-decoration: none; font-size: 16px;}
.class4 A:active {font-weight:normal; color: "black";text-decoration: none; font-size:  16px;}
.class4 A:hover {font-weight:normal; color: "silver";text-decoration: none; font-size:  16px;}





/*A:link {background: #FFCC00; text-decoration: none}
A:visited {background: #FFCC00; text-decoration: none}
A:active {background: #FFCC00; text-decoration: none}
A:hover {background: blue; font-weight:bold; color: red;}
*/
/*
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {font-size:24; font-weight:bold; color: red;}

*/

body {margin:0px;}
#bg_image {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
z-index: 1;
position: absolute;
}





div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "Arial";
  font-size: 12pt;
  font-style: normal;
  font-weight: normal;
  color: "#007700";
}

div.menuBar {
  /*background-color: #669966	;*/
  
  border: 2x solid;
  border-color: #776800;
  padding: 4px 2px 4px 2px;
  text-align: left; background-color:#C4C4FF
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid  #c4c4ff;
  color: #000033;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  color: #000033;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #B7B7FF;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #000033;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #C0C0C0  ;
  border: 2px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #000033;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #000033;
  color: #FFFFFF;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}
div.body
{background-color:#000040; width:100%; height:100%;}