/* ------------ CSS ---------------- */

/* <<<<<<<<<<<<<<<< STYLE CSS >>>>>>>>>>>>>>>> */


/* ---------------------------- */
/* --------- INITIAL ---------- */

* {
	margin:0; 
	padding:0;
}

p, div, span {
text-align:justify;
}

body {
line-height:1em;
background:url(http://tri.publishpath.com/Websites/tri/Images/bgs/header-bg.jpg) repeat-x;
font-size:17px;
font-family:tahoma, arial;
color:#5a6b6d;
}



img {
border:0; 
vertical-align:top;
}

img a {
border:0; 
vertical-align:top;
}



/* -------- END INITIAL ------- */
/* ---------------------------- */






/* ---------------------------- */
/* -------- CLASSES ----------- */

/* <textEditor> */
.clear { clear:both; }


.vam{
vertical-align:middle;
}

.fl{ 
float:left;
display:inline;
}

.fr{ 
float:right;
display:inline;
}


.left {float: left; margin-right: 1em;}
.right {float: right; margin-left: 1em;}



.tac{ 
text-align: center
}


a {
color:#da6417;
}

a:hover {

}

a:visited {
color:#da6417;
}

a:link {

}



/* </textEditor> */

b a {
color:#39414a;
text-decoration:none;
padding:0 0 0 19px;
}

b a:hover {
text-decoration:none; 
color:#0fb6d0;
}

a img{ 
border:0px
}

strong img {
margin:1px 7px 0 0;
vertical-align:text-bottom;
}

strong a{
color:#39414a; 
text-decoration:none;
}

strong a:hover {
text-decoration:none; 
color:#0fb6d0;
}


h2 {
font-size:20px;
font-weight:normal;
margin-bottom:18px;
color:#393939;
}

h2 a {
color:red;
}


h3 {
color:black;
font-size:17px;
font-weight:normal;
margin-bottom:15px;
}


h3 a {
color:red;
}




/* <textEditor> */
.header2, .header2 a{
font-size:20px;
font-weight:normal;
margin-bottom:18px;
color:#393939;
text-decoration:none;
}

.header3,  .header3 a{
color:black;
font-size:17px;
font-weight:normal;
margin-bottom:15px;
text-decoration:none;
}
/* </textEditor> */



/* <textEditor> */
/* --- PHOTOS */
.photo-1 {
border:2px #5a6b6d solid;
margin:16px;
}
/* </textEditor> */




/* --- lists */
ul {

}

ol { 
margin:0; 
padding:0; 
list-style-position:inside; 
}

li { 
text-align:left;
line-height:1.75em;
}

#main li{
margin-left:20px;
color:#c16d0e;
}

li a {
color:#c16d0e;
text-align:left;
}

.list ul{
list-style:none;
}

td {
vertical-align:top;
}

/* </textEditor> */
.leader {
color:#acabab;
font-size:15px;
line-height:1.2em;
font-weight:bold;
text-align:justify;
}
/* <textEditor> */


/* ACTUAL BLOG PAGES */
.postTitle a {
font-size:15px;
}



/* BLOG ENTRY AS A PAGE */
.postViewInfo {
display:none;
}

.blogBack {
display:none;
}


.blog-page .leader{
font-size:17px;
color:#81899F;
line-height:24px;
margin-bottom:25px;
}



/* PRODUCT ICON */
.section {
}

.product-overview-icon {
float:left;
display:inline;
margin-right:10px;
}

.product-overview-text {
margin-top:13px;
float:left;
display:inline;
width:80%;
}





/* ACTUAL BLOG SECTION */
.postBody {
margin-bottom:40px;
}

.commentsForm {
margin-top:45px;
}

.comments {
margin-top:25px;
}



/* -------- END CLASSES ------- */
/* ---------------------------- */





/* ---------------------------- */
/* ------------ FORMS --------- */

/* OLD ONES */

input, select {
background:#FFFFFF;
vertical-align:middle; 
font-family:tahoma; 
color:#000000; 
font-weight:normal;
}

input {
border: 1px solid #7F9DB9;
background:#FFFFFF;
margin-bottom:8px;
}

