/* CSS Document */
* { /*margin:0; padding:0;*/ font-family:Arial, Helvetica, sans-serif; }
html, body { height:100%; }
body {font-size:100%; line-height:1em; background:url(http://www.triutah.com/images/bg.gif) repeat-x top #E1E1E1; margin:0; padding:0;}
html, input, textarea, table { font-family: Arial, Helvetica, sans-serif; color:#354360; }	
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.red {color:#A5100B;}
div.container {	overflow:hidden; width: 100%; color:#47494b;}
a img{ border:0px}
img{ vertical-align:top; border:0px; }
#eventsponsors img {padding:20px 0 20px 0;}
a {color:#A5100B; text-decoration:underline;} 
a:hover{text-decoration:none;}
a.eventlinksfirst {color:#A5100B; text-decoration:underline; text-transform:uppercase; font-size:10px;} 
a.eventlinksfirst:hover{text-decoration:none;}
a.eventlinks {color:#A5100B; text-decoration:underline; text-transform:uppercase; margin-left:10px; font-size:10px;} 
a.eventlinks:hover{text-decoration:none;}
.col-1 div.previouspage {font-size:16px; margin:10px 0 20px 10px;}
h1 { font-size:26px; color:#464646; letter-spacing:-1px; font-weight:normal; margin-bottom:12px; line-height:26px; min-height:26px; height:auto !important; height:26px; text-align:left; }
h1.eventstitle { font-size:22px; color:#464646; letter-spacing:-1px; font-weight:normal; margin-bottom:12px; line-height:22px; min-height:22px; height:auto !important; height:22px; text-align:left; }
h1.homeboxtitle { margin-top:0px; padding-top:0px; font-size:18px; color:#464646; letter-spacing:-1px; font-weight:normal; margin-bottom:10px; line-height:18px; min-height:18px; height:auto !important; height:18px; text-align:left; }
h2 { font-size:18px; color:#464646; letter-spacing:-1px; font-weight:normal; margin-bottom:10px; line-height:18px; min-height:18px; height:auto !important; height:18px; text-align:left; }
h2.blogtitles { font-size:16px; color:#A5100B; font-weight:bold; letter-spacing:-1px; margin-bottom:3px; line-height:16px; min-height:16px; height:auto !important; height:16px; text-align:left; }
h3 {margin-bottom:4px;}
.soldout {font-size:16px; color:#A5100B; letter-spacing:-1px; font-weight:bold; text-align:left; margin-right:10px;}
.homeeventstable tr td {padding:0 0 4px 2px;}
.link1{color:#e5156d; font-weight:bold; } 
ul.underline li{background:url(http://www.triutah.com/images/tail.gif)  bottom left repeat-x; padding:4px 0 3px 0 }
ul.underline li a{color:#ca8f18; font-weight:bold; text-decoration: none; line-height:1.33em; background:url(http://www.triutah.com/images/marker.gif) top left no-repeat; background-position:0 3px; padding:0 0 3px 18px; display:block } 
ul.underline li a:hover { text-decoration:none; color:#A5100B}
.link-1 { display:block; float:left; background:url(http://www.triutah.com/images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; font-weight:bold}
.link-1 em { display:block; background:url(http://www.triutah.com/images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(http://www.triutah.com/images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ background:url(http://www.triutah.com/images/link_bg-1.gif) left top repeat-x;}
.link-1:hover em{ background:url(http://www.triutah.com/images/link_left-1.gif) no-repeat left top;}
.link-1:hover  b { background:url(http://www.triutah.com/images/link_right-1.gif) no-repeat right top; }
/*header*/
#header { font-size:11px; font-weight:bold; color:#FFFFFF; }
#header a { font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
#header a:hover { text-decoration:underline; }
#header #logo{ width:250px; float:left; margin:14px 0 10px 30px;}
#header #top_menu{ float:right; margin:0 2px 0 0; background:url(http://www.triutah.com/images/top-header-bg.gif) no-repeat; width:600px; height:40px; text-align:center; padding:12px 0 0 0; }
#header #top_menu .top_menu_button {font-size:10px;}
#header #social_menu{ float:right; margin:0 2px 0 0; width:600px; height:30px; text-align:right; padding:12px 0 0 0; }
#header #menu {width:100%; float:left;}
#header #sub_menu{float:left; }
#header #sub_menu a {color:#A5100B; text-decoration:underline;}
#header #sub_menu a:hover{text-decoration:none;}
#header #sub_menu .sub_menu_box_left {background:#FFFFFF url(http://www.triutah.com/images/img1-left.jpg) repeat-y left; padding:0 10px 10px 12px; width:309px; height:226px;}
#header #sub_menu .sub_menu_box_center {background:#FFFFFF; width:304px; height:246px; padding:0 0 10px 0;}
#header #sub_menu .sub_menu_box_right {background:#FFFFFF url(http://www.triutah.com/images/img3-right.jpg) repeat-y right; width:307px; height:226px; padding:0 12px 10px 10px;}
#header #sub_menu .sub_menu_box_left .latestevents li { list-style:none; background:url(http://www.triutah.com/images/favicon2.png) no-repeat; padding-left:20px; margin:3px 0 3px 0;}
#header #sub_menu .sub_menu_box_left .latestevents li.run {list-style:none; background:url(http://www.triutah.com/images/favicon.png) no-repeat; padding-left:20px; margin:20px 0 3px 0;}
#header #sub_menu .sub_menu_box_right .latestblogposts li { list-style:none; background:url(http://www.triutah.com/images/favicon3.png) no-repeat; padding-left:20px; margin:3px 0 3px 0;}
#header #sub_menu .sponsor-body-left {width:10px; height:6px; background:url(http://www.triutah.com/images/sponsor-body-left.jpg)}
#header #sub_menu .sponsor-body-center {height:106px; width:900px; background:#66676B;}
#header #sub_menu .sponsor-body-right {width:10px; height:6px; background:url(http://www.triutah.com/images/sponsor-body-right.jpg)}
#header #sub_menu .sponsor-bottom-left {width:10px; height:12px; background:url(http://www.triutah.com/images/sponsor-bottom-left.jpg) no-repeat;}
#header #sub_menu .sponsor-bottom-center {height:12px; width:900px; background:url(http://www.triutah.com/images/sponsor-bottom-center.jpg) repeat-x;}
#header #sub_menu .sponsor-bottom-right {width:10px; height:12px; background:url(http://www.triutah.com/images/sponsor-bottom-right.jpg) no-repeat;}
/*sub-header*/
#sub-header { font-size:11px; font-weight:bold; color:#FFFFFF; }
#sub-header a { font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
#sub-header a:hover { text-decoration:underline; }
#sub-header #logo{ width:250px; float:left; margin:14px 0 10px 30px;}
#sub-header #top_menu{ float:right; margin:0 2px 0 0; background:url(http://www.triutah.com/images/top-header-bg.gif) no-repeat; width:600px; height:40px; text-align:center; padding:9px 0 0 0; }
#sub-header #top_menu .top_menu_button {font-size:10px;}
#sub-header #social_menu{ float:right; margin:0 2px 0 0; width:600px; height:30px; text-align:right; padding:12px 0 0 0; }
#sub-header #menu{ width:100%; float:left; }
#sub-header #sub_menu{ width:100%; float:left; }
#boxtop { background:url(http://www.triutah.com/images/top.gif) repeat-x top; margin-top:4px;}
#boxtop .top-left{ background:url(http://www.triutah.com/images/top-left.gif) no-repeat top left;}
#boxtop .top-right{ background:url(http://www.triutah.com/images/top-right.gif) no-repeat top right;}
#boxtop1 { background:url(http://www.triutah.com/images/top-small.gif) repeat-x top; margin-top:2px; height:8px;}
#boxtop1 .top-left1{ background:url(http://www.triutah.com/images/top-left-small.gif) no-repeat top left; margin-top:2px; height:8px;}
#boxtop1 .top-right1{ background:url(http://www.triutah.com/images/top-right-small.gif) no-repeat top right; margin-top:2px; height:8px;}
/*content*/
#content{ font-size:12px; width:100%; text-align:left; background:url(http://www.triutah.com/images/bg_cont.gif); min-height:384px;}
#content .bg1{background:url(http://www.triutah.com/images/bg_cont1.gif) no-repeat top;}
#content .indent-main{padding:0px 20px 0px 20px;}
#content .more{ float:right; margin-top:9px;}
#content .marker1{ position:absolute;}
#content .title{  margin-bottom:9px;}
#content .img-left{ float:left; margin:0 20px 6px 0;}
#content .img-indent{ margin:0 10px 0 0;}
#content .img-indent1{ margin:0 0 20px 0;}
#content p{ margin:0 0 12px 0;}
#content .p{ margin:0 0 12px 0;}
#content .p1{ margin:0 0 12px 0;}
#content .p2{ margin:0;}
#content h4{color:#354360; font-size:1em; margin-bottom:5px; text-transform:uppercase;}
.tail{ background:url(http://www.triutah.com/images/tail.gif) repeat-x bottom; padding-bottom:5px;}
.tail1{ background:url(http://www.triutah.com/images/tail.gif) repeat-x bottom; padding-bottom:11px; margin-bottom:21px;}
.tail2{ background:url(http://www.triutah.com/images/tail.gif) repeat-x bottom; padding-bottom:1px; margin-bottom:1px;}
#content .indent{padding:0 0 0 121px;}
#content .indent1{padding:0 0 0 178px;}
.archiveitems {margin:0 0 0 20px;}
/*footer*/
#footer { color:#354360; font-size:12px; text-align:right; background:url(http://www.triutah.com/images/bot.gif) repeat-x top;}
.bot-left{ background:url(http://www.triutah.com/images/bot-left.gif) no-repeat top left;}
.bot-right{ background:url(http://www.triutah.com/images/bot-right.gif) no-repeat top right;}
#footer .indent-footer{ padding:45px 40px 0 30px;}
#footer a {color:#354360; text-decoration:none;}  
#footer a:hover {  text-decoration:underline;}
.jamp2{ width:40px; margin-left:6px;}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}
.h{ height:32px;}
.block-contact span{ float:right; margin-right:135px}
input.email{
   	border:1px solid #cfcdca; 
	background:#FFFFFF;
	width:70px; height:16px;
	font-size:1em;
	padding-left:2px;
	margin-bottom:2px;
}
textarea{
   	border:1px solid #cfcdca; 
	background:#FFFFFF;
	width:700px; height:160px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto;
}
/* form error messages css */
#msg {display:none; position:absolute; z-index:200; background:url(http://www.triutah.com/images/msg_arrow.gif) left center no-repeat; padding-left:7px; font-size:10px;}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px; font-size:10px;}

/* special list icons */
.speciallist h3 {padding:0 0 10px 0;}
.speciallist li.swim { list-style:none; background:url(http://www.triutah.com/images/favicon2.png) no-repeat; padding-left:20px; margin:3px 0 3px 0;}
.speciallist li.run { font-size:12px; list-style:none; background:url(http://www.triutah.com/images/favicon.png) no-repeat; padding-left:20px; margin:3px 0 3px 0;}
.speciallist li.bike { list-style:none; background:url(http://www.triutah.com/images/favicon3.png) no-repeat; padding-left:20px; margin:3px 0 3px 0;}
/*=================================
start of Tooltip css code here
================================= */

a.infobox{
position:relative;           /*this is the key*/
z-index:24;
text-decoration:none;
}

a.infobox:hover {
z-index:25;
text-decoration:underline;
}

a.infobox span{
display: none;  /* hide the span text using this css */
}

a.infobox:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top: 14px;
left: -90px;
width: 260px;
height: 95px;
background-color:#FFFFFF;
border: 3px solid #000000; /* border colour */
text-align: left;
font-size: 10px;
z-index:30;
}