body {
	margin-left: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
}
.wrap {
	width: 800px;
	margin: auto;
}
.wrapper {
	width: 800px;
	margin: auto;
	background-color: #d5e1e1;
	border-left: 5px solid #61A7C8;
	border-top: 5px solid #61A7C8;
	border-right: 5px solid #61A7C8;
	border-bottom: 5px solid #61A7C8;
}
#logo{
	float:left;
	background-image:url(tie_logo22.gif);
	width:274px;
	height:167px;
	position: inherit;
}
#topheader{
	float:right;
	width:520px;
	height:74px;
	background-color:#cae2ed;
	position:inherit;
}
#menu{float:right; width:520px; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{float:right; width:515px;}
#contenttextadmin{float:right; width:750px;}
#leftpanel{float:left; width:274px;}
#footer{float:left; width:770px; background-color:#9BD1FA; padding:10px;}

/*GRAY PANEL*/
.graypanel{
	border:solid 2px #666666;
	background-color:#9BD1FA;
	padding:5px;
	margin:20px;
}

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

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:28px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:30px;
	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-size: 11px;
	font-weight:bold;
	color:#000000;
	font-family: Tahoma, sans-serif;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 12px;
	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;
}
.boxtop {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
a:link {
	color: #000000;
}
a:hover {
	color: #006699;
}
.leftimg {
	padding: 5px;
	border: thin solid #000000;
}
h2 {
	color:#CC0000
}
h1 {
	color:#003366;
	font-size: 24px;
}
div#nifty{
	margin: 0;
	background: #9BD1FA;
	border: thin solid #000066;
	padding: 1px;
}

b.rtop, b.rbottom{display:block;background: #D5E1E1}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
.boxtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000000;
}
.boxtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.boxtext a:hover{
	text-decoration:underline;
}
#leftpanel td.off {
background: #9BD1FA;
cursor:pointer;
}
#leftpanel td.on {
background: red;
cursor:pointer;
}
#navcontainer { width: 200px; }
		
		#navcontainer ul
		{
			margin-left: 30px;
			padding-left: 0;
			list-style-type: none;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		#navcontainer a
		{
			display: block;
			padding: 3px;
			width: 160px;
			background-color: #036;
			border-bottom: 1px solid #eee;
		}
		
		#navcontainer a:link, #navlist a:visited
		{
			color: #EEE;
			text-decoration: none;
		}
		
		#navcontainer a:hover
		{
			background-color: #369;
			color: #fff;
		}