input .btn {
background:#F8F8F6;
}

input:hover {
border: #00AFF0 1px solid;
}

textarea{
width:150px; height:127px;
font-size:1em;
padding:0 5px 0 5px;
margin:3px 0 11px 0px;
overflow:auto
}

.fieldInstructions  {
display:none;
}

.fieldBlock {

}

textarea{
width:150px; 
height:127px;
font-size:1em;
padding:0 5px 0 5px;
margin:3px 0 11px 0px;
overflow:auto
}

input, select   {
   width:160px;
}

.fieldItem {
width:180px;
padding:10px;
margin-left:10px;
}




/* EVENT BOOKING FORM */
#booking {
color:black; 
}

#booking label { 
margin-top:3px;
padding:3px 0 0 10px; 
float:left;
width:230px; 
}

#booking input { 
margin-top:3px; 
padding:0px; 
color:white; 
float:left; 
border:1px solid #999999; 
width:200px; 
background:#555555; 
}

#booking input:hover {
border: orange 1px solid;
}

#booking select { 
padding:3px; 
float:left; 
border:none; 
width:200px; 
background:#555555; 
color:white; 
border:1px solid #999999; 
font-size:10px; 
}

#booking select:hover {
border: orange 1px solid;
}

#booking textarea { 
margin-top:2px; 
float:left; 
width:200px; 
background:#222222; 
color:white; 
border:1px solid #999999; 
font-family: Verdana; 
font-size:11px; 
background: #0A0C0D;
}

#booking span { 
clear:left;
font-weight: bold; 
font-size:12px; 
}

#bookingsubmit { 
width:100px; 
}


/* -------- END FORMS --------- */
/* ---------------------------- */





/* <<<<<<<<<<<<<<<< END STYLE CSS >>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<< INTERMISSION  >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<< HTML CSS >>>>>>>>>>>>>>>> */





/* ----------------------------- */
/* ---------- LAYOUT ----------- */

/* --------------------------- */
/*  Wrapper */
#wrapper {
margin:0 auto;
width:950px;
url(http://site.totalracingint.com/Websites/tri/Images/bgs/page_bg2.jpg) repeat-x;
}





/* --------------------------- */
/*  Header */
#header {

}


#header #head_left {
float:left;
display:inline;
width:550px;
margin-top:6px;
}





/* LEFT SIDE */
#header #logo {
display:inline;
float:left;
padding:5px;
}

#header #written-logo {
margin-top:18px;
float:left;
display:inline;
}

#header #top-date {
float:left;
display:inline;
width:200px;
font-size:12px;
color:#da6417;
margin-left:5px;
}


#header #nav {
float:left;
display:inline;
font-size: 12px;
color:white;
margin-top:16px;
margin-right:8px;
width:560px;
}

#header #nav ul{
list-style:none;
}

#header #nav ul li {
float:left;
}

#header #nav ul li a{
padding:0 9px;
color:#da6417;
text-decoration:none;
border-left:1px solid #cdcaca;
}

#header #nav ul #first a {
border:0;
}

#header #nav ul li a:hover{
text-decoration: underline;
}



/* RIGHT SIDE */
#header #head_right {
display:inline;
float:right;
width:325px;
}

#header #login {
float:right;
display:inline;
margin-right:27px;
margin-top:5px;
}

#header #login a {
font-size:12px;
text-decoration:none;
color:#da6417;
}

#header #login a:hover {
text-decoration:underline;
}

#top_buttons {
margin-top:43px;
}



/* --------------------------- */
/*  Main */
#main {
font-size:12px;
padding-right:10px;
margin-top:30px;
margin-bottom:30px;
}

#main #date {
text-align:right;
font-size:11px;
}

#main .left_col {
display:inline;
float:left;
width:50%;

}

#main .right_col {
display:inline;
float:left;
width:50%;

}





/* --------------------------- */
/*  Footer */
#footer {
background:url(http://site.totalracingint.com/Websites/tri/Images/bgs/footer_bg.jpg) no-repeat;
height:107px;
margin:0 auto 15px auto;
width:940px;
color:#666666;
}







