/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/*	background: white url("refineria.jpg");*/
}
#background {
    width: 100%; 
    height: auto; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 0;
}

.stretch {
    width:100%;
    height:auto;
}
#page {
	position: relative;
	z-index: 1;

}
#logo{float:left; background-image:url(tie_logo.png); width:274px; height:165px;}
/*#topheader{float:right; width:100%; height:145px; background-color:#F0F0F0; position:relative}*/
#topheader{float:right; width:100%; height:170px; background-color:#FFFFFF; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:100%; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;z-index: 1;}
#submenu{float:right; width:100%; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;z-index: 1;}
#menulang{float:center; width:100%; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x; z-index: 1;}
#contenttext{float:center; width:526px;z-index: 1;}
#contenttitle{float:center; width:600px;z-index: 1;}
#leftpanel{float:left; width:274px;z-index: 1;}
#rightpanel{float:right; width:200px; padding-right:5%;z-index: 1;}
#footer{float:left; width:100%; margin-top: 5%; background-color:#F0F0F0; padding:10px;z-index: 1;}

/*GRAY PANEL*/
.contactuspanel{
	border:solid 1px #666666; 
	background-color:#F7F7F7; 
	padding:10px; 
	padding-left: 20px; 
	margin:10px; 
	margin-right: 40%; 
	
	width:300px;
	float: right;
	height: 450;
}

.graypanel{
	border:solid 1px #666666; 
	background-color:#F7F7F7; 
	padding:10px; 
	padding-left: 20px; 
	margin:10px; 
	width:300px;
	float: right;
	height: 450;
}

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

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:  30px; //36px;
	font-weight:bold;
	color: #0000FF; //#003DF5; //#0066dd; //#CC0000; //#000099; // //#3B6EBF;
}
.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:#0000FF;;
}
.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;
}
.smallgraytextSubtitle {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	color: #282778;
//	color:#999999;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#0000FF;;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#0000FF;;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}
.contactustext {
	font: 0.7em Tahoma, sans-serif;
	color: #282778;
	float:left;
	padding:12px;
}