/*Casino Groove CSS*/

/*global settings*/
*	{padding:0; margin:0;}
img {border:0px;}
body	{text-align:center;  background: url(/assets/images/green-back.gif) repeat;}

/*main placeholder which contains all content*/
#container {width:980px; margin:0px auto; text-align:left; font-family:Arial; padding:0; 
			 background : url(/assets/images/content-back.gif) repeat-y; padding:0 40px; padding-bottom:10px;}

/*header image containing sitemap link at top of page*/			 
#header	{background: url(/assets/images/header.jpg) no-repeat top left; height:117px; width:980px; position:relative;}
#siteMap	{position:absolute; color:#fff; right:20px; top:10px; font-size:11px;}
#siteMap a	{text-decoration:none; color:#fff;}
#siteMap a:hover {text-decoration:underline;}

/*main red navigation along top under header*/
#mainNav ul		{list-style:none; background:url(/assets/images/nav-back.gif) repeat-x; width:980px; float:left; margin-top:1px;}
#mainNav ul li	{float:left;}
#mainNav ul a	{color:#fff; font-weight:bold; text-decoration:none; font-size:13px; display:block; padding:0 0.9em; 
	line-height:2.1em; background:url(/assets/images/nav-divider.gif) repeat-y left top; float:left;}
#mainNav ul .first a	{background-color:#F18700; background-image:none;}

/*the 4 columns that contain various content from left to right under main red navigation */
#leftContentPanel		{width:170px; float:left; margin-top:10px; margin-right:10px;}
#mainContentPanel		{width:469px; float:left; margin-top:10px; padding-right:10px; border-right: solid 1px #DADADA; 
	background:url(/assets/images/border-cover.gif) no-repeat bottom right;}
#rightContentPanel		{width:170px; float:left; margin-top:10px; margin-left:10px;}
#farRightContentPanel	{width:129px; float:left; margin-top:10px; margin-left:10px; border-left: solid 1px #DADADA; text-align:right;}

/*a module that contains content with a green heading at the top and gold background*/
.item h2		{font-size:11px; height:18px; color:#FFFFFF; background:url(/assets/images/panel-back-header.jpg) no-repeat top left; text-align:center; text-transform:uppercase; padding-top:5px;}
.item .content	{background:#F9F3E3 url(/assets/images/item-back.gif) no-repeat top left; color:#333333; font-size:11px; 
	padding:10px; margin-bottom:10px; border:solid 1px #DADADA; border-top:solid 1px #FFF; line-height: 150%;}
.item .content a {color:#333333; text-decoration:none;}
.item .content a:hover {text-decoration:underline;}

/*the main content area in the centre of the page*/
.mainItem	{margin-top:10px;}
.mainItem	h1	{font-size:16px; color:#333333; padding-top:10px; padding-bottom:10px;}
.mainItem	h2	{font-size:12px; color:#FF0000; text-decoration:none;}
.mainItem	h2.underline {text-decoration:underline;}
.mainItem	h2.underline a {text-decoration:underline; font-size:12px; color:#FF0000;}
.mainItem	h2 span {font-size:11px; color:#666666; font-weight:normal;}
.mainItem	h2 span a {color:#666666; text-decoration:none;}
.mainItem	h2 span a:hover {color:#666666; text-decoration:underline;}
.mainItem	p	{font-size:11px; color:#666666; width:300px; padding-bottom:10px; padding-top:5px; line-height:130%; }
.mainItem .right { float:left;}

.contentSection {color:#666666;}
.contentSection h2 {font-size:20px; margin-bottom:10px; margin-top:10px;}
.contentSection h3 {font-size:15px; color:#FF0000}
.contentSection p {font-size:11px; line-height:150%; margin-bottom:20px;}

.mainItem	a {font-size:11px; color:#666666; }

.mainItem li {margin-left:20px }
.mainItem li a {font-size:11px; color:#666666; padding-bottom:10px; }
.mainItem	p.bold	{font-weight:bold;}
div.divide		{height:1px; border-bottom:1px solid #DADADA; overflow:hidden; clear:both;}
.mainItem	img {border:solid 1px #000000; float:left; margin-right:15px;}

/*add space that resides in the bottom left side of the page under the left column*/
#bottomAddSpace	{text-align:center; padding-top:10px;}

/*footer that resides underneath the main content area*/
#footer				{color:#999999; font-size:11px; margin-top:10px; clear:both;}
#footer	div.divide	{height:1px; border:none; background:#DADADA; margin:10px 0px; overflow:hidden;}
#footer a			{text-decoration:none; color:#999999; }
#footer a:hover		{text-decoration:underline; }

/*graphic that adds drop shadow to the bottom of the page*/
#continerBottom {background: url(/assets/images/green-back-bottom.gif) no-repeat bottom left; width:980px; padding:0 40px; margin:0px auto; height:30px;}