/******************************************
TITLE:		style.css
AUTHOR:		brs
DATE:		3-21-07
PURPOSE:	CSS Style sheet for Coach Coz
*******************************************/

body {
	background-color: #4e96de;
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
	overflow: auto;
}

h2 {
	font-family: trebuchet ms;
	font-size: 22px;
	font-weight: 1000;
	color: #4e96de;
}
	
a:link {
	color: #000000;
	font-family: trebuchet ms;
	font-size: 12px;
	text-decoration: none;
}

a:visited {
	color: #000000;
	font-family: trebuchet ms;
	font-size: 12px;
	text-decoration: none;
}

a:active {
	color: #ffffff;
	font-family: trebuchet ms;
	font-size: 12px;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	font-family: trebuchet ms;
	font-size: 12px;
	text-decoration: none;
}

#leftimg {
	position: absolute;
	top: 0px;
	float: 0px;
	z-index: 302;
}

#tagline {
	position: absolute;
	top: 0px;
	left: 23%;
	z-index: 303;
}

/* The following 3 commands control the liquid content area */
#contentleft {
	float: left;
}

#contentright {
	float: right;
}

#content {
	position: absolute;
	top: 40px;
	left: 33%;
	background-image: url(../images/contbox.jpg); /* spacer img that expands with page */
	background-repeat: repeat-x;
	width: 44%; /* width of the repeating content area */
}

#titleline {
	position: absolute;
	top: 55px;
	left: 35%;
	font-family: trebuchet ms;
	font-size: 20px;
	color: #222222;
	z-index: 350;
}

#context {
	margin-top: 60px;
	float: left;
	width: 85%; /* width of the content area */
	height: 237px;
	font-family: trebuchet ms;
	font-size: 14px;
	line-height: 1.65;
	color: #000000;
	overflow: auto;
	scrollbar-arrow-color: #777777;
	scrollbar-face-color: #ffffff;
	scrollbar-base-color: #cccccc;
	scrollbar-highlight-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-shadow-color: #cccccc;
}

/* controls the content the same as context but only on 
   pages that require the content text being centered.   */
#contextcenter {
	margin-top: 60px;
	float: left;
	width: 85%; /* width of the content area */
	height: 237px;
	font-family: trebuchet ms;
	font-size: 14px;
	line-height: 1.65;
	color: #000000;
	text-align: center;
	overflow: auto;
	scrollbar-arrow-color: #777777;
	scrollbar-face-color: #ffffff;
	scrollbar-base-color: #cccccc;
	scrollbar-highlight-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-shadow-color: #cccccc;
}

#recommend {
	position: absolute;
	left: 36%;
	top: 348px;
	border: none;
}

/* The following 2 commands control the fireworks navigation */
td img {
	display: block;
}

#navbar {
	position: absolute;
	top: 45px;
	left: 82%;
	z-index: 400;
}

#botlinks { /* positions the bottom links */
	position: absolute;
	top: 437px;
	left: 22%;
	z-index: 304;
}

a.bot:link {
	color: #000000;
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	position: relative;
	top: -4px;
}

a.bot:visited {
	color: #000000;
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	position: relative;
	top: -4px;
}

a.bot:active {
	color: #ffffff;
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	position: relative;
	top: -4px;
}

a.bot:hover {
	color: #ffffff;
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	position: relative;
	top: -4px;
}

/* The following command controls the best viewed comment at the bottom of the page */
#bestview {
	color: #2c74bc;
	font-family: verdana;
	font-size: 9px;
	position: relative;
	top: 465px;
	text-align: center;
}

/* The following commands control the style of the links
   that appear inside the content area on any page       */
a.contentlink:link {
	color: #ff0000;
	font-family: Trebuchet MS;
	font-size: 14px;
	text-decoration: none;
}

a.contentlink:visited {
	color: #ff0000;
	font-family: Trebuchet MS;
	font-size: 14px;
	text-decoration: none;
}

a.contentlink:active {
	color: #4e96de;
	font-family: Trebuchet MS;
	font-size: 14px;
	text-decoration: none;
}

a.contentlink:hover {
	color: #4e96de;
	font-family: Trebuchet MS;
	font-size: 14px;
	text-decoration: none;
}

/* the following commands control links in the content area
   that are images as opposed to text links                 */
.imglink img {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* opacity command for IE */
	-moz-opacity: 1;	/* same command but for everyone except our friends at Microsoft */
	border: none;		/* without this command, the border appears automatically */
}

.imglink:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.4;
	border: none;
}

/* the following commands control the layout on the shop page */
.shopleft {
	float: left;
}

.shopright {
	float: right;
}

/* The following command is to replace the h2 command because the
   brk that is included in the h2 command screws up the layout     */
.h2edit {
	font-family: trebuchet ms;
	font-size: 22px;
	font-weight: bolder;
	color: #4e96de;
}

.h3edit {
	font-family: trebuchet ms;
	font-size: 18px;
	font-weight: bolder;
	color: #4e96de;
}

.h4edit {
	font-family: trebuchet ms;
	font-size: 16px;
	font-weight: bolder;
	color: #4e96de;
}

.h5edit {
	font-family: trebuchet ms;
	font-size: 18px;
	font-weight: bolder;
	color: #bb0000;
}

#pic {
	float: right;
}

a.rec:link {
	border: none;
}

a.rec:visited {
	border: none;
}

a.rec:active {
	border: none;
}

a.rec:hover {
	border: none;
}