/* ********************************************************************

Stylesheet for casinomeister.com
Copyright 2006 Casinomeister

By Chris McIntosh
www.chrismcintoshdesign.com

********************************************************************* */

/* ===== Standard tag definitions =================================== */

a {
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	
	background-image: url(/images/fur.jpg);
}

form {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 1.6em;
	color: #a97600;
	clear: both;
	margin: 0px;
	margin-bottom: 3px;
	font-family: Verdana;

}
h2 {
	font-size: 1.0em;
	color: #FFCC33;
	clear: none;
	margin: 0px;
	margin-bottom: 3px;
}
h3 {
	font-size: 1.4em;
	color: #6d4818;
	clear: both;
}


/* ===== Custom classes and ids ===================================== */

#wrapper { /* Helps centre the main layout table; see also: body text-align (above) */
	margin-right: auto;
	margin-left: auto;
}

/* ----- Small links ------------------------------------------------ */

.smallLinks { /* Common attributes for all small top and bottom links */
	font-size: 0.7em;
	color: #000000;
}
.smallLinks a {
}
.smallLinks a:link {
	color: #000000;
}
.smallLinks a:visited {
	color: #000000;
}
.smallLinks a:active {
	color: #000000;
}
.smallLinks a:hover {
	color: #ffffff;
}

#topLinks { /* Small links at the top of each page. See also: .smallLinks (above) */
	text-align: right;
	vertical-align: bottom;
	margin: 0px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
#topLinks a {
	margin-right: 0.3em;
	margin-left: 0.3em;
}

#portalLinks { /* Small links to other gambling portals. See also: .smallLinks (above) */
	text-align: center;
	background-color: #6d4818;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding: 0.8em 0.3em;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
#portalLinks a {
}

#footer { /* Small text at the bottom of each page. See also: .smallLinks (above) */
	text-align: center;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
}
#footer a {
}

/* ----- Page headers ----------------------------------------------- */

.homepageTitle { /* "Big" title */
	vertical-align: top;
	background-color: #6d4818;
	background-image: url(../images/title_homepage_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.subpageTitle { /* "Small" title (see notes below) */
	vertical-align: top;
	background-color: #6d4818;
	background-image: url(../images/title_small_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.smallTitle {
}
	/*
		To use the smaller title on an individual page, change the class on the two header cells from
		homepageTitle to subpageTitle, then swap out the large images in those cells (title_homepage.gif
		and title_homepage_spearman2.jpg) for the smaller images (title_small.gif and
		title_small_spearman.jpg).
	*/

/* ----- Left navigation panel, including search box ---------------- */

#navPanel { /* The cell containing the entire left column */
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000000;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	width: 10em;
	background-color: #6d4818;
	padding: 0px;
}

#navigation { /* The div containing the navigation links */
	text-align: left;
	vertical-align: top;
	background-color: #000000;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navigation li {
	margin: 0px;
	padding: 0.2em 0.7em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #808080;
}
#navigation a {
	font-weight: bold;
	text-transform: uppercase;
}
#navigation a:link {
	color: #dddddd;
}
#navigation a:visited {
	color: #dddddd;
}
#navigation a:active {
	color: #dddddd;
}
#navigation a:hover {
	color: #ffffff;
}

#searchForm {
	text-align: center;
	vertical-align: middle;
	background-color: #a97600;
	margin: 0px;
	padding: 0.3em;
	font-size: 0.9em;
	width: 100%;
}
#searchForm #searchField { /* The text input box in the search form */
	width: 10em;
}

#navPanelImage { /* The image displayed in the left column under the search box */
	background-color: #6d4818;
	background-image: url(../images/navPanelImage_shield.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 290px;
	width: 100%;
}

/* ----- Centre panel including top banner ad, main content area ---- */

#innerWrapper {
	background-color: #f0d79d;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000000;
	padding: 0px;
	margin: 0px;
}

#topBanner { /* Div containing the top 468x60 ad banner */
	text-align: center;
	vertical-align: middle;
	background-color: #6f5d45;
	padding: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#innerTable { /* Table containing the main content area and the right column */
	margin: 0.7em;
	padding: 0px;
	width: auto;
}

#contentArea { /* The table cell that contains the actual page content */
	background-color: #FFFFFF;
	border: 1px solid #a97600;
	text-align: left;
	vertical-align: top;
	padding: 0.7em;
	margin: 0.7em;
	min-width: 40em;
	font-size: 10pt;
}

