body {
	background: #777777;
	font-family : verdana, helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	text-align: left;
	margin: 5px 0px 2px 5px;
}

body,p,dl,dt,dd,td,th,li,ul,ol,div, input, textarea, select {
	font-family : arial, helvetica, sans-serif;
	font-size : 11px;
}

#athlete {
	width: 400px;
	height: 300px;
	background: #ffffff;
	padding: 4px 4px 4px 10px;
}

#content_body {
	width: 95% !important;
	width:100%;
	padding: 5px;
	background: #ffffff;
}

#content {
	width: 840px;
	background: #ffffff;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 2px solid #fff;
}

#holder {
	background: #777777;
	width: 1000px;
	text-align: center:
}

.flash_holder {
	width: 100%;
	background: #ffffff;
	text-align: center;
}

#testimonial {
	margin-top: 12px;
	padding: 0px 8px 8px 8px;
	width: 100%;
}

a:link {
	color: #0800bf;
	text-decoration: none;
}

a:visited {
	color: #0800bf;
	text-decoration: none;
}

a:hover {
	color: #C82305;
	text-decoration: none;
}

#whitelink {
	color: #eeeeee;
	text-decoration: none;
}

#whitelink:visited {
	color: #ffffff;
}

#whitelink:hover {
	color: red;
	text-decoration: none;
}

#yellowlink {
	color: #ffff00;
	text-decoration: none;
}

#yellowlink:visited {
	color: #ffff00;
}

#yellowlink:hover {
	color: red;
	text-decoration: none;
}

#redlink {
	color: #ff0000;
	text-decoration: underline;
}

#redlink:visited {
	color: #ff0000;
	text-decoration: underline;
}

#redlink:hover {
	color: #000175;
	text-decoration: none;
}

#blacklink {
	color: #eaeaea;
	text-decoration: none;
}

#blacklink:visited {
	color: #000;
	text-decoration: none;
}

#blacklink:hover {
	color: #800000;
	text-decoration: none;
}

#greenlink {
	color: #92d050;
	text-decoration:underline;
	font-weight: bold;
}

#greenlink:visited {
	color: #92d050;
	text-decoration: underline;
	font-weight: bold;
}

#greenlink:hover {
	color: #800000;
	text-decoration: none;
	font-weight: bold;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(http://athleticperformanceinc.com/images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-family : arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding-top: 6px;
	padding-left: 25px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
	margin-left: 1px;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #333;
}

h1 {
    color : #062ac0;
    font-size : 14px;
	font-family : arial, helvetica, sans-serif;
	font-weight : bold;
	text-align : left;
	margin-bottom : 2px;
	margin-top : 5px;
	width: 100%;
}

h2 {
    color : #062ac0;
    font-size : 14px;
	font-family : arial, helvetica, sans-serif;
	font-weight : bold;
	text-align : left;
	margin-bottom : 3px;
	margin-top : 3px;
	width: 100%;
}

h3 {
    color : #4463ab;
    font-size : 18px;
	font-family : Georgia;
	font-weight : bold;
	text-align : left;
	margin : 0px 0px 7px 0px;;
	width: 100%;
}

h4 {
    color : #993333;
    font-size : 17px;
	font-family: arial, helvetica, sans-serif;
	font-weight : bold;
	text-align : left;
	margin-bottom : 2px;
	margin-top : 2px;
}

h5 {
    color : #062ac0;
    font-size : 13px;
	font-family: verdana, helvetica, sans-serif;
	font-weight : bold;
	text-align : justify;
	margin-bottom : 2px;
	margin-top : 2px;
	padding: 0px 5px 0px 5px;
}

h6 {
    color : #062ac0;
    font-size : 14px;
	font-family: arial, helvetica, sans-serif;
	font-weight : bold;
	text-align : center;
	margin-bottom : 0px;
	margin-top : 4px;
	padding: 0px 5px 0px 5px;
}

.testimonial {
    color : #993333;
    font-size : 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight : bold;
	text-align : justify;
	margin-bottom : 2px;
	margin-top : 2px;
	padding: 0px 5px 0px 5px;
}

#main {
	width: 840px;
	height: 100%;
	padding: 0px;
	border: 0px solid #000000;
}

.header {
	background: url(http://athleticperformanceinc.com/images/header.jpg) no-repeat;
	width: 840px;
	height: 120px;
	margin-top:0px;
	border: 2px solid #fff;
}

#header_right {
	float: right;
	width: 650px;
	height: 120px;
	padding-top: 5px;
	text-align: left;
}

.random {
	width: 100%;
	text-align: center;
	margin: 15px 0px 10px 0px;
}

#ticktext {
	position:absolute;
	font-family:arial;
	font-size:13px;
	color: #ffffff;
	visibility:hidden;
	font-weight: bold;
	width: 750px;
}

#menubar {
	height: 34px !important;
	height: 27px;
	width: 840px;
	background: #5482d4;
	margin: 0px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	verticle-align: middle;
}

.mainrow {
	width: 100%;
	height: 180px;
	padding: 0px;
	margin: 2px 0px 0px 0px;
}

#spacer {
	width: 100%;
	height: 22px;
}

#blah {
	padding-left: 20px;
	color: #ffffff;
}

#blah2 {
	padding-left: 20px;
	color: #333333;
}

.bg1 {
	width: 279px;
	background: url(../images/bg1.jpg);
	text-align:center;
	background-repeat: no-repeat
}

.bg2 {
	width: 279px;
	background: url(../images/bg2.jpg);
	text-align:center;
	background-repeat: no-repeat
}

.bg3 {
	width: 279px;
	background: url(../images/bg3.jpg);
	text-align:center;
	background-repeat: no-repeat
}

#sparq {
	background: url(../images/sparq.jpg) no-repeat;
	width: 100%;
	text-align: left;
	font-size: 15px;
	font-weight: bold
	color: #ffffff;
	height: 30px;
	padding-left: 30px;
	margin-bottom: 4px;
}

#features {
	background: url(../images/features.jpg) no-repeat;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	height: 30px;
	margin-bottom: 4px;
	margin-left: 1px;
}

#training {
	background: url(../images/training.jpg) no-repeat;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	height: 30px;
	margin-bottom: 4px;
	margin-left: 1px;
}

#contact {
	background: url(../images/contact.jpg) no-repeat;
	width: 99%;
	border: 1px solid #333333;
	height: 30px;
	margin-bottom: 1px;
}

#about {
	background: url(../images/about.jpg) no-repeat;
	width: 99%;
	border: 1px solid #333333;
	height: 30px;
	margin-bottom: 1px;
}

#programs {
	background: url(../images/programs.jpg) no-repeat;
	width: 99%;
	border: 1px solid #333333;
	height: 30px;
	margin-bottom: 1px;
}

#events {
	background: url(../images/events.jpg) no-repeat;
	width: 99%;
	border: 1px solid #333333;
	height: 30px;
	margin-bottom: 1px;
}

#news {
	background: url(../images/news.jpg) no-repeat;
	width: 99%;
	border: 1px solid #333333;
	height: 30px;
	margin-bottom: 1px;
}

#monthly {
	background: url(../images/monthly.jpg) no-repeat;
	width: 99%;
	border: 1px solid #333333;
	height: 30px;
	margin-bottom: 1px;
}

#footer {
	width: 840px;
	font-family: verdana;
	font-size: 11px;
	text-align: center;
	margin: 0px 0px 12px 80px;
	line-height: 1.6;
	color: #ffffff;
	padding-top: 6px;
	padding-bottom: 12px;
	background: #4c72be;
}

#athlete {
	float: right;
	width: 260px;
}

#adult{
	width: 100%;
}

#contact_info {
	padding: 0px 3px 0px 7px;
	line-height: 1.6;
}

#emails {
	padding: 0px 3px 0px 7px;
	line-height: 1.9;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.4;
}

ol {
	margin-top: 5px;
	margin-bottom: 3px;
	line-height: 1.4;
	padding-right: 6px;
}


dl{
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 1.5;
}

dd.teams {
	font-size: 14px;
}

.bluelist {
	color: #062ac0;
	font-size: 12px;
	font-weight: normal;
}

.signature {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	font-family: lucida calligraphy;
	color: #800000;
	text-align: right;
}

p.newline {
	text-align: justify;
	margin-top: 12px;
}

.heading2 {
	color : #fff;
	padding-top: 5px;
}

#address {
	padding-left: 40px;
	margin-top: 10px;
	width: 100%;
}

div.message {
	height: 25px;
	width: 840px;
	font-size: 14px;
	background: #fff;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	color: #e40a09;
}

div.add-message {
	height: 30px;
	width: 840px;
	font-size: 14px;
	background: #fff;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	color: #e40a09;
	border-bottom: 1px solid #000;
}


a.button:link, a.button:visited  {
	float: left;
  text-align: center;
  font-size: 11px;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px 0px 10px;
  line-height: 20px;
  margin: 1px;
  color: #000;
}

a.button:hover {
	float: left;
  text-align: center;
  font-size: 11px;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg2.png) repeat-x;
  padding: 0px 10px 0px 10px;
  line-height: 20px;
  margin: 1px;
  color: #800000;
}


/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: {T_TR_COLOR1}; }
td.row2	{ background-color: {T_TR_COLOR2}; }
td.row3	{ background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: {T_TD_COLOR2};
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
	background-color: {T_BODY_LINK}; height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
	text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu		{ text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle		{ text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink 	{ text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav			{ text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover		{ text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover	{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code { 
	font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright		{ color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : {T_BODY_TEXT};
	font: normal {T_FONTSIZE2}px {T_FONTFACE1};
	border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : {T_TR_COLOR1};
	color : {T_BODY_TEXT};
	font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
	background-color : {T_TD_COLOR1};
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : {T_TD_COLOR1};
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */