/* Define font and margins for the entire body tag. */
body
{
	font-family: Verdana, Arial, Helvetica;
	min-width: 600px font-size: 0.9em;
	margin: auto auto auto auto;
	width: 800px;
left: -500px;
}

/* top-align each td tag vertically. Individual td tags can over overridden later. */
td
{
  vertical-align: top;
}

/* Center the entire content block in the middle of the body. */
#PageWrapper
{
	margin: auto;
	width: 713px;
	
}

/* Give a width to the main menu. */
#MainMenu
{
	
	width: 715px;
	
}

#MainMenu li.Selected
{
	background: url(../Images/six_1.gif) no-repeat;
}

/* Define the width and border for the sub menu. */
.SubMenu
{
	clip: rect(10px, auto, auto, auto);
}



/* Change the background image for a selected Main Menu item to the Selected tab. */

/* Apply marging and padding for the entire ul tag in the SubMenu div. */
#SubMenu ul
{
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
}

/* Change behavior for each of the single menu items in the Sub Menu. */
#SubMenu li
{
	margin: 0;
	display: inline;
	padding-right: 2px;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	padding-left: 2px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-justify: inter-word;
	overflow: visible;
	
}


/* Change the appearance of the links inside the main and sub menu items. This is the text that appears as the menu. */


/* Change the color of a sub menu to black. */
#SubMenu a
{
	color: darkgoldenrod;
	font-family: Arial;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11pt;
}

/* Change the font-weight of a selected sub menu item to bold. */
#SubMenu a.Selected
{
	font-weight: bold;
	color: indianred;
}

/* Change the margin for the ul tag that holds the Admin menu in the Management folder. */
#AdminMenu ul
{
  margin: 0 0 0 20px;
}

/* Change the color and font size for the menu items in the Admin menu. */
#AdminMenu a
{
  font-size: 80%;
  color: #000000;
}

/* Set the width, margin and border for the MainContent block. */
#MainContent
{

	
	width: 657px;
	padding: 10px 20px;
	min-height: 500px;
	background-color: white;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	display: none;
}
.modal_bg

{


  background-color:#DFF2FF;

  filter:alpha(opacity=70);

  opacity:0.7;   

}

.modal_logo
{
  filter:alpha(opacity=50);
  opacity:0.5;   
}

.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}


.preload1 {background: url(../Images/six_0a.gif);}
.preload2 {background: url(../Images/six_1a.gif);}
#nav
{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 35px;
	background: #fff position:relative;
	z-index: 200;
	font-family: arial, verdana, sans-serif;
	background: url(../Images/six_0.gif);
}

/* Change the background image for a selected Main Menu item to the Selected tab. */

#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;background: url(../Images/six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 10px 0 5px; height:35px; background: url(../Images/six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../Images/six_0a.gif) no-repeat right top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(../Images/six_1.gif) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(../Images/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(../Images/six_1a.gif) no-repeat right top; padding-bottom:3px;}


#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:130px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:130px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:128px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(../Images/arrow.gif) 120px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(../Images/arrow_over.gif) 120px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:128px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:130px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:130px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:130px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(../Images/arrow_over.gif) 120px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(../Images/arrow.gif) 120px 6px no-repeat; color:#000; border-color:#50b5d0;} 

.test
{
	color: #ff9966;
	background-color: fuchsia;
	font-family: 'Vladimir Script';
	position: absolute;
}