.newsletterLinks { /* Site navigation links in the newsletter */
	font-size: 0.7em;
	text-align: left;
	
}

.bottomLinks { /* Site navigation links at the bottom of the content area */
	clear: both;
	font-size: 0.8em;
	text-align: center;
	margin-top: 2.5em;
}


/* ----- Main feature tables for "Picks" links etc. ----------------- */

.featureTable1 {
	margin-bottom: 1.0em;
}
.featureTable1 tr {
}
.featureTable1 th {
	background-color: #487b00;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #5FA200;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	background-image: url(../images/featureTable_heading_bg_green.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	color: #FFCC33;
}
.featureTable1 th a {
}
.featureTable1 th a:link {
	color: #ffcc33;
}
.featureTable1 th a:visited {
	color: #ffcc33;
}
.featureTable1 th a:active {
	color: #ffcc33;
}
.featureTable1 th a:hover {
	color: #ffffff;
}
.featureTable1 td {
	background-color: #FFE5AC;
	text-align: left;
	vertical-align: middle;
	font-size: 10pt;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5FA200;
	border-left-color: #5FA200;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5FA200;
}
.featureTable1 .bottomLine { /* The cell at the bottom of each feature table. Typically contains a "More..." link. */
	background-color: #5fa200;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	border: none;
}
.featureTable1 .bottomLine a {
}
.featureTable1 .bottomLine a:link {
	color: #ffffff;
}
.featureTable1 .bottomLine a:visited {
	color: #ffffff;
}
.featureTable1 .bottomLine a:active {
	color: #ffffff;
}
.featureTable1 .bottomLine a:hover {
	color: #ffffff;
}

/* ----- Alternative feature table for "Accredited Casinos" table --- */

.featureTable2 {
	margin-bottom: 1.0em;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #A97600;
}
.featureTable2 tr {
}
.featureTable2 th {
	background-color: #7f541c;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #a97600;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	background-image: url(../images/featureTable_heading_bg_brown1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	color: #FFCC33;
}
.featureTable2 th a {
}
.featureTable2 th a:link {
	color: ffcc33;
}
.featureTable2 th a:visited {
	color: #ffcc33;
}
.featureTable2 th a:active {
	color: #ffcc33;
}
.featureTable2 th a:hover {
	color: #ffffff;
}
.featureTable2 .outerCell {
	background-color: #F0D79D;
	text-align: left;
	vertical-align: middle;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A97600;
	border-left-color: #A97600;
	padding: 0.5em 0px 0px 0.5em;
	font-size: 0.9em;
}
.featureTable2 .bottomLine {
	background-color: #A97600;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	border: none;
}
.featureTable2 .bottomLine a {
}
.featureTable2 .bottomLine a:link {
	color: #ffffff;
}
.featureTable2 .bottomLine a:visited {
	color: #ffffff;
}
.featureTable2 .bottomLine a:active {
	color: #ffffff;
}
.featureTable2 .bottomLine a:hover {
	color: #ffffff;
}
.featureTable2 .accredited1 {
	border: 1px solid #c39f4c;
	padding: 0.4em;
	margin-top: 0px;
	margin-right: 0.6em;
	margin-bottom: 0.6em;
	margin-left: 0px;
	font-size: 0.8em;
	background-color: #FFE5AC;
	
}
.featureTable2 .accredited2 {
	border: 1px solid #c39f4c;
	padding: 0.4em;
	margin-top: 0px;
	margin-right: 0.6em;
	margin-bottom: 0.6em;
	margin-left: 0px;
	font-size: 0.8em;
	background-color: #eee4cc;
}
.featureTable2 .hilight {
	font-weight: bold;
	color: #ed1b23;
}
/* ----- Alternative feature table for "Casinomeister Picks" table --- */

