/* @override 
	http://trustedsports.local/css/tsi.css
	http://trustedsports.com/css/tsi.css
	http://www.trustedsports.com/css/tsi.css
*/

/* @group DMG-UNDO BLUEPRINT */
div, a {font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}
a {text-decoration:none;}
th, td, caption {padding: 0;}
li {list-style-type: none; }
ul, li, ol, dl, dd, dt, fieldset {margin: 0;padding: 0;}
.box {background-color: transparent;}
h1, h2, h3, h4, h5, h6 {margin: 0;}
p img.right {margin: 0 0 1.5em 1.5em;padding: 0;}
p img.left {margin: 0 1.5em 1.5em 0;padding:0;}
input.text, input.title, textarea, select {margin: 0;border-style: none;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border-style: none;}
input.text, input.title, textarea {padding: 0px;}
/* @end */

/* @group GENERAL */

body {background: #0d1f32 url(../images/background.gif) repeat-x;}
.centerIt {text-align: center;}

/* @end */

/* @group TYPOGRAPHY */
.content p {text-align: justify;}
.txtRt, .header {text-align: right;}
.txtLt {text-align:left;}
.contentHeader h1 {
	font-size: 3em;
	line-height: 2em;
	margin: 0 40px 0 0;
	padding: 0;
	color: #fffeff;
}

h4, h5 {
	font-weight: bold;
	margin-bottom: 18px;
	font-size: 1.1667em;
	line-height: 1.285em;
}
h5 {
	margin: 0;
}
p.headlineIntro {
	font-style: italic;
	font-size: 1.3em;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
}
.contentMain p a {
	text-decoration: underline;
}

/* @end */

/* @group COLORS */
/* 
Orange yellow #fc0;
maybe orange #f7c537;
Light Blue #4c9cff;
Dark Blue #001f3f;
*/

.content,
.contentMain,
.triBox,
.subNav a:link,
.subNav a:visited
	{color: #000;}

body,
.subNav a:hover,
.subNav a:active,
.social h3
	{color: #ffffff;}

.contentMain {
	background-color: #fffeff;
	display: block;
}
.footer,
.footer a {
	color: #a1b9c6;
}

h4, h5, .headlineIntro {color: #4268a6;}
.navigation .active, .social h3,
.ddformbuttons input.button  {background-color: #4268a6;}


/* @end */

/* @group LAYOUT */
.header {
	position: relative;
}
.contentHeader {
	text-align: right;
	background-image: url(../images/backgroundHeader2nds.png);
	display: block;
	height: 90px;
	width: 100%;
}
.top {
	height: 90px;
}
.navigation {
	height: 54px;
}
.logo {
	width: 170px;
	height: 108px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.content {
	background-color: #fff;
}
.content.home {
	background: url(../images/backgroundGrass.jpg)
}
.slides {
	height: 288px;
}
.slideShadow {
	background-color: #d5d5d5;
	height: 18px;
}

.triBox.inspire,
.triBox.news {
	width: 280px;
}
.triBox {
	width: 240px;
	background: none;
}
.triBox.joinUs, .triBox.news {
	margin-left: 27px;
}
.triBoxTop {
	height: 72px;
}
.triBoxMid {
	padding: 0 10px;
	background: url(../images/triBoxBack.png) repeat-x;
}
.triBoxBot {
}

.footer {

}
.contentAll {
	margin-left: 40px;
	width: 830px;
	padding: 20px; /*these pads might be a problem in IE7*/
	margin-bottom: 36px;
}
.contentMain {
	padding: 0 40px 1.5em;
}


.subNav {
	background-image: url(../images/backgroundSubNav.jpg);
	text-align: right;
}
.subNav li {
	width: 210px;
	margin-left: 20px;
}

.subNav a {
	font-size: 1.2em;
	line-height: 36px;
	height: 36px;
	width: 100%;
	display: block;
}
.subNav a span {
	padding-right: 10px;
}
.subNav a:hover {background-image: url(../images/subNavHover.png);}
.subNavTop, .subNavBot {height: 18px;width: 100%;}
.subNavTop {background: url(../images/backgroundSubNavTop.png) -10px}
.subNavBot {background: url(../images/backgroundSubNavBot.png) -10px}
.subNav a.active {background-image: url(../images/subNavActive.png);}

.bioPic img {
	margin-bottom: 3em;
}

/* @group BLOCKQUOTE */

.bigQuoteBlock {
	width: 310px;
	float: right;
	display: block;
	position: relative;
	margin-left: 18px;
	background-color: #d968fe;
	margin-bottom: 18px;
}
.bigQuoteBlockTop {
	background-image: url(../mages/blockquotesTop.html);
	height: 36px;
	width: 310px;
	position: absolute;
	top: 0;
}
.bigQuoteBlockMid {
	width: 310px;
	background: url(../mages/blockquotesMid.html) repeat-y;
}
.bigQuoteBlockBot {
	background-image: url(../images/blockquotesBot.png);
	height: 54px;
	width: 310px;
	position: absolute;
	bottom: 0;
}
.bigQuoteBlock p {
	width: 220px;
	text-align: justify;
	background-color: #d0ff7a;
	font-size: 14px;
	line-height: 18px;
	margin: 18px 0 18px 45px;
}
.bigQuoteBlock span {
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
}

/* @end */

/* @end */

/* @group NAVIGATION */
.navigationBar {
	width: 940px;
	display: block;
	height: 54px;
	float: left;
	background: url(../images/navigationBack.png) repeat-x;
}
.navigation a {
	line-height: 48px;
	display: block;
	float: left;
	width: 16.5%;
	text-align: center;
	height: 48px;
	border-right: 1px solid #96c2f7;
	margin-top: 4px;
	font-size: 1.2em;
	letter-spacing: 1px;
	color: #fffeff;
}
a.lastNav.navigation {border-right: none;}

.navigation a:hover {background: url(../images/navigationBarHover.gif) repeat-x;}

.navigation .active  {background-image: none;}

/* @end */

/* @group BUTTONS */
/*   DMG Web 2.0 Button Base Code */
.ddButton, 
.ddButton span {background: transparent url("../images/DGbuttons.png") no-repeat 0 0;}

.ddButton,
.ddButton span {
  color: #fff;
  clear: both;
  float: left;
  display: inline;
  height: 18px;
  line-height: 18px;
}
.ddButton span {
  background-position: 100% 0;
  position: relative;
  right: -15px;
  padding-right: 30px;
}
.ddButton:hover {background-position: 0 -18px;}
.ddButton:hover span {background-position: 100% -18px;}

.ddButton {margin-right: 20px;float: right;}
.ddButtonleft {margin-left: 20px;float: left;}
.ddButton.center {float: none;
	margin: 0 auto;
}

/* @end */

/* @group PAGE-SPECIFIC */
.follower {
	float: left;
	margin-right: 4px;
}
.followIcon {
	float: left;
	margin-right: 10px;
}

.social {
	margin-left: 20px;
}
fieldset p {
	margin: 0;
}
.button .social {
	margin-bottom: 7px; /*dear god in heaven I need to fix the core problem here*/
}
.social h3 {
	font-size: 1.2em;
	text-align: center;
	line-height: 1.5em;
}

.donate a:link,
.donate a:visited,
.donate a:hover,
.donate a:active {font-size: 22px;color: #1f427e;
	line-height: 22px;
}

.donate img {
	height: 40px;
	width: 40px;
	margin: 0 0 -12px;
}
h2.awardCongrats {
	font-weight: bold;
	text-align: center;
	color: #fffeff;
	background-color: #4268a6;
}

/* @end */

/* @group FORMS */

fieldset {border-style: none;}

/* @end */