/* tracycougars.com CSS */

body
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 22px;
    COLOR: #000000;
    TEXT-DECORATION: none;

}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
}
H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
}
H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 22px;
    COLOR: white;
    BACKGROUND-COLOR: #FF0000;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}

.tenpx
{
    FONT-SIZE: 10px;
}
.tenpx A
{
    FONT-SIZE: 10px;
    COLOR: #003366;
}
.tenpx A:hover
{
    COLOR: #003366;
    TEXT-DECORATION: none;
}
.tenpx A:active
{
    FONT-SIZE: 10px;
    COLOR: #003366;
}
.tenpx A:visited
{
    FONT-SIZE: 10px;
    COLOR: #003366;
}
A:link
{
    FONT-SIZE: 12px;
    COLOR: #003366;
}
A:visited
{
    FONT-SIZE: 12px;
    COLOR: #003366;
}
A:hover
{
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #990000;
    TEXT-DECORATION: none;
}
A:active
{
    FONT-SIZE: 12px;
    COLOR: #003366;
}
A.footerlink:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #003366;
}
A.footerlink:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #003366;
}
A.footerlink:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #003366;
    BACKGROUND-COLOR: #efefef;
    TEXT-DECORATION: none;
}

/* table-menu */
.table-menu
{
    FONT-SIZE: 11px;
    WIDTH: 168px;
    COLOR: #006699;
    BACKGROUND-COLOR: #006699;
    TEXT-DECORATION: none
}
.table-menu TABLE
{
    BACKGROUND-COLOR: #006699;
}
.table-menu TR
{
    BACKGROUND-COLOR: #006699;
}
.table-menu TD
{
    BACKGROUND-COLOR: #006699;
}
.table-menu A:link
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.table-menu A:visited
{
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}
.table-menu A:active
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.table-menu A:hover
{
    COLOR: #F9E200;
    BACKGROUND-COLOR: #006699;
    TEXT-DECORATION: none;
}
.table-menu TH A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    BACKGROUND-COLOR: #006699;
    TEXT-DECORATION: none
}
.table-menu TH A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none
}
.table-menu TH A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none
}
.table-menu TH A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #F9E200;
    BACKGROUND-COLOR: #006699;
    TEXT-DECORATION: none
}
/* Colored Tables */
.table-black
{
    BACKGROUND-COLOR: #000000;
 color: #FFFFFF
}
.table-grey
{
    BACKGROUND-COLOR: #efefef;
}
.table-blue
{
    BACKGROUND-COLOR: #006699;
 color: #FFFFFF
}
.table-pink
{
    BACKGROUND-COLOR: #f9eeef;
}
.table-green
{
    BACKGROUND-COLOR: #edfaf5;
}
.table-yellow
{
    BACKGROUND-COLOR: #fffde8;
}
.table-tan
{
    BACKGROUND-COLOR: #fbefc6;
}
/* MenuHead */
.MenuHead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    BACKGROUND-COLOR: #006699;
}
A.MenuHead:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none;
}
A.MenuHead:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #F9E200;
    TEXT-DECORATION: none;
}
A.MenuHead:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none;
}
A.MenuHead:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none;
}
/* Menu Levels */
.level1
{
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
    COLOR: #FFFFFF;
}
.level2
{
    MARGIN-TOP: 2px;
    PADDING-LEFT: 15px;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: -4px;
    COLOR: #FFFFFF;
}
.level3
{
    MARGIN-TOP: 2px;
    PADDING-LEFT: 25px;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: -4px;
    TEXT-DECORATION: none;
    COLOR: #FFFFFF;
}
.level1 A
{
    TEXT-DECORATION: none;
    FONT-SIZE: 12px;
    COLOR: #FFFFFF;
}
.level2 A
{
    MARGIN-TOP: 3px;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: -1px;
    TEXT-DECORATION: none;
    COLOR: #FFFFFF;
}
.level3 A
{
    MARGIN-TOP: 6px;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: -1px;
    TEXT-DECORATION: none;
}
.level1 A:hover
{
    MARGIN-TOP: 6px;
    FONT-SIZE: 12px;
    MARGIN-BOTTOM: -1px;
    TEXT-DECORATION: none;
}
.level2 A:hover
{
    MARGIN-TOP: 3px;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: -1px;
    TEXT-DECORATION: none;
}
.level3 A:hover
{
    MARGIN-TOP: 6px;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: -1px;
    TEXT-DECORATION: none;
}
.level1 A:active
{
    MARGIN-TOP: 6px;
    FONT-SIZE: 12px;
    MARGIN-BOTTOM: -1px;
    TEXT-DECORATION: none;
}
.level2 A:active
{
    MARGIN-TOP: 3px;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: -1px;
    TEXT-DECORATION: none;
}
.level3 A:active
{
    MARGIN-TOP: 6px;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: -1px;
    TEXT-DECORATION: none;
}
.level1 A:visited
{
    FONT-SIZE: 12px;
}
.level2 A:visited
{
    FONT-SIZE: 11px;
}
.level3 A:visited
{
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
.RecordTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #FFFFFF;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #006699;
}
.RecordTitle A:hover
{
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #006699;
	TEXT-DECORATION: underline;
}
.RecordTitle  A
{
    TEXT-DECORATION: none;
    FONT-SIZE: 12px;
    COLOR: #F1DD59;
}
.RecordTitle  A:visited
{
    FONT-SIZE: 12px;
    COLOR: #F1DD59;
}

