/***********************************************/
/* mse delta navigation top bar */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0; 
color: #000000;
}

ul, ol, li{
/* margin: 0;
padding: 0;
border: 0; */
color: #000000;
font-size: 95%;
}

a:link {color: #CC0000; text-decoration: none}
a:visited {color: #CC0000}
a:hover {color: #990000; text-decoration:underline}

body{
	font-family: Verdana, Arial,sans-serif;
	font-size: 95%;
/*	color: #000000;
 	line-height: 1.15;  */
/*	line-height: 1.166; */
/*	background: #cccccc url(../images/mse3bg_page.jpg) fixed; */
}

/******* hyperlink and anchor tag styles *******/

a.lone:link {color: #CC0000; text-decoration: none}
a.lone:visited {color: #CC0000}
a.lone:hover {color: #990000; text-decoration:underline}

a.ltwo:link {color: #ff0000}
a.ltwo:visited {color: #0000ff}
a.ltwo:hover {font-size: 150%}

a.lthree:link {color: #ff0000; border: 0px}
a.lthree:visited {color: #0000ff}
a.lthree:hover {text-decoration: none; border: 0px}

a.lfour:link {color: #ff0000}
a.lfour:visited {color: #0000ff}
a.lfour:hover {font-family: monospace}

a.lfive:link {color: #ff0000; text-decoration: none}
a.lfive:visited {color: #0000ff; text-decoration: none}
a.lfive:hover {text-decoration: underline}


#maintext{
	margin: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 95%; color: #000000;
}

/*  
#maintext a:link{
	color: #CC0000;
	text-decoration: underline;
}

#maintext a:visited{color: #333333;
}

#maintext a:hover{
	color: #CCCC00;
	text-decoration: underline;
}

/* ****** */

#banner8 {
/*	height: 91px; 
	background-color:#DFDFDF; */
	height: 102px;
	background:url(../images1/tg_mainpage2a.gif) ; 
	background-color:#000000;
	background-repeat: no-repeat;
	}
#bannerlink {
position: absolute;
  height: 100px;
  width: 200px;
  top: 31px; 
  text-decoration: none; 
}

#bannerlink a i {visibility:hidden;}
a#home { left: 23px; font-size:72px}
a#home:hover { border: none; } 

#lleftbox {
	height: 202px; 
	background:url(../images1/lleft_p1.jpg);
	background-repeat: no-repeat;
	}


.tg #container {
	width: 90%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.tg #p {
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	margin: 5px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	}

.tg #header {
	background: #000000;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.tg #header p {
	margin: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	}

.tg #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 2px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.tg #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #000000;
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	}

.tg #mainContent p {
	margin: 10px;
	}

#maintext{
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif; font-size: 95%; color: #000000;
}

/* ------------------- 	
#maintext a:link{
	color: #CC0000;
	text-decoration: underline;
}

#maintext a:visited{color: #333333;
}

#maintext a:hover{
	color: #CCCC00;
	text-decoration: underline;
}
/* ------------------- */	

.style1{
	font-size:80%;
}

.standouttext{ font-family: Arial, Helvetica, sans-serif; font-size: 102%; font-weight:bold; color:#000066; 
}
	
.maintext2{
	margin: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 95%; color: #000000;
}

.newstextW {
	margin: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:smaller; color: #000000; font-family:
}

.newsTitleW {
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif; font-size: 101%; color: #000000; font-weight: 900;
}

.newsTextWh {
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif; size: 95%; color: #FFFFFF; font-weight: 300;
}

.newsTitleWh {
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif; size: 115%; color: #FFFFFF; font-weight: 900;
}

.tg #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}

.tg #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



/************** header tag styles OUT **************/

h1{
 font: bold 170% Verdana, Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding-top: 15px; padding-bottom:5px; 
}

h2{
 font: 130% Verdana, Arial,sans-serif; font-weight:bold;
 color: #990000;
 margin: 0px;
 padding-top: 15px; padding-bottom:10px; font-family:Geneva, Arial, Helvetica, sans-serif;
}

h3{
 font: bold 100% Verdana, Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 10px;
}

h4{
 font: 100% Verdana, Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Verdana, Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: disc;
}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}

#block ul li { 
	list-style-type: disc; margin-bottom: 1.2em;
	
	/*line-height: 3.2em; */
	} 

#block ul ul li { 
	list-style-type: square;
		/*line-height: 3.2em; */
	} 

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


/* ****************************************************** */
#departmenttitle{
	/*position: absolute;
	left:200px;	
	top:200px; */
	width: 100%;
	height: 21px; 
	background-color: #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: medium; font-weight:bold;
	/*z-index: 1;*/
	}

	#departmenttitle p{
	padding: 0px 10px 0px 10px;
	}
	
