/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

#content {
  color: white;
  padding-left:5px;
  text-align:left;
}



*
{
border: 0;
margin: 0;
}
h3 {
  font-size:18px;
  xborder-bottom:1px solid #770101;
  padding-bottom:10px;
}
#instructions {
  color:white;
  font-size:14px;
  width:400px;
  float:left;
  margin-left:100px;
}
#grouplogo {
  width:20%;
  position:absolute;
  top:10px;
  left:40%;
  height:100px;
}
#grouplogoimage {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  border: 2px solid #770101;
opacity:0.92;
filter:alpha(opacity=92); /* For IE8 and earlier */
}
td input {
  border:1px solid black;
}
.select {
  font-size:12px;
}
.pickuptable {
  background:#eeeeee;
  font-size:12px;
  border:1px solid #dd0000;
  width:96%;
}
#tablehead {
  color:white;
  xwidth:750px;
  xmargin-left:auto;
  xmargin-right:auto;
  xtext-align:center;
  margin:5px;
}

#eventlist {
  color:white;
  xwidth:800px;
  margin-left:auto;
  margin-right:auto;
}

#eventlist a {
  color:cyan;
}

.helpbuttondiv {
  xfloat:left;
}
#gametable {
  margin:auto;
}
#gametable td {
  vertical-align:top;
}

#nameline {
  padding-bottom:5px;
  xborder-bottom:1px solid #770101;
  margin-left:auto;
  margin-right:auto;
  xwidth:500px;
}
#namelinein {
  xfloat:left;
}

#newgameline {
  padding-top:5px;
  padding-bottom:5px;
  xborder-bottom:1px solid #770101;
}
#newgameline table {
  margin-left:auto;
  margin-right:auto;
}
#newgameline table td {
  text-align:left;
}

dt {
  font-size:12px;
  font-weight:bold;
  text-decoration:underline;
}

dd {
  margin-bottom:5px;
  font-size:11px;
  padding-left:8px;
}

.reg_div_help {
  position:absolute;
  width:250px;
  top:0px;
  right:10px;
  padding:5px;
  border:1px dashed #bbbbff;
  color:#bbbbbb;
  font-size:13px;
  background-color:black;
  display:none;
  text-align:left;
  xopacity:0.8;
  xfilter:alpha(opacity=80); /* For IE8 and earlier */
}
.reg_div_help a
{
  color:cyan;
}

.error, .message {
  border:1px solid red;
  width:600px;
  padding:5px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  color:white;
  margin-bottom:10px;
}
.message {
  border: 1px solid green;
}

.whiteback {
  height:22px;
  color:black;
  background:white;
  padding:3px;
  text-align:right;
}
img
{
padding:0px;
margin: 0px;
}

input[type="text"]{
  border:1px solid #770101;
  width:100px;
}

input[type="password"]{
  border:1px solid #770101;
  width:100px;
}

input[type="submit"]{
	xbackground: url(images/read1a.gif) right bottom no-repeat;
  width:65px;
  color:green;
  xtext-align:right;
  xfloat:right;
  xfont-size:10px;
  xline-height:11px;
  margin-top:3px;
}
#ladderid {
  margin-top:8px;
}

select {
  border:1px solid #770101;
}

#saveline {
  background:white;
  height:24px;
  width:250px;
  padding-top:2px;
  padding-right:5px;
}
.shortselect {
  width:110px;
}

hr {
  width:90%;
  height:5px;
  color:#770101;
  background-color:#770101;
  border:0px;
  margin-top:25px;
  margin-bottom:10px;
}
body{
	font: 16px Arial, Helvetica, sans-serif;
	color: #000000;
	/*background: url(images/bg1.jpg) top repeat-x #ffffff;*/
	line-height: 24px;
	text-align:center ;
	background-color:black ;
	margin-right:5px;
}
#bg {
  margin:5px;
}

#weather {
  display:none;
  xwidth:728px;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  color:white;
}

#bg_but {
width: 100%;
background: url(images/bg_but.gif) 0px 133px repeat-x;}

#bg_but2 {
width: 100%;
background: url(images/bg_but2.gif) 0px 133px repeat-x;}
}

#bg_foot {
width: 100%;
background: url(images/bg_foot.gif) bottom repeat-x;}

#bg_2 {
	background: url(images/bg3.jpg) center top no-repeat;
	width: 640px;
	margin: 0px auto;
	padding-top: 41px;
}

#main { width: 100%;
		margin: 0px auto;
                }
#main {
background:url(images/main.gif) left repeat-y;}


#left{
	width: 270px;
	float: left;
	color:#000000;
	background: #FFFFFF;

}

#center {
width: 480px;
float:left;
margin-left: 30px;
color:#FFFFFF;
}

#right{
float: right;
width: 180px;
}


#header { 
width:100%;
/*background: url(images/header.jpg) left top no-repeat;*/
height: 181px;
color: white;
text-align:left;
}

a:visited {
  color:limegreen;
}
a {
  color:limegreen;
}

.menuitem {
  margin-left:10px;
  text-decoration:none;
  padding:2px;
  border: 1px solid #444444;
  background-color:#222222;
}
.menuitem:hover {
  color:#888888;
}