/*****************************************************/
/* Redundant selectors to help Netscape 4 not forget */
/*****************************************************/
b, strong
{
    FONT-WEIGHT: bold;
}

div, p, th, td, li, dd, dl, dt
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.menuhead {  color: #FFFFFF}
.Arrow {  list-style-type: none; list-style-image: url(/images/arrows/go9.gif)}
.input1 {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; height: 15px; width: 50px; clip:   rect(   )}

.table_standard
{
    BORDER-RIGHT: #006699 thin solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #006699 thin solid;
    PADDING-LEFT: 5px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #006699 thin solid;
    COLOR: black;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #006699 thin solid;
    TEXT-ALIGN: left
}
.table_standard TH
{
    BORDER-RIGHT: white thin;
    BORDER-TOP: white thin;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    BORDER-LEFT: white thin;
    COLOR: white;
    BORDER-BOTTOM: white thin;
    BACKGROUND-COLOR: #006699
}
.table_standard TD
{
    BORDER-RIGHT: #006699 1px;
    BORDER-TOP: #006699 1px solid;
    BORDER-LEFT: #006699 1px;
    BORDER-BOTTOM: #006699 1px
}
.table_standard TD P
{
}




/* table-menu */
.table-menu2
{
    FONT-SIZE: 19px;
    WIDTH: 168px;

    TEXT-DECORATION: none
}
.table-menu2 A:link
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.table-menu2 A:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
.table-menu2 A:active
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.table-menu2 A:hover
{
    COLOR: #006699;
    BACKGROUND-COLOR: #F1DD59;
    TEXT-DECORATION: none;
}



/* forum styles */
.forumtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 12px;
	font-weight: normal;
}

.textold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 12px;
	font-weight: normal;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 12px;
	font-weight: normal;
}

.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #FF0000;
	font-size: 12px;
	font-weight: normal;
}

.tiText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 9px;
	font-weight: normal;
}

.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 12px;
	font-weight: bold;
}

.smText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 10px;
	font-weight: normal;
}

.smTextHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	font-size: 10px;
	font-weight: normal;
}


.heading {
	font-family: Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 19px;
	font-weight: bold;
}

.lgText {

	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #000000; 
	font-weight: bold;
}

.tHeading {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333333; 
	font-weight: bold;
}

.tiHeading {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333333; 
	font-weight: bold;
}

.highlight {
/*	background-color: #ffff66 */
	background-color: #F1DD59;
}