#departmenttitleblack{
	/*position: absolute;
	left:200px;	
	top:200px; */
	width: 100%;
/*	height: 45px; */
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*z-index: 1;*/
	}

	#departmenttitleblack p{
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
	}
	
	#departmenttitleblack h1{
	 font: bold 170% Verdana, Arial,sans-serif;
	 color: #FFFFFF;
	 padding: 0px 10px 0px 10px;
	}

#leftcolumn #nav ul li a { background-color:#000000; border-bottom:1px solid #999999; color:#FFFFFF; display:block; padding: 4px 0 6px 4px; text-decoration:none; height:1%;
}
/* display block makes links act like buttons - clickable along the length. The height of 1% makes IE behave in this way too*/
/*font-size: 80%;
color: #FFFFFF;
background-color:#333333;
text-decoration: none;
padding: 0 15px 0 15px;
border-right: 1px solid #000000;
text-align: center;
width: 9em;*/


/*focus is for when users use the tab and not the mouse*/
/*#leftcolumn #nav ul li a:hover, #leftcolumn #nav ul li a:focus {
background-color: #990000;
}*/
#leftcolumn #nav a:hover, #leftcolumn #nav a:focus {
background-color: #990000;
border-right:1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #ffffff;
}

/*padding resides within element, margins reside outside the element - top right bottom left;*/
/*or topbottom and rtleft 0px 10px;*/

/*********************************** footer ***********************************************/

/*the clear both below ensures footer is moved down below the content and leftcolumn divs, no matter which of the elements islonger. Changing to left and right shows the difference*/

#footer1{ clear:both; border-top: 1px solid #999999; background-color:#000000; color:#FFFFFF; text-align:center;
}

#footer1 p {
font-size: 70%;
padding: 2px;
margin: 2px 15px;
}

#footer1 ul li {
display: inline;
padding: 0;
margin: 0;
}

#footer1 ul li a {
font-size: 70%;
color: #FFFFFF;
background-color:#333333;
text-decoration: none;
padding: 0 15px 0 15px;
border-right: 1px solid #000000;
text-align: center;
width: 9em;
}

/*focus is for when users use the tab and not the mouse*/
#footer1 ul li a:hover, #nav ul li a:focus {
background-color: #990000;
}

#footer{
clear:both;
border-top: 1px solid #000000;
background-color: #003366;
color: #FFFFFF;
}

#footer p {
font-size: 70%;
padding: 2px;
margin: 15px;
}

#footernav {
border-bottom: 1px solid #000000;
}

#footernav ul {
padding: 0;
margin: 0;
background-color:#333333;
}

/*inline rule lists are moved to a horizontal plane and bullets are dropped*/
#footernav ul li {
display: inline;
padding: 0;
margin: 0;
}

#footernav ul li a {
font-size: 70%;
color: #FFFFFF;
background-color:#333333;
text-decoration: none;
padding: 0 15px 0 15px;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-top:1px solid #999999;
border-left:1px solid #999999;
text-align: center;
width: 9em;
}

/*focus is for when users use the tab and not the mouse*/
#footernav ul li a:hover, #nav ul li a:focus {
background-color: #990000;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-top:1px solid #000000;
border-left:1px solid #000000;
}

/*padding resides within element, margins reside outside the element - top right bottom left;*/
/*or topbottom and rtleft 0px 10px;*/

#tgfooter2{ align: center;
padding: 2px;
margin: 2px;
}
#tgfooter2 p {
font-size: 70%; text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC;
}
/******* hyperlink and anchor tag styles *******/

#tgfooter2 a:link, a:visited{
	color: #CCCCCC;
	text-decoration: none;
}

#tgfooter2 a:hover{
	color: #FFCC00;
	text-decoration: none;
}