/* CSS Document */

/*PAGE LAYOUT*/
html,body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}




#logo{float:left; background-image:url(tie_logo.gif); width:274px; height:213px;}

#page{
padding-bottom:3em;

}
#topheader{

	margin-left:274px;
 	float:right;
 	width:80%;
  height:97px;
  background-color:#F0F0F0;
  position:absolute;

}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{margin-left:274px; margin-top:97px; float:right; width:80%; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x; position:absolute;}
#submenu{margin-left:274px; margin-top:129px; float:right; width:80%; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x; position:absolute;}
#contenttext{margin-left:274px; margin-top:151px; float:right; width:700px;position:absolute;}
#leftpanel{margin-top:210px;float:left; width:250px;position:absolute;}
#footer{

	float:left; 
	width:100%; 
	background-color:#F0F0F0; 
	padding:10px;
//position:relative; 
	text-align:center;
 position:fixed;
 bottom:0px;
 width:100%;
 clear: both;
 font-size: 8pt;
 margin: 0px; 
 padding: 8px;
 text-align: center;
 margin-top:1em;


}

/*-star hack for IE--*/

* html,* html body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
}


* html #topheader {
   margin-left:0px;
 	float:right;
 	width:80%;
  height:97px;
  background-color:#F0F0F0;
  position:absolute;

}

* html #menu{margin-left:0px; margin-top:97px; float:right; width:80%; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;  }
* html #submenu{margin-left:0px; margin-top:129px; float:right; width:80%; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
* html #contenttext{margin-left:0px; margin-top:151px; float:right; width:700px;height:95%;}
* html #leftpanel{margin-left:-274px;margin-top:210px;float:right; width:250px }



* html #page{
    padding:0;
    height:87%;
    overflow:auto;
    margin-bottom:50px;
}


* html .bodytext{
    padding:0;
    height:80%;
    overflow:auto;
    margin-bottom:50px;
}

* html #footer {
		
	
    background:#efefef;
    height:3%;
    text-align:center;
    padding-top:1%;
}

    
 




/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}