/* CSS Document */

body { 
	text-align:center; 
	background-color:#FFFFFF; 
	padding:auto; 
	margin:auto; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333; }

a:link {color: #FF0000; text-decoration:underline}
a:visited {color:#FF0000; text-decoration:underline}
a:hover { color: #FF0000; text-decoration:none}
  
#container { 
	width:770px; 
	display:block; 
	position:relative; 
	text-align:center; 
	top:0px;
	padding:auto; 
	margin:auto; }

#top {
	width:770px;
	height:135px; 
	position:relative; 
	display:block; }

#logo {
	top:20px;
	left:0px;
	position:absolute;
	color:#CCCCCC; 
	height:66px; 
	width:270px;}

#highlight { 
	width:450px; 
	height:135px;
	top:0px;
	text-align:left;
	position:relative;
	float:right; 
	background: url("img/HL_2.gif") bottom left no-repeat;
	}

#highlight_txt { 
	width:250px; 
	height:70px;
	top:30px;
	text-align:left;
	position:relative;
	float:right;
	}

#navbar {position:absolute; width:770px; height:24px; top:111px; display:block; left:0px; text-align:left; z-index:1}

#main {position:relative; width:770px; height:483px; top:0px; display:block;}
#main_inside {position:relative; width:770px; height:300px; top:0px; display:block; background-color:#FFFFFF; padding-top:50px; padding-left:40px; padding-right:20px; padding-bottom:60px }
.mainbg { background-image:url(img/screenbg.gif); background-position:top left; background-repeat:no-repeat}

#image { position:absolute; width:471px; height:483px; z-index:1; display:block; left:130px; top:0px}

#datebar {position:absolute; width:770px; height:22px; top:0px; display:block; padding-top:4px; left:0px; color:#CCCCCC; background-image:url(img/navbar2.gif); background-position:left top; background-repeat:repeat-x}

#datebar_inside {position:relative; width:770px; height:22px; top:0px; display:block; padding-top:4px; background-image:url(img/navbar2.gif); background-repeat:repeat-x; background-position:top left; left:0px; color:#FFFFFF}

#signup {position:absolute; width:250px; height:150px; top:30px; left:0px; display:block; }
#login {position:absolute; width:193px; top:60px; left:580px;  background-image:url(img/login_bg.gif); background-position:top left; background-repeat:no-repeat; display:block; height:201px}
#search {position:absolute; width:193px; height:202px; top:270px; left:580px; display:block;  background-image:url(img/search_bg.gif); background-position:top left; background-repeat:no-repeat;}

#article {position:absolute; width:170px; top:60px; left:0px; display:block; text-align:left; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-right:#CCCCCC 1px solid; padding-right:20px;}

#bottom {position:relative; width:770px; top:0px; display:block; border-top: 1px solid #CCCCCC;  border-bottom: 1px solid #CCCCCC}
#footer {position:relative; width:770px; height:20px; top:0px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px;}



.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

.whtxt { color:#FFFFFF; font-size:12px;}
.whtxt a:link { color:#FFFFFF; font-size:12px;}
.whtxt a:visited { color:#FFFFFF; font-size:12px;}
.whtxt a:hover { color:#FFFFFF; font-size:12px;}





.flapbg { background-image:url(img2/flap_bg2.gif); background-position: top right; background-repeat:no-repeat; background-color:#FFFFFF; height:150px;}

#input_login { position:absolute; top:43px; left:23px; height:18px; color:#FFFFFF; font-size:9px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; width:180px; text-align:left}

#input_password { position:absolute; top:80px; left:23px; height:18px; color:#FFFFFF; font-size:9px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; width:160px; text-align:left}

#input_password  a:link { color:#FFFFFF;}
#input_password  a:visited { color:#FFFFFF;}
#input_password  a:hover { color:#FFFFFF;}

#input_confirm { position:absolute; top:120px; left:23px; height:18px; color:#FFFFFF; font-size:9px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; width:177px; text-align:left}

#login_button {position:absolute; top:120px; left:23px;}
#search_button {position:absolute; top:160px; left:23px;}
#new_button {position:absolute; top:160px; left:23px;}

.input100 { width:100px; border:1px solid #666666; height:18px}
.input75 { width:75px; border:1px solid #666666; height:18px}
.input125 { width:125px; border:1px solid #666666; height:18px}
.input140 { width:140px; border:1px solid #666666; height:18px}

#input_coach { position:absolute; top:43px; left:23px; height:18px; color:#FFFFFF; font-size:9px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; width: 180px}

#input_team { position:absolute; top:81px; left:23px; height:18px; color:#FFFFFF; font-size:9px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; width: 180px}

#input_city { position:absolute; top:119px; left:23px; height:18px; color:#FFFFFF; font-size:9px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; width: 180px}

#error  {color: #CC0000; font-weight:bold; position:absolute; top:162px; left:580px; width:190px; text-align:center}
.error  {color: #CC0000; font-weight:bold;}
.justify {text-align:justify;}
.pad15 { padding-top:0px; padding-left:20px; padding-bottom:20px; padding-right:20px; color:#333333; vertical-align:text-top; text-align:left;}
.pad15Left { padding-top:0px; padding-right:20px; padding-bottom:20px; color:#333333; vertical-align:text-top; text-align:left; width:170px}
.pad15Right { padding-top:0px; padding-left:20px; padding-bottom:20px; color:#333333; vertical-align:text-top; text-align:left; width:170px}
.bright { border-right:#CCCCCC 1px solid;}
.smtxt {	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;}
.input50 { width:70px}
.input70 { width:86px}
.button { width:auto; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}
.buttonsm { width:auto; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333}
.graytxt { color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.redtxt { color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.red { color:#CC0000;}
#contact_table { width:400px; padding:1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; display:block; height:auto}

.headline { font-family: "Times New Roman", Times, serif; font-size:21px; line-height:24px;}
.headline2 { font-family: "Times New Roman", Times, serif; font-size:24px; line-height:28px;}
.headline3 { font-family: "Times New Roman", Times, serif; font-size:18px; font-weight:bold; line-height:22px; color:#CC0000}
.subline { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;line-height:18px}
.subline2 { font-family: "Times New Roman", Times, serif; font-size:18px; font-weight:bold;line-height:22px; color: #333333}
.sublinehead { font-family:Arial, Helvetica, sans-serif, Times, serif; font-size:11px; font-weight:bold;line-height:18px; color: #CC0000}

.divider { background-image:url(img/divider.gif); background-position:top center; background-repeat:repeat-y;}

.byline	{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;}