/* ****************************************** */
/* Items marked with # seem to have no effect */
/* Items marked with * seem to have an effect */
/* Class selector:  .fooo                     */
/* ID selector:     #foo                      */
/* Multiple definitions - the last one wins   */
/* I use this a lot for understanding changes */
/*                                            */
/* Combining in g4g.css from g4gm             */
/* 090820                                     */
/* ****************************************** */

a.button  {
	font-weight: bold;
	font-size: 0.75em;
	line-height: 90%; /* Affects the interline spacing */
	border-width: 2px;
	border-top-color: #DFDFDF;
	border-right-color: #666;
	border-bottom-color: #333;
	border-left-color: #858585;
	border: solid #040;
	background-color: #B1B1B1;
	background-color: #CCBB88;
	margin-bottom: 2px;
	text-align: center;
	/* # width: 36em; */
}
/* The color attribute below determines the text color */
a.button:link    { color: #040; }
a.button:hover   { background-color: #B1B1FF; }

a.button:link    { color: #030; }
a.button:visited { color: #A00; }
a.button:hover   { background-color: #EEEEEE; }
a.button:active  { background-color: #F; }



/* TOP BUTTONS */
a.hbutton  {
	border: solid #FFF;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 150%;
	border-width: 2px;
	border-top-color:    #040;
	border-right-color:  #040;
	border-bottom-color: #040;
	border-left-color:   #040;
	background-color:    #C1C1A1;
	margin-bottom: 4px;
	margin-right: 0px;
	text-align: center;
}
a.hbutton:link    { color: #040; }
a.hbutton:visited { color: #A00; }
a.hbutton:hover   { background-color: #F1F1D1; }
a.hbutton:active  { background-color: #F; }


/* TOP NAV BARS */
ul.topnav {
	list-style-type: none;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-left: 0px;
	float: left;
}
ul.topnav a {
	display: block;
	width: 14em;
}
ul.topnav li {
	display: inline;
	float: left;
}
* html ul.topnav a { height: 1px; }

/* TOP NAV BARS */
ul.topnav1 {
	list-style-type: none;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-left: 0px;
	float: left;
}
ul.topnav1 a {
	display: block;
	width: 19em;
}
ul.topnav1 li {
	display: inline;
	float: left;
}
* html ul.topnav1 a { height: 1px; }


/* Big buttons Below */
ul.nav	  {
	list-style-type: none;
	margin-left: 0;
	padding: 2px 0px 1px 0px;
}
ul.nav a {
	display: block;
	width: 36em;
}

/* LEFT SIDE NAV BARS */
ul.leftnav {
	list-style-type: none; /* This seems to belong here! */
	padding-left: 3px;
	padding-top: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	/* # padding-right: 5px; */
	margin-left: 0;
	/* * width: 130px; - controlled by .leftnav a */
	/* # width: 36em; */
	/* * height: 22px; - controlled by .leftnav a */
}
ul.leftnav a {
	display: block;
	width: 16em;
}
ul.leftnav a {
	display: block;
	width: 156px;
	height: 16px;
	padding: 2px 2px 4px 8px; /* Moves the text over a bit */
	font-size: 0.75em;
	font-weight: bold;
	text-align: left;
	}

ul.leftnav li { display: inline; }
	.leftnav li { display: inline; }

* html ul.leftnav a { height: 1px; }



/*
 * class "leftside"
 * This gets used in the ul class= even if defined
 * as #leftside
 *
 */

ul.leftside {
	background-color: #AABBAA;
	color: #F00;
	width: 140px;
	float: left;
	/* list-style-type: none; /* This seems to belong here! */
	/* Top, Right, Bottom, Left */
	padding: 1px 6px 1px 1px;
}
ul.leftside a {
	border-top-color:    #040;
	border-right-color:  #040;
	border-bottom-color: #040;
	border-left-color:   #040;
	display: block; /* This makes each button a new line */
	height: 16px;
	width: 134px;
	padding: 5px 2px 2px 4px; /* Moves the text over a bit */
	font-size: 0.60em;
	font-weight: bold;
	text-align: left;
}

ul.leftside li { display: inline; }
  .leftside li { display: inline; }

* html ul.leftside a { height: 1px; }


/*
 * ======================== SIDE (Vertical) BUTTONS G4GM ================
 */
a.vbutton  {
	border: solid #FFF;
	font-weight: bold;
	font-size: 1.00em;
	line-height: 100%;
	border-width: 2px;
	border-top-color:    #040;
	border-right-color:  #040;
	border-bottom-color: #040;
	border-left-color:   #040;
	background-color:    #C1C1A1;
	background-color:    #CCBB88;
	margin-bottom: 2px;
	margin-right: 0px;
	text-align: center;
}
a.vbutton:link    { color: #030; } /* This controls text color */
a.vbutton:visited { color: #A00; }
a.vbutton:hover   { background-color: #F1F1D1; }
a.vbutton:active  { background-color: #F; }



/*
 * ======================== TOP (Horizontal) BUTTONS G4GM ================
 */
a.hmbutton  {
	border: solid #FFF;
	font-weight: bold;
	font-size: 1.00em;
	line-height: 100%;
	border-width: 2px;
	border-top-color:    #040;
	border-right-color:  #040;
	border-bottom-color: #040;
	border-left-color:   #040;
	background-color:    #C1C1A1;
	background-color:    #CCBB88;
	margin-bottom: 2px;
	margin-right: 0px;
	text-align: center;
}
a.hmbutton:link    { color: #030; } /* This controls text color */
a.hmbutton:visited { color: #A00; }
a.hmbutton:hover   { background-color: #F1F1D1; }
a.hmbutton:active  { background-color: #F; }

/*
 * ======================== TOP (Horizontal) BUTTONS G4GM ================
 */
a.hmbutton1  {
	border: solid #FFF;
	font-weight: bold;
	font-size: 1.00em;
	line-height: 100%;
	border-width: 2px;
	border-top-color:    #040;
	border-right-color:  #040;
	border-bottom-color: #040;
	border-left-color:   #040;
	background-color:    #C1C1A1;
	background-color:    #CCBB88;
	margin-bottom: 2px;
	margin-right: 0px;
	text-align: center;
}
a.hmbutton1:link    { color: #030; } /* This controls text color */
a.hmbutton1:visited { color: #A00; }
a.hmbutton1:hover   { background-color: #F1F1D1; }
a.hmbutton1:active  { background-color: #F; }


/*
 * ====================== TOP NAV BARS ================
 */
ul.mtopnav {
	list-style-type: none;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-left: 0px;
	float: left;
}
ul.mtopnav a {
	display: block;
	width: 196px; /* plus margin makes 250px */
}
ul.mtopnav li {
	display: inline;
	float: left;
}
* html ul.mtopnav a { height: 1px; }


/* Big buttons Below */
ul.mnav	  {
	list-style-type: none;
	margin-left: 0;
	padding: 2px 0px 1px 0px;
}
ul.mnav a {
	display: block;
	width: 28em;
}


/*
 * ====================== TOP NAV BARS ================
 */
ul.mtopnav1 {
	list-style-type: none;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-left: 0px;
	float: left;
}
ul.mtopnav1 a {
	display: block;
	width: 236px; /* plus margin makes 250px */
}
ul.mtopnav1 li {
	display: inline;
	float: left;
}
* html ul.mtopnav1 a { height: 1px; }

/* ========================== */

.plist {
	margin-right: 5%;
	margin-left: 1%;
	padding: -20px;
	text-indent: 0em;
	list-style-position: outside;
	list-style-type: circle;
}



img.boxshot {
	float: left;
	margin-right: 20px;
	margin-bottom: 6px;
	border: 6px solid;
}

img.glogoleft {
	right-margin: 20px;
}
img.glogocenter {
	padding: 1px 1px 1px 1px ;
	border: 1px 1px 1px 1px;
	margin: 1px 50px 20px 50px;
}
img.glogoright {
	margin: 0 0 5px 20px;
}

.facts {
	clear: both;
}



.banner {
	background-color: #CCBB88;
	background-color: #FFFFBB;  /* Turn on the color in the header when ready */
	background-color: #CFDCCF;  /* This is the normal pale background         */
}

#sidebar {
	float: left;
	width: 170px;
	/* background-color: #77BB77; */
	background: url(images/sidebar.gif) repeat-y left top;
}
#wrapper {
	float: left;
	width: 180px;
	/* background-color: #77BB77; */
	background: #FFFFFF url(images/sidebar.gif) repeat-y left top;
}
#main {
	margin-left: 180px;
	width: 800px;
}



/* ========================== Start of Thumbs =============================== */

/* Stuff for Latest section and other thumb layouts */
.thumb img {
        /* border: solid 2px #333; */
        padding: 2px;
        height: 128px;
}
div.thumb {
        float: left;
        margin: 5px 10px 5px 10px;
}
.thumb p {
        font: bold 0.5em/normal Verdana, Arial, Helvetica, sans-serif;
        color: #333;
        text-align: center;
        padding: 2px 0 6px 0;
        margin: 0px 2px 6px 2px;
        height: 4em;
}
.thumb TD {
	width: 16%;
}
.thumb {
        float: left;
        margin: 0 10px 10px 10px;
}


/* Stuff for Latest section and other thumb layouts */
.thumb1 img {
        /* border: solid 2px #333; */
        padding: 2px;
        height: 128px;
}
div.thumb1 {
        float: left;
        margin: 5px 10px 5px 10px;
}
.thumb1 p {
        font: bold 0.75em/normal Verdana, Arial, Helvetica, sans-serif;
        color: #333;
        text-align: center;
        padding: 2px 0 6px 0;
        margin: 0px 2px 6px 2px;
        height: 4em;
}
.thumb1 TD {
	width: 16%;
}
.thumb1 {
        float: left;
        margin: 0 10px 10px 10px;
}


/* Stuff for full width one game thumb layouts */
.thumb2 img {
        /* border: solid 2px #333; */
        padding: 2px;
        /* height: 128px; */
}
div.thumb2 {
        float: left;
        margin: 1px 1px 1px 1px;
}
.thumb2 p {
        font: bold 0.75em/normal Verdana, Arial, Helvetica, sans-serif;
        color: #333;
        text-align: left;
        padding: 10px 0 2px 0;
        margin: 0px 2px 2px 2px;
        height: 7em;
}
.thumb2 {
        float: left;
        margin: 0 2px 2px 2px;
}

/* ========================== End of Thumbs =============================== */


li {
	list-style-position: inside;
	margin-left: 2em;
}

caption {
	padding-bottom: 30px;
}

body {
	/* background-color: #D8D8C1;  Sets the color on the whole page */
	font-family: "Times New Roman",Times,serif;
	line-height: normal;
}

.next { clear: both; }