#logo {	font-family: Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:24px;
		font-style:italic;
		padding: 48px 0px 0px 15px;
		height: 86px;
		width: 285px;
}

#logo a {
	text-decoration: none;
	xtext-transform: lowercase;
	font-style: italic;
	font-size: 24px;
	color: #FFFFFF;
}


#logo H2 a{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight:100;
}

#buttons{
	
	background: url(images/bg_but.jpg) left top no-repeat;
	text-align:center;
	height: 36px;
	margin-left: 0px;
	padding-top: 0px;
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	display: block;
	float: left;
	height: 27px;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 9px;
	padding-left: 0px;
	text-align: center;
}

.but {
width: 14%;
}
.but:hover { background: url(images/but_hover.gif) left top repeat-x ;
text-decoration: none;}


.left_b {
		padding-right: 18px;
		padding-top: 3px;
		padding-left: 18px;
		padding-bottom: 10px;
		background:url(images/fish_left.png) 8px 12px no-repeat;
		xheight: 117px;
}

.box10 { 
	background: url(images/img_10.gif) 5px 10px no-repeat;
	height:auto;
}
.box11 { background: url(images/img_11.gif) 5px 10px no-repeat;
}


.pricecalc {
  font-size: 12px;
}
.greenbox {
  font-size:12px;
  xborder: 1px solid #330099;
  xbackground-color:lightgrey;
  padding:8px;
  text-align:left;
}
.greenbox input {border: 1px solid black;}

.text{
	padding: 6px 20px 0px 9px;
}
.text td {background-color:#440101; border-bottom:1px solid white;}
.text th {background-color:#770101; border-bottom:1px solid white;}

.img {	float:left;
		margin: 4px 15px 3px 0px;
}

#left span {	color:#770101;
font-size:12px;
}

.font_it {
font-style:italic;
color: #FCD8D8;
font-size:14px;
}

.w {
	line-height: 25px;
	font-weight:bold;}

H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #FFFFFF;
	text-align: center;
	padding: 8px 0px 12px 5px;
	background: url(images/tit_l.jpg) top repeat-x #FFFFFF;
}

#right H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #ffffff;
	text-align: center;
	height:30px;
}

.read{
	xtext-align:right;
	xmargin:0px;
	xpadding: 7px 2px 0px 2px;
	xbackground:url(images/bg_read.gif) 0px 11px no-repeat;
	text-align:right;
	margin:0px;
	background: url(images/read1a.gif) right bottom no-repeat;
	line-height: 11px;
}
.read a {
	font-size:11px;
	color:#FFFFFF;
	height:13px;
	text-decoration:none;
}

.read_c{
	text-align:right;
	margin:0px;
	padding: 0px 0px 0px 2px;
}

.read_cb{
	text-align:right;
	margin:0px;
	background: url(images/read1.gif) right bottom no-repeat #E2E2E2;
	line-height: 11px;
}

.read_cb a {
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	padding: 0px 2px 0px 2px;
}

.right_w { background: #ffffff;
padding: 0px 0px 20px 0px;}

.demodiv {xbackground:#ffffff;
  xcolor:white;
  xborder:1px solid red;
  padding:4px 4px 0px 4px;
  text-align:center;
}
.xfeature {
font-weight:bold;
background: url(images/feature.gif) no-repeat;
padding: 5px  0px 5px 37px;
text-decoration:none;

}
.lp {
  xcolor:#8c5e60;
  font-style:italic;
  xfont-size:14px;
}

.munth {
font-weight:bold;
background: url(images/smallball.gif) 17px 12px no-repeat;
padding: 5px  0px 5px 27px;
text-decoration:none;}	

.munth a{color:#000000;
text-decoration: none;
font-weight:100;
font-size: 12px;}

.munth a:hover {
text-decoration: underline;
}


.text a
{
color: #ffffff
}

.cent_box {
background: #E2E2E2;
float:left;
width: 148px;
}

.cent_box_text {
padding: 11px 5px 0px 10px;
color: #000000;
font-style:italic;
}

.float_left {
float:left;}

#center H1 {
	background: url(images/tit_r.gif) left top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #FFFFFF;
	text-align:left;
	padding: 9px 0px 15px 9px;}

#all_col {
width: 100%;}

#footer{
	height: 62px;
	xwidth: 100%;
	font-size: 12px;
	color: #777777;
	xtext-align: center;
	clear:both;
	padding: 28px 0px 0px 0px;
}

.clear {
  clear:both;
}

#footer a{
	color: #777777;
	font-size: 12px;
	text-decoration: none;
}

#footer a:hover{
	color: #777777;
	font-size: 12px;
	text-decoration: underline;
}

.admintable {
  margin-left:auto;
  margin-right:auto;
  color:white;
}
.admintable input[type="text"] {
  width:200px;
}

#contentleft {
  margin-left:60px;
  float:left;
  width:450px;
}
#contentright {
  margin-left:20px;
  float:left;
  width:400px;
  color:lightgoldenrodyellow;
}



@media (max-width:700px)
{
  #weather {display:none;}
  #bg {background:black;}
}