.team-page-text
{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

/*-----------------------------------Containers-------------------------*/

#teampagewrap {/*just in case.  allows for child selecting.*/
	padding-top: 5px;
	}

#upper {
	/*height: 30px;*/
	margin: 0;
	text-align: right;
	float: right;
	}

#editteam {
	float: right;
	font-size: .8em;
	margin: -8px -6px 0 0;
	}

#content {
	margin-left: 410px;
	padding: 20px;
	padding-top: 0px;
	}

#sidebar {
	width: 362px;
	float: left;
	padding: 0px 0 60px 0;
	}

/*-----------------------------------Headers-------------------------*/
/*These are all using Image replacement.  Each h2 actually has a <span>inside with the actual text inside for code portability. */

h2 span {
	position: absolute;
	left: -9999px;
	}

h2.raceinfo, h2.teaminfo { display: block; margin: 10px -20px; height:39px }
h2.raceinfo { background: #ccc888 url(../../images/teams/race_info.jpg) top left no-repeat; }
h2.teaminfo { background: #ccc888 url(../../images/teams/team_info.jpg) top left no-repeat; }

h2.inthenews, h2.teamjournal, h2.teamsponsors{
	display: block;
	height: 30px;
	margin: 0; padding: 0;
	}
h2.inthenews { background: transparent url(../../images/teams/info_box_inthenews.gif) top left no-repeat; }
h2.teamjournal { background: transparent url(../../images/teams/info_box_teamjournal.gif) top left no-repeat; }
h2.teamsponsors { background: transparent url(../../images/teams/info_box_teamsponsors.gif) top left no-repeat; }

h2.galleryheader, h2.perf_graph {display: block; margin:1.5em 0 0 0; padding: 0; height: 29px;}
h2.galleryheader { background: url(../../images/v3/teams_image_gallery.gif) top left no-repeat;}
h2.perf_graph { background: url(../../images/teams/perf_graph_header.gif) top left no-repeat; }

h1.teamname, img.teamname, h1.teamname span {
	border: 0px;
	font-size: 2.4em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, Sans-serif;
	margin: 0px 0 0 0px;
	z-index: 500;
	color: #999;
	width: 400px; /* this is important or else the drop shadow won't wrap with the parent text */
	
	/* drop shadow support */
	position: relative; 
	top: 1px; 
	left: -1px;
	}
	
h1.teamname span
{
	position: absolute; 
	top: -1px; 
	left: 1px; 
	color: #6f6c64;
	font-size: 1.0em;
}

h3.teammotto {
	/*background: url(../../images/teams/rule2.gif) 30px bottom no-repeat;
	padding: 0 0 38px 0;*/ /*offset from the 'divider image' set via bg prop*/
	font-style: italic;
	margin: 0px;
	padding: 0px;
	}

.guestbook {
	font-size: 1.7em;
	margin: 0em auto;
	text-align: center;
	}

.guestbook img {
margin: 0px 7px 0 0px;
vertical-align: middle;

}

/*-----------------------------------InfoBoxes (the white rounded boxes) ----------------------------
NO LONGER USED AS OF v3 SKIN
div.infobox {
	background: #ffffff url(../../images/teams/info_box_right.gif) right top no-repeat;
	margin: 10px 0px;
	padding: 0;
	width: 95%;
	position: relative;
	}

.infobox ul {
	list-style-type: none;
	margin:0;
	background: transparent url(../../images/teams/info_box_left.gif) left bottom no-repeat;
	padding:0 0 0px 16px;
	_padding-bottom: 11px; /Ugly IE only hack.  I will burn./
	list-style-position: inside;
	line-height: 20px;
	}

.infobox li {
	padding: 6px 0px 6px 18px;
	margin: 0 20px 3px 0;
	border-bottom: 1px solid #E7C37C;
	background: transparent url(../../images/global/arrow_w.gif) left 50% no-repeat;
	position: relative;
	z-index: 90;
	}

.infobox li.last {
	border-bottom: none;
	padding-bottom: 14px;
	_padding-bottom: 0; /Ugly IE only hack.  I will burn./
	z-index: 100; /make sure it's on top of the hr/
	background: transparent url(../../images/global/arrow_w.gif) left 30% no-repeat;
	}

.infobox div.bottom{
	background: transparent url(../../images/teams/info_box_bottom.gif) right bottom no-repeat;
	height: 16px;
	margin: 0px; padding-right: 0px;
	width: 95%;
	position: absolute; /stick it in the lower right corner of the div.infobox /
	right: 0px;
	bottom: 0;
	z-index: 3;
	}
*/
/*-----------------------------------Sidebar Additional Styles-------------------------*/
/*actual content width 398*/

.teamboxfooter {
	background: transparent;
	/*width:398px;*/
	padding: 0;
	margin: 0em 0 0 0px;
	padding-top: 10px;
	}

#gallery {
	padding: 0 10px 0px 10px;
	margin: 0;
	margin-top: -20px;
	}

#galleryloader { /* Kam notes: this div is for the "Loading..." message when changing pages, and should have height. */
	padding-left: 15px;
	text-align: right;
}

p.imagedescription {
	display: block;
	padding: 6px;
	margin: 0px 0 0 0;
	}

div.statswrap {
	width: 365px;
	margin-bottom: 20px;
	}

div.stats {
	background-color: #D7D1C1;
	text-align: center;
	padding-bottom: 7px;
	}

.analysislink {
	background: transparent url(../../images/global/arrow_t.gif) left 50% no-repeat;
	padding: 0 0 0 22px;
	margin: 0 0 0 20px;
}

p.disclaimer {
	padding: 0 0 0 0;
	margin: 15px 0 0 0px;
	font-size: 11px;
}

#sidebar div.teamphoto img
{
	margin: 0px;
	border: 1px solid #484131;
}

/*-----------------------------------Race Info Lists-------------------------*/
/*This is a cheat to use a simple ul for the lists but have it wrap to two columns. */

div.infowrap, div.infobox{ /*have to declare a width and position here to position the '.rightcol' within it*/
	margin-bottom: 1em;
	/*position: relative;*/
	width: 430px;
	background-color: #D7D1C1;
	padding-left: 9px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	}

.infowrap ul, .infobox ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 49%;
	}
	
.infobox ul{
	width: 100%;
}

.infobox ul li a, .infowrap ul li a{
	font-weight: bold;
}

.infolist li, .infobox li {
	margin-bottom: .6em;
	/*width: 40%; leave some room*/
	}

.infowrap .rightcol{ /*The class for the right column.*/
	display: block;
	float: right;
	width: 49%;
	}

.rightcol li {
	margin-bottom: .6em;
	}

    /*for the team journal*/
* html #teamjournalheader { margin-bottom: -3px;}/*I have no idea why*/
#teamjournalbox {float: left;}
* html #teamjournalbox {float: none;}

dl.teamjournallist{
	float: left;
	width: 100%;
    margin-top: -8px;
}

dl.teamjournallist dt{
	float: left;
	padding: 0;
	margin: 14px 0px 0 0;
	clear: left;

}
* html dl.teamjournallist dt{width: 41px;}

dl.teamjournallist dd{
    float: left;
    width: 340px;
   	margin:14px 0 0 6px;
    font-weight: bold;
}

* html dl.teamjournallist dd{margin-left: 6px;}


/*-----------------------------------Utilities-------------------------*/


.clear {clear: both;}
.hide {visibility: hidden;}

/* this overrides global.css so we get the gallery aligned right */
table#maingallery
{
	margin-left: -16px;
}

/*-----------------------------------IMPORTING HACKS-------------------------*/

/*This next bit is used to import styles only seen by IE5win and IE5.5win.
	Imported so that when you no longer care about supporting that browser, you only need to
	delete this bit of code instead of cleaning out random bits of css.
	Makes use of the mid-pass filter: http://www.tantek.com/CSS/Examples/midpass.html*/

@media tty {
i{content:"\";/*" "*/}} @import 'ie5_styles.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
	Makes use of the Band Pass Filter: http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/