/* FOOTER DESCRIPTION */
#footer #description {
float:left;
display:inline;
font-size:14px;
margin-left:93px;
margin-top:30px;
color:white;
font-size:12px;
}
 
#footer #description ul {
list-style:none;
} 

#footer #description ul li {
display:inline;
padding: 0 5px;
}

#footer #description ul li a {
text-decoration:none;
color:#999999;
}

#footer #description ul li a:hover {
color:orange;
}


/* FOOTER NAV */
#footer #foot-nav {
float:left;
display:inline;
font-size:11px;
width:500px;
clear:both;
margin-left:93px;
margin-top:5px;

}
 
#footer #foot-nav ul {
list-style:none;
} 

#footer #foot-nav ul li {
display:inline;
padding: 0 5px;
}

#footer #foot-nav ul li a {

text-decoration:none;
color:#666666;
}

#footer #foot-nav ul li a:hover {
color:orange;
}


#footer #siteauthor {
font-size:12px;
float:right;
margin-right:49px;
margin-top:23px;
color:#da6417;
}

#footer #siteauthor a {
text-decoration:none;
}

#footer #siteauthor a:hover {
text-decoration:underline;
}


#footer #siteauthor-red {
font-size:12px;
float:right;
margin-right:49px;
margin-top:23px;
color:#B30C07;
}

#footer #siteauthor-red a {
text-decoration:none;
color:#B30C07;
}

#footer #siteauthor-red a:hover {
text-decoration:underline;
color:#B30C07;
}






/* -------------------------- */
/* PAGE: HOME */

/*  Body */




/*  HOME: Content */
#home #main {
background:url(http://site.totalracingint.com/Websites/tri/Images/bgs/mid-bg.jpg) center repeat-y;

}

#home #main .left_col {
width:43%;
margin-right:10px;
}

#home #main .right_col {
width:54%;
margin-left:13px;
}

#home-team-icon {
text-align:right;
}


/* HOME BLOG LIST */
#home .blogList a {
font-size:13px;
text-decoration:none;
}

#home .blogList ul li {
list-style:circle;
}


#home .blogList a:hover {
text-decoration:underline;
}

#home .blogList .postTitle {
margin:0;
padding:0;
}

#home .blogList .postInfo {
display:none;
}


#home .blogList .rss {
display:none;
}





/* (END) PAGE: HOME */
/* -------------------------- */









/* -------------------------- */
/* PAGE: INSIDE */

/* INSIDE: Content */

#inside #main {
}

#inside #main .left_col {
width:24%;
margin-right:8px;
}

#inside #main .right_col {
width:74%;
margin-left:10px;
}




/*  INSIDE: TEAM Sidebar */
#inside #main #sidebar {
padding:0;
margin:0;

}

#inside #main #sidebar ul {

}

#inside #main #sidebar li {
font-size:11px;
list-style:none;
}

#inside #main #sidebar li a {
padding:11px 0 17px 20px ;

text-decoration:none;
clear:both;
float:left;
width:195px;
font-weight:bold;
color:#fe6215;
background:url(http://site.totalracingint.com/Websites/tri/Images/buttons/team-sidebar-button.jpg) -6px 0  no-repeat;
}

#inside #main #sidebar li a:hover {

}




/*  INSIDE: TEAM Sidebar */
#inside #main #coaching-sidebar {
padding:0;
margin:0;

}

#inside #main #coaching-sidebar ul {

}

#inside #main #coaching-sidebar li {
font-size:11px;
list-style:none;
}

#inside #main #coaching-sidebar li a {
padding:11px 0 17px 20px ;

text-decoration:none;
clear:both;
float:left;
width:195px;
font-weight:bold;
color:#fe6215;
background:url(http://site.totalracingint.com/Websites/tri/Images/buttons/coaching-sidebar-button.jpg) -6px 0  no-repeat;
}

#inside #main #sidebar li a:hover {

}




/* BLOG ENTRY AS A PAGE */
.blog-page .postViewInfo{
display:none;
}

#inside .blog-page h2{
font-size:25px;
font-weight:normal;
margin-bottom:18px;
}

#inside .blog-page .header2{
font-size:25px;
font-weight:normal;
margin-bottom:18px;
}


#inside .blog-page .leader{
font-size:17px;
color:#81899F;
line-height:24px;
margin-bottom:25px;
}

#inside .blog-page h3 {
color:red;
font-size:17px;
font-weight:normal;
margin-bottom:15px;
}

#inside .blog-page .header3 {
color:black;
font-size:17px;
font-weight:normal;
margin-bottom:15px;
}



/* INSIDE BLOG LIST (Actual Blog) */
#inside .blogList a {
font-size:13px;
text-decoration:none;
}

#inside .blogList ul li {
list-style:circle;
}

#inside .blogList a:hover {
text-decoration:underline;
}

#inside .blogList .postTitle {
margin:0;
padding:0;
}

#inside .blogList .postInfo {
display:none;
}


#inside .blogList .rss {
display:none;
}







/* ->TEAM OVERVIEW */


#inside .section {
margin-top:30px;
}

#inside .team-pic {
display:inline;
float:left;
margin-right:10px;
}

#inside h3, #inside h3 a {
font-size:13px;
text-decoration:none;
font-weight:bold;
color:red;
margin:0;
}

#inside h3 {
margin-bottom:5px;
}



#inside .header3, #inside .header3 a {
font-size:13px;
text-decoration:none;
font-weight:bold;
color:#393939;
margin:0;
}

#inside .header3 {
margin-bottom:5px;
}


#inside .team-text {
margin-top:8px;
float:left;
display:inline;
width:510px;
}

#inside .team-moreinfo {
float:left;
display:inline;
margin-top:2px;
}

#inside .team-moreinfo a{
color:#393939;
text-decoration:none;
font-weight:bold;
}

#inside .team-moreinfo a:hover {
text-decoration:underline;
}



/* ->TEAM BIO */
#inside #top-team-image{
float:left;
display:inline;
margin-right:20px;
}

#inside #top-team-text {
margin-top:10px;
float:left;
display:inline;
width:380px;
}

#inside .team-members-list h2{
margin-bottom:10px;
}

#inside .team-members-list .header2{
margin-bottom:10px;
}

#inside .members-list-item {
margin-right:12px;
}


/* TEAM PROFILE */
.member-title {

}

.member-question {
font-size:16px;
color:black;
margin-right:5px;
}

.member-answer {
color:#6F6F6F;
}



.form_container {
float:right;
}





/* (END) PAGE: INSIDE */
/* -------------------------- */





/* -------------------------- */
/* PAGE: WIDE */

/*  Content */
#wide #main .left_col {
width:100%;
}




/* WIDE BLOG (PAGES) */
#wide-blog #main .left_col {
width:100%;
}

#wide-blog .postViewInfo {
display:none;
}


#wide-blog .blogBack {
display:none;
}



/* JOIN TRI */
#join-tri {

}

#join-tri-feature {
float:left;
display:inline;

}

#join-tri-button {
float:left;
display:inline;

width:430px;
height:286px;
padding:5px;
text-align:center;
background:url(http://site.totalracingint.com/Websites/tri/Images/icons/join-tri-icon.jpg) -3px 0 no-repeat ;
}



#join-tri-offline a, #join-tri-online a{
margin-top:20px;
margin-left:40px;
float:left;
text-decoration:none;
padding:10px 34px;
font-size:14px;
text-transform:uppercase;
background:url(http://site.totalracingint.com/Websites/tri/Images/buttons/join-tri-bg.png);
color:ff6f05;
}

#join-tri-online a:hover, #join-tri-offline a:hover {
color: white;
}







/* (END) PAGE: WIDE */

/* -------------------------- */





/* -------------------------- */
/* PAGE: ADMIN */

/*  Content */
#admin #main .left_col {
width:100%;
}

#admin {
}

/* (END) PAGE: ADMIN */

/* -------------------------- */


 

/* -------------------------- */
/* PAGE: 50-50 */

/* 50-50: Content */ 

#half #main {
}

#half #main .left_col {
width:48%;
margin-right:8px;
}

#half #main .right_col {
width:47%;
margin-left:10px;
}

/* -------------------------- */



   /* END CSS */