/* CSS Document */

/*PAGE LAYOUT*/
body {
    overflow:scroll;
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#logo{float:left; background-image:url(../images/tie_logo.gif); width:274px; height:213px;}
#topheader{float:right; width:526px; height:97px; background-color:#F0F0F0; position:relative;}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:526px; height:32px; background-image:url(../images/bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:526px; height:32px; background-image:url(../images/bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#content{width:800px;}
#contenttext{float:left; width:800px;}
#contenttextuser{float:right; width:400px;}
#contenttextbuttonR{float:right; width:100px;}
#contenttextbuttonL{float:left; width:100px;}
#leftpanel{float:left; width:274px;border: 1px solid #000000;}
#footer{float:left; width:790px; background-color:#F0F0F0; padding:10px;}

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

/*TEXT STYLES*/
.bodytext {
	font: 0.9em 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:28px;
	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;
}
.smallblacktext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000000;
}
.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;
}

.formuser {
	width:350px; height:162px; background:url(../images/formarea.jpg) 0 100% no-repeat; padding:0px; margin:30px 0 0;
	}

.formuser h2 {
	display:block; width:310px; height:45px; background:url(../images/formtop.gif) 0 0 no-repeat #F9F9F9; color:#fff; font:20px/39px Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 0 40px;
	}

.formuser input {
	width:165px; height:18px; margin:0 0 10px 130px;
	}
.formuser input.paddingtop {
	margin-top:16px;
	}
.formuser a {
	width:54px; height:25px; display:block; background:url(../images/button.gif) 0 0 no-repeat #EBEBEB; border:none; color:#fff;  font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 0 262px; text-align:center;
	}
	
#contacts-form { clear:right; width:100%; overflow:hidden;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both; padding-bottom:7px; width:100%; overflow:hidden;}
#contacts-form label { float:left; width:90px; color:#777777; font-weight:bold;}
#contacts-form input { width:300px; padding:2px 0 2px 3px; border:1px solid #d9d9d9; background:none;}
#contacts-form textarea { width:500px; height:90px; border:1px solid #d9d9d9; background:none; padding:2px 0 2px 3px; margin-bottom:15px; overflow:auto;}
#contacts-form .button { width:150px; float:right;}

#content .button { background:url(../images/button2-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button em { display:block; font-style:normal; background:url(../images/button2-left.gif) no-repeat left top;}
#content .button em b { display:block; height:35px; line-height:35px; background:url(../images/button2-right.gif) no-repeat right top; cursor:pointer;}
#content .button:hover { color:#000;}

#contenttext .image_wrapper {
/*	border: 1px solid #000000; */
	margin-top: 3px;
	margin-bottom: 3px;
}

#contenttext .fl_image {
	float: left;
	margin-right: 20px 
}

#contenttext .fr_image {
	float: right;
	margin-left: 20px 
}

.list_01 {
	clear: both;
	margin: 0 0 0px 50px;
	padding: 0px;
}

.list_01 li {
	padding: 0px;
	margin: 0 0 6px 0;
	list-style: decimal;
}

.list_01 li a:hover {
	color: #ffffff;
	text-decoration: none;
}