a  {
	color : #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}

a:hover {
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight: normal;
	/* added by JB */
	background-color: #F1DD59;
}

a:visited {
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight: normal;
}

a:visited:hover {
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight: normal;
	/* added by JB */
	background-color: #F1DD59;
}

a.boldLink:hover {
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight: bold;
	/* added by JB */
	background-color: #F1DD59;
}

a.boldLink  {
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

a.boldLink:visited {
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight: bold;
}

a.boldLink:visited:hover {
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight: bold;
	/* added by JB */
	background-color: #F1DD59;
}

a.smLink  {
	color : #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
}

a.smLink:hover {
	color :#003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: normal;
	/* added by JB */
	background-color: #F1DD59;
}

a.smLink:visited  {
	color : #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
}

a.smLink:visited:hover {
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: normal;
	/* added by JB */
	background-color: #F1DD59;
}

a.smLink2  {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
}

a.smLink2:hover {
	color : #003366;
	BACKGROUND-COLOR: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: normal;
}

a.smLink2:visited  {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
}

a.smLink2:visited:hover {
	color : #FFFFFF;
	BACKGROUND-COLOR: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: normal;
}


a.nav  {
	color : #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}


a.nav:hover {
	color : #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: bold;
	/* added by JB */
	background-color: #F1DD59;
}

a.nav:visited {
	color : #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 10px;
	font-weight: bold;
}

a.nav:visited:hover {
	color : #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: bold;
}


a.npLink  {
	color : #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}


a.npLink:hover {
	color : #666666;
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight: bold;
}

a.npLink:visited {
	color : #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.npLink:visited:hover {
	color : #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight: bold;
}

a.cat  {
	color : #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}


a.cat:hover {
	color : #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight: bold;
}

a.cat:visited {
	color : #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.cat:visited:hover {
	color : #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight: bold;

}


ul {
	list-style-type: square;
}

hr {
	height: 0px; 
	border: solid #D1D7DC 0px; 
	border-top-width: 1px;
}

/* ChatRoom */

/*html, body, table {
	padding: 0;

	font-family: verdana,lucida,helvetica,arial,sans-serif;
	font-size: 10px;
}

.text,div,span,td,p,li,input,select,textarea,legend,blockquote,pre {
	font-family: verdana,lucida,helvetica,arial,sans-serif;
	font-size: 10px;
}*/

.smtext {
	font-family: verdana,lucida,helvetica,arial,sans-serif;
	font-size: 10px;
}

.iframe {
	overflow: hidden;
	border: 1px solid black;
}

#chatBox {
	width: 100%;
	height: 335;
	overflow: auto;
}

#usersBox {

	height: 270;
	padding: 0 5px 0 10px;
	overflow: auto;
}

.chatBorderText {
	font-weight: bold;
	color: black;
	font-size: 10px;
}

.LogOut {
	color: #333333;
	font-size: 10px;
	font-family: verdana;
}

.Copyright, a.Copyright, a.Copyright:visited, a.Copyright:visited:hover, a.Copyright:hover {
	color: #333333;
	font-size: 10px;
	font-family: verdana;
}

.UserStatus {
	color: green;
}

.soundoptions {
	font-size: 10px;
}

.privatemessage {
	font-weight: bold;
	font-size: 10px;
	color: green;
}

.consolemessage {
	font-size: 10px;
	color: green;
	font-weight: bold;
}

#emoticons {
    position:absolute;
    top: 320px;
    left: 21px;
    background-color: #FFFFFF;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
	filter:
    progid:DXImageTransform.Microsoft.Alpha(opacity=95);
    -moz-opacity: 0.95;
    overflow: hidden;
	z-index: 1
}

#emoticons div {
    width:235px;
    height:50px;
    display:block;
    overflow:hidden
}

#emoticons div span {
    width: 20px;
    height: 20px;
    border-top: 1px solid #D1D1D1;
    border-left: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    padding: 0px;
    text-align: center
}