/* CSS Document */


/************ Classes *************/


.h2margin{margin-left:5px; margin-top:5px; color:#999; background-color:transparent;}
.margin_bot {margin-bottom:10px;}
.news{margin-bottom:3px;}
.ltgrey {color:#999; background-color:transparent;}
.plan_margin {margin-left:5px; margin-top:5px;}
.callout{float:left; width:150px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; padding:10px; margin-top:8px; margin-right:10px;}



/************ Main CSS *************/


body
{
margin-top:0;
padding-top:0;
background-image:url(images/header_bg.jpg);
background-repeat:repeat-x;
}


#wrapper
{
width:900px;
margin: 0 auto;
background-color:#FFFFFF;
}

#header
{
width:100%;
height:119px;
background-image:url(images/header_bg.jpg);
background-repeat:repeat-x;
}

#title
{
width:auto;
margin-top:35px;
margin-left:5px;
float:left;
font-family: trebuchet ms, helvetica;
font-size:0.99em;
color:white;
}

#title h1
{
margin:0;
}

#left
{
width:725px;
float:left;
margin-bottom:10px;
padding-bottom:50px;
}

#intro
{
margin:10px 0 20px 0;
}

#plans
{
width:514px;
}

#one
{
width:160px;
padding-bottom:10px;
margin-right:12px;
float:left;
background-image:url(images/plans_bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
border:1px solid #999;
}

#two
{
width:160px;
padding-bottom:10px;
margin-right:12px;
float:left;
background-image:url(images/plans_bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
border:1px solid #999;
}


#three
{
width:160px;
padding-bottom:10px;
float:left;
background-image:url(images/plans_bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
border:1px solid #999;
}

#info
{
width:100%;
margin-top:20px;
margin-bottom:10px;
}





#news
{
margin-top:10px;
width:200px;
border-bottom:1px dotted #ccc;
padding-bottom:10px;
}


#footer
{
clear:both;
height:30px;
background-image:url(images/footer_bg.jpg);
background-repeat:repeat-x;
}

#credit
{
font-family: trebuchet ms, helvetica, arial, san-serif;
font-size:.7em;
color:#333;
text-align:right;
padding-right:5px;
}

/*********** ul, h2,h4,p,and so on *************/




h2
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
color:#006699;
margin:0;
}

h4
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#999999;
margin:0;
}

p, td
{
font-family:trebuchet ms, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
color:#333;
font-size:.8em;
line-height:1.5em;
margin:0;
}

a:link {
	color: #006699;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #006699;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}
a:active {
	text-decoration: none;
}


/** All of the styles below were courtesy of http://css.maxdesign.com.au/listamatic/ and modified by me **/

#navcontainer {float:right; margin-top:8px; text-align:center;}

ul#navlist
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

ul#navlist li
{
width:90px;
background-color:#993333;
float: left;
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0;
padding:6px 0px 14px 0px;
background:transparent url(images/nav_bg.jpg);
background-repeat:no-repeat;
}

#navlist a, #navlist a:link
{
margin: 0;
padding: 6px 0px 14px 0px;
color: #333;
text-decoration: none;

}


#navlist li a:hover
{
color:#dd0066;
}

/****************************Lower Horizontal**********************************/

#navcontainer1 ul
{
margin-top:5px;
padding-left: 0;
margin-left: 0;
color: White;
float: left;
height:20px;
font-family: trebuchet ms, helvetica, arial, san-serif;
font-size:.7em;
}



#navcontainer1 ul li { display: inline; }

#navcontainer1 ul li a
{
padding: 0.2em 1em;
color: #333;
text-decoration: none;
float: left;
}

#navcontainer1 ul li a:hover
{
color: #333;
}

.game_thumb { width: 110px; height: 135px; float: left; position: relative; margin: 0px 10px 10px 0; position: relative; }
.game_thumb .thumb_link,
.game_thumb .thumb { display: block; border: 3px solid #aaa; padding: 3px; margin: 0px auto; }
.game_thumb .thumb_link,
.game_thumb .thumb_link img { width: 75px; height: 75px; }

.game_thumb .thumb_link { position: relative; }


.flyout_panel { border: 2px solid #965c21; position: absolute; top: -10px; left: 90px; background: #fff; padding: 3px
; font-weight: normal; font-size: .8em; color: #555; text-decoration: none; width: 150px; z-index: 200; }
/* .game_thumb .thumb_link:hover .popup { display: block !important; } */

.game_thumb .meta { text-align: center; }
.game_thumb .meta h3 { margin: 5px 0 2px 0px; font-size: 12px; line-height: 14px; overflow: hidden; }
.game_thumb .meta h3 a { color: #965c21; text-decoration: none; line-height: 14px; }
.game_thumb .meta h3 a:hover { text-decoration: underline; }
.game_thumb .meta h4 { margin: 1px 0 0px 0; font-size: 10px; line-height: 12px; font-weight: normal; color: #5d5d60; overflow: visible; }
.game_thumb .meta h4 a { color: #5d5d60; font-weight: normal; text-decoration: none; }
.game_thumb .meta h4 a strong { color: #fd8b1a; font-size: 10px; font-weight: normal; }
.game_thumb .meta h4 a:hover { text-decoration: underline; }
.game_thumb .meta p { font-size: 10px; margin: 5px 0 0 85px; line-height: 1.1em; letter-spacing: 0px; }