.featureTable3 {
	margin-bottom: 1.0em;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #A97600;
	
}
.featureTable3 tr {
}
.featureTable3 th {
	background-color: #7f541c;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #a97600;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	background-image: url(../images/featureTable_heading_bg_brown1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	color: #FFCC33;
}
.featureTable3 th a {
}
.featureTable3 th a:link {
	color: ffcc33;
}
.featureTable3 th a:visited {
	color: #ffcc33;
}
.featureTable3 th a:active {
	color: #ffcc33;
}
.featureTable3 th a:hover {
	color: #ffffff;
}
.featureTable3 .outerCell {
	background-color: #FFE5AC;
	text-align: left;
	vertical-align: middle;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A97600;
	border-left-color: #A97600;
	padding: 0.5em 0px 0px 0.5em;
	font-size: 10pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A97600;
}
.featureTable3 .bottomLine {
	background-color: #A97600;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	border: none;
}
.featureTable3 .bottomLine a {
}
.featureTable3 .bottomLine a:link {
	color: #ffffff;
}
.featureTable3 .bottomLine a:visited {
	color: #ffffff;
}
.featureTable3 .bottomLine a:active {
	color: #ffffff;
}
.featureTable3 .bottomLine a:hover {
	color: #ffffff;
}
.featureTable3 .accredited1 {
	border: 1px solid #c39f4c;
	padding: 0.4em;
	margin-top: 0px;
	margin-right: 0.6em;
	margin-bottom: 0.6em;
	margin-left: 0px;
	font-size: 0.8em;
}
.featureTable3 .accredited2 {
	border: 1px solid #c39f4c;
	padding: 0.4em;
	margin-top: 0px;
	margin-right: 0.6em;
	margin-bottom: 0.6em;
	margin-left: 0px;
	font-size: 0.8em;
	background-color: #eee4cc;
}
.featureTable3 .hilight {
	font-weight: bold;
	color: #ed1b23;
}
/* ----- Right column including Newest Rogue, Recent News, ads ------ */

#sidePanel { /* The table cell containing the entire right column */
	text-align: right;
	vertical-align: top;
	padding-left: 0.7em;
	width: 10em;
}

.sideTable { /* Tables in the right col, including Rogue, News */
	margin-bottom: 2em;
}
.sideTable th {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0.4em;
}
.sideTable th a {
}
.sideTable th a:link {
	color: #FFCC33;
}
.sideTable th a:visited {
	color: #FFCC33;
}
.sideTable th a:active {
	color: #FFCC33;
}
.sideTable th a:hover {
	color: #FFFFFF;
}
.sideTable tr {
}
.sideTable td {
	font-size: 0.8em;
	padding: 0.6em;
}
.sideTable .bottomLine {
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	padding: 0.4em;
}
.sideTable .bottomLine a {
}
.sideTable .bottomLine a:link {
	color: #FFFFFF;
}
.sideTable .bottomLine a:visited {
	color: #FFFFFF;
}
.sideTable .bottomLine a:active {
	color: #FFFFFF;
}
.sideTable .bottomLine a:hover {
	color: #FFFFFF;
}

.rogueName { /* Styling for the name of the newest rogue */
	font-weight: bold;
	color: #CC0000;
}
#newestRogue { /* See also: .sideTable (above) */

}
#newestRogue th {
	background-color: #b60201;
}
#newestRogue .titleImage {
	background-color: #F0D79D;
	background-image: url(../images/sideTable_rogue_bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: bottom;
}
#newestRogue tr {
}
#newestRogue td {
	background-color: #ffccaf;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B60201;
	border-left-color: #B60201;
}
#newestRogue .bottomLine{
	background-color: #B60201;
}

#recentNews { /* See also: .sideTable (above) */
}
#recentNews th {
	background-color: #81561e;
}
#recentNews .titleImage {
	background-color: #F0D79D;
	background-image: url(../images/sideTable_cherub_bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	text-align: center;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}
#recentNews tr {
}
#recentNews td {
	background-color: #ffe5ac;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #81561E;
	border-left-color: #81561E;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D9A55E;
}
#recentNews .bottomLine{
	background-color: #81561E;
	border: none;
}

#adsRight { /* Div containing the ads in the right column */
	background-color: #FFE5AC;
	border: 1px solid #A97600;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 2em;
	padding-top: 0.7em;
	padding-right: 0.7em;
	padding-bottom: 0px;
	padding-left: 0.7em;
	font-size: 0.8em;
}
#adsRight img {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0.7em;
	margin-left: auto;
	
}

/* ----- table in "Rogue" section. ----------------- */

.featureTable4 {
	margin-bottom: 1.0em;
	padding: 3em;
}
.featureTable4 tr {
}

