body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	min-width: 600px;
}




ul {
	list-style-image:url(../images/ul.gif);
	padding-left: 5px;
	margin-left: 15px;
}

li {
	padding-left: 0px;
	margin-left: 20px;
}

a:link,a:visited,a:active{
	text-decoration:none;
	color:#900;
}

a:hover{
	color:#fcd;
	border-color:#600;
}


#container{
	margin:0 auto;
	width:760px;
	height:500px;
/*	padding-bottom: 20px; */
}

#header{
	position: relative;
	height:130px;
	display: inline;
	background-color: green;
}


#logo{
	background: url('../images/TT_logo.gif') top no-repeat;	
	width: 214px;
	height: 170px;
	float: left;
}


#title-container{
	position: absolute;
	left: 0px;
	width: 546px;
}

#titleflash{
}

#header h1.title{
	margin:0;
	padding: 15px 0 0 20px;
	font-variant:small-caps;
	color:#fff;	
}


#title_box{
	display:block;
	position:relative;
	top: 140px;
	left: 200px;
	width:100px;
	border:#c00 1px solid;
}



#main{
	clear:both;
	margin:0 auto;
	width:760px;
	min-height:300px;
	padding: 0 0px 0 1px;
	overflow:hidden;
}

#side_container{
	float: right;
	width:239px;
	min-height:300px;
}

#side{
	display:block;
	clear: both;
}

#ruler{
	position: absolute;
	display: block;
	width: 71px;
	height: 100%;
	right: 0px;
	background: url('../images/Side_arrow_bg.gif') repeat-y;
	z-index: -100;
}

#ruler_top{
	position: absolute;
	top: 0px;
	width:71px;
	height: 74px;
	background: url('../images/Side_arrow_top.gif') no-repeat;
}


#ruler_middle{
	position: absolute;
	top: 50%;
	width:71px;
	height: 13px;
	background: url('../images/Side_arrow_center.gif') no-repeat;	
	vertical-align: top;
}


#ruler_bottom{
	position: absolute;
	bottom: 0px;
	width:71px;
	height: 7px;
	background: url('../images/Side_arrow_bottom.gif') no-repeat;	
}

#content_wrap{
	width: 440px;
	min-height: 300px;
}

#content{
	position: relative;
	display: inline-block;
	margin: 0 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:15px;
	text-align:justify;
	overflow:hidden;
	padding-right: 15px;
}

#content h1{
	color:#888;
	margin:0;
	padding: 0;
	line-height:28px;
	font-size: 20px;
}

#content h2{
	color:#888;
	margin:20px 0 0 0;
	line-height:20px;
	font-size: 16px;
	background: url('../images/red2_bullet.gif') left no-repeat;
	padding: 0px 0 0 15px;
}

#footer{
	clear:both;
	height: 9px;
	font-size: 10px;
	width: 740px;
	padding: 0 20px 5px 0;
	text-align:right;
	background-color: rgb(160,176,180);
	color: white;
	margin-top:1em;
	margin-bottom:10px;
}
#footer-right{
	background: url('../images/grey_right.gif') right no-repeat;
	float: right;
}
#footer-left{
	background: url('../images/grey_left.gif') left no-repeat;
	float: left;
}

#news ul{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}
#news li{
	padding: 2px 0;
}



#menuh-container
	{
	float:left;
	margin: 0;
	padding:0;
	}



/**************** menu coding *****************/

/*                                 the horizontal menu starts here             */
div#nav {
	text-decoration: none;
	position: relative;
	width:550px; height:1.5em;
	font-size:12px;
	font-weight:bold;
	font-family: Garamond;
	background-color: rgb(209,4,34); 
	margin-top:0px;
      }

div#nav ul {
	list-style-image:none;
	padding-left: 0px;
	margin:0 0 0 0px; /* indents ul from edge of container */ 	
}

div#nav li {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0px;
	margin-left: 0px;
	z-index:100; /* had to add this to make the drop be on top in Safari */
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background: rgb(209,4,34) url(../images/red_bullet.gif) left no-repeat;  /*sets the background of the menu items */
	}

div#nav li:hover,
div#nav li.over
{
	background: rgb(111,131,136) url(../images/grey_bullet.gif) left no-repeat; /*sets the background of the menu items */ 
}

div#nav a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	text-decoration:none;	 /* removes the underlining of the link */
	color:white;	/* olive sets the type color */
	padding-right: 5px; /*creates space each side of menu item's text */
	padding-left: 12px;
	}

div#nav a:hover, 
div#nav a.over
{
	background: rgb(111,131,136) url(../images/grey_bullet.gif) left no-repeat; /*sets the background of*/
}

div#nav li a.submenu { background:url(/images/icons/sub.gif) right no-repeat; 	} 

/* the horizontal menu ends here */


/* the drop-down starts here */

div#nav ul ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	}

div#nav ul ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	}
/* make the drop-down display as the menu is rolled over */


body div#nav ul ul ul  {
	top:-1px;
	left:10em;
	}


div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul li.over ul ul,
div#nav ul ul li:hover ul ul
div#nav ul ul li.over ul ul
{display: none;}

div#nav ul li:hover ul,
div#nav ul li.over ul,
div#nav ul ul li:hover ul,
div#nav ul ul li.over ul,
div#nav ul ul ul li:hover ul
div#nav ul ul ul li.over ul
{
display: block;
}




/*                                                  THE HACK ZONE                                                 */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#nav ul {
	float:left; /* makes the ul wrap the li's */
*/
	margin-left:0px; /* IE doubles the given value above - why? */
	}

/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#nav ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  }
/* and the "be nice to Opera" rule */
html>body div#nav ul li ul li ul {
  top:-1px;
  left:10em;
  }
/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#nav ul li ul {padding-bottom:70px;}
   body div#nav ul li ul li ul {padding-bottom:22px;}
   body div#nav ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
   }
/*end Opera hack */
/* end of hack zone */

/*

<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#nav ul li a {height: 1%;} 

#nav a {
font: bold 0.7em/1.4em Garamond;
}
</style>
<![endif]-->

*/