*{margin:0; padding:0;}

htm, html, body{height:100%;}

body{background-color:#00B0D8; text-align: center; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;font-size:12px;}

a{outline:none; text-decoration:none; color: #c2206b;}

a:hover{text-decoration:underline; color: #008ab8;}

a img{border:0;}

p{ line-height: 18px; padding: 0 0 10px 0; margin: 0;}

ul, ol {margin: 5px 0 10px 25px;}

#wrapper-center{margin:20px auto; text-align: left; width: 827px;}

#wrapper{float:left;}


/*---------------------------- Header ----------------------------------------------------------*/

#header{float:left;}

/*---------------------------- Headings ----------------------------------------------------------*/

h1.tari-logo a{display:block; float:left; text-indent:-9999px; width:827px; height:170px; background-image:url("../images/header.png");} /* Set up for image replacement */

h2{font-size: 24px; text-transform: uppercase; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight: normal;}

h3{ font-size: 18px; color: #006593;}

h4{ font-size: 14px; text-transform: uppercase; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight: normal;}


/*---------------------------- Main Nav ----------------------------------------------------------*/

ul#menu {padding:0; list-style:none; text-align:left; margin-top:3.5px; text-transform: uppercase; margin-left:80px; font-size:12px; font-family:arial, sans-serif; height:41px; width:827px; position:absolute;}
ul#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; }
ul#menu table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

ul#menu ul li {float:left; margin:0; text-align:left;}
ul#menu ul li a {display:block; line-height:20px; margin:0; padding:0 10px; background:transparent; width:200px;}

ul#menu li {display:inline; margin:0 -2px; text-align:left;}
ul#menu li a {display:inline-block; height:18px; margin:5px 0 0 0;padding:0 10px 10px 0; line-height:30px; text-decoration:none; color:#000;}
ul#menu li a.sub {}

html>/**/body ul#menu li {display:inline-block; padding:0;}

* html ul#menu li a.sub {margin-right:3px;}
* html ul#menu li a {margin-bottom:-4px;}

ul#menu li a b {display:block; height:0px; float:left; padding:0 5px 0 15px; cursor:pointer;}

ul#menu li a:hover {position:relative; background-position:right bottom; color:#fff;}
ul#menu li a:hover b {background-position:left bottom;}

ul#menu li:hover {position:relative;}
ul#menu li:hover > a {background-position:right bottom; color:#fff;  background:#00B0D8;}
ul#menu li:hover > a b {background-position:left bottom;}

ul#menu :hover ul {left:0px; width:105px; top:33px;}
* html ul#menu :hover ul {top:36px;}

ul#menu :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul li a {display:block;text-transform:none; float:left; margin:0; height:25px; line-height:25px; width:95px; background:#ddd; color:#000;}
ul#menu :hover ul li a.fly {}
ul#menu :hover ul li a:hover {background:#; color:#fff;}
ul#menu :hover ul li:hover > a {background:#00B0D8; color:#fff;}

ul#menu :hover ul ul {left:-9999px;}

ul#menu :hover ul :hover ul {left:105px; top:0; width:150px;}

ul#menu :hover ul :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; background:#bbb; color:#000;}
ul#menu :hover ul :hover ul li a:hover {color:#fff; background:#840;}

#nav-bg {float:left;display:block; width:827px; height:46px; background:url("../images/nav.png");}

/*---------------------------- Content ----------------------------------------------------------*/

#main-content{float:left; background: url(../images/bg_black.png) repeat-y right; width: 738px; padding: 5px 44px; }
#content-inner{float:right;}
#content-inner p{margin-bottom:10px;}
#content-inner ul, #content-inner ol{margin:0 0 10px 15px;}
#content-inner a{text-decoration:underline;}
#content-inner a:hover{}
#left-column {width: 150px; height: 290px; float:left;}
#center-column {width:440px; height: 301px; float:left; margin:0px;}
#right-column {width:148px; height: 300px; float:right;}

#content-inner-main{}
#content-inner-main p{margin-bottom:10px;}
#content-inner-main ul, #content-inner ol{margin:0 0 10px 15px;}
#content-inner-main a{text-decoration:underline;}
#content-inner-main a:hover{}

#content-inner-repeat {background: url(../images/content_inner_middle.png) repeat-y; float: left; width: 100%;}
#content-inner-top {background: url(../images/content_inner_top.png) no-repeat top left; float: left; width: 100%; }
#content-inner-bottom {background: url(../images/content_inner_bottom.png) no-repeat bottom left; min-height: 452px; float: left; padding-bottom: 40px; width: 100%; }

#interior-content {display:block; float: left; width:520px; margin: 65px 35px 0 0;}
#interior-content #left-column {width: 150px; height: auto; margin-top: 35px;}
#interior-content #right-column {width: 350px; height: auto;}
#interior-side{display:block; float: left; width: 110px; margin: 20px 25px 0 15px; }

#interior-side h2 {font-size: 18px;}
#interior-side ul {padding: 0; margin: 0; list-style: none;}
#interior-side ul a {text-transform: uppercase; font-weight: bold;}

/*---------------------------- Footer ----------------------------------------------------------*/

#footer{float:left; width:827px; height:156px; background-image:url(../images/footer.png); color: #fff;}
#copyright {font-size:10px; text-align: center; text-transform: uppercase; margin: 17px;}
#copyright a {color:#333333;}
#copyright a:hover {color:#555555; text-decoration:none;}

/*---------------------------- Home ----------------------------------------------------------*/

#upcoming-event {background: url(../images/content_blank.png) no-repeat; padding: 10px 15px;}
#upcoming-event h2 {color: #cee8b7; font-size: 11px; text-transform: uppercase; line-height: 13px; float: left; width: 60px;}
#upcoming-event h2 span {color: #fff;}
#upcoming-event .date {text-transform: uppercase; color: #000; font-size: 10px; background: url(../images/bg_date.gif) no-repeat; width: 53px; text-align: center; height: 56px; float: left; margin-left: 5px;}
#upcoming-event .number {font-size: 32px; font-weight: normal;display: block; margin: 5px 0 0 0; color: #fff;}
#upcoming-event p {font-size: 10px; line-height: 10px; clear: both; padding: 5px 0;}
#upcoming-event p img {margin: 5px 0;}

.photo-margin {margin-top:0px; height:150px; width:150px;}

/*---------------------------- Common Classes ----------------------------------------------------------*/

.last a{border-right:0 !important;}

.float-right{float:right;}
.float-left{float:left;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.clear-both{clear:both;}

.border{}

/* HPC styles */
.PageTitle {font-size: 21px; line-height: 22px; margin-bottom:0.25em; color: #9f791f; font-weight: bold; text-transform: uppercase;}

.ItemRow
{   
    height:22px;
}

.ItemAltRow
{     
    height:22px;
}

.ItemGrid TD {
	BORDER-BOTTOM: none;
	border-top:  #ffffff 1px solid;
	border-left: none;
	border-right: none;	
}

.ItemGrid TH {
	BORDER-BOTTOM:  none;
	border-top:  none;
	border-left: none;
	border-right: none;	
	white-space: nowrap;
}

.ItemHeaderTR 
{
    
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 		
	TEXT-DECORATION: none;  
	height: 0px;
}

.GridRow
{   
    height:22px;
}

.GridAltRow
{     
    height:22px;
    background-color: #f6f6f6; 
}

.dataGrid TD {
	BORDER-BOTTOM: #d9d9d9 1px solid;
	border-top: #d9d9d9 1px solid;
	border-left: #d9d9d9 1px solid;
	border-right: #d9d9d9 1px solid;
	
}

.dataGrid TH {
	BORDER-BOTTOM: #d9d9d9 1px solid;
	border-top: #d9d9d9 1px solid;
	border-left: #d9d9d9 1px solid;
	border-right: #d9d9d9 1px solid;
	white-space: nowrap;
}

.GridHeaderTR 
{
    
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 		
	TEXT-DECORATION: none;  
	height: 22px;
	BACKGROUND: url(img/lightCellHeader.gif);
}

.GridHeaderTR a {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

.GridHeaderTR a:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

.GridHeaderTR a:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

.GridHeaderTR a:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

#content table.tb_grid {
  
  width: 100%;
}