.featureTable4 .header { 
	background-color: #c0c0c0;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A97600;
	border-left-color: #A97600;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A97600;
}

.featureTable4 th {
	background-color: #7f541c;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #A97600;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	background-image: url(../images/featureTable_heading_bg_brown1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	color: #FFCC33;
	colspan: 4;
	
}
.featureTable4 .testimonial {
font-size: 7pt;
font-style: italic;

}
.featureTable4 th a {
}
.featureTable4 th a:link {
	color: #ffcc33;
}
.featureTable4 th a:visited {
	color: #ffcc33;
}
.featureTable4 th a:active {
	color: #ffcc33;
}
.featureTable4 th a:hover {
	color: #ffffff;
}
.featureTable4 td {
	background-color: #FFE5AC;
	text-align: left;
	vertical-align: top;
	font-size: 8pt;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A97600;
	border-left-color: #A97600;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A97600;
}

.featureTable4 .bottomLine { /* The cell at the bottom of each feature table. Typically contains a "More..." link. */
	background-color: #A97600;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	border: none;
}
.featureTable4 .bottomLine a {
}
.featureTable4 .bottomLine a:link {
	color: #ffffff;
}
.featureTable4 .bottomLine a:visited {
	color: #ffffff;
}
.featureTable4 .bottomLine a:active {
	color: #ffffff;
}
.featureTable4 .bottomLine a:hover {
	color: #ffffff;
}

/* ----- Simmos! FAQ section ----------------- */

body  { font-family: verdana, helvetica, sans-serif; font-size: 14px; color: #000; }
h1 { margin : 0px; margin-bottom : 5px; margin-top: 5px; font-family : arial, helvetica, sans-serif; font-size : 15px; }
h2 { margin : 0px; margin-bottom : 5px; margin-top: 5px; font-family : arial, helvetica, sans-serif; font-size : 14px; }
h3 { margin : 0px; margin-bottom : 5px; margin-top: 5px; font-family : arial, helvetica, sans-serif; font-size : 14px; }

a:visited { color: #0000ff; }
a.button { font-family: Arial, Helvetica, sans-serif; font-weight: bold; height:20px; padding: 3px; padding-left: 8px; padding-right: 8px; border: 1px solid #888; border-top: 0px; color: #aaa; font-size: 12px; color: #0000ff; text-decoration: none; }
a.nav { font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 2px; padding-right: 3px; font-size: 11px; text-decoration: none; }
a.nav:visited { color: #0000ff; }
a.nav:hover { font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 2px; padding-right: 3px; font-size: 11px; text-decoration: underline; }
a.big { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #0000ff; }
a.big:hover { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #ff0000; }
a.small { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #0000ff; padding-left: 15px; }
a.small:hover { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ff0000; }
a.vsmall { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #0000ff; padding-left: 30px; }
a.vsmall:hover { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #ff0000; }
a.external { color: #ff0000; }
a.external:visited { color: #ff0000; }
a.cont { color: #000000; text-decoration: none; }
a.cont:visited { color: #000000; text-decoration: none; }

.blue { color: #0000ff; }
.red { color: #ff0000; }

.selectlinks { width: 160px; height: 30px; font-family : arial, helvetica, sans-serif; font-size : 10px; color : #fff; background-color: #299EF7; border : 1 solid #000099; }
.page { width:100%; height:100%; text-align:center; }
.header { width:95%; height:50px; border: 1px solid #bbbbabb; text-align:left; padding:10px; background-color: #0000ff; }
.smallheader { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; }
.headerfont { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; color: #ffffff; }
.navigation { width:95%; text-align:left; }
.mainbody { width:100%; height:75%; margin-top: 10px; border-top: 1px solid #000; border-bottom: 1px solid #bbbbbb; text-align:justify; padding: 5px; font-size: 13px; }
.footer { width:85%; height:20px; text-align:right; }

.table { border: 1px solid #000; }
.tableheader { background-color: #0000ff; color: #fff; }
.colheading { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; border-bottom: 1px solid #aaa; }
.tabledata { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
td { padding-bottom: 7px; }
.numbertd { font-size: 11px; font-weight: bold; }

.copyright { font-size: 9px; }

li { margin-bottom: 8px; }

.img { margin-left: 20px; margin-bottom: 20px; }

/* ===== END ======================================================== */