/**
 * basic_main.css
 *
 * The Basic css markup for a main (landing) page
 *
 * Author: Tony Schilling
 * Created: 10-21-2009
 * Last Updated: 12-20-2009
 */

/********************
  Body tag
********************/
body {
	background-color: black;
	color: #FBF2DF;
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	margin: 0;
	padding: 0;
	padding-bottom: 0px;
}

/********************
  Typography
********************/
h1 {
	font-family: 'Comic Sans MS', 'Trebuchet MS', sans-serif;
	font-size: 2.90em;
	letter-spacing: 0.15em;
	font-weight: normal; 
	color: #FBF2DF;
	margin:0.5em 0;
}

h2 {
	font-family: 'Comic Sans MS', 'Trebuchet MS', sans-serif;
	font-size: 2.0em;
	letter-spacing: 0.07em;
	font-weight: normal;
	color: #FBF2DF;
	margin:1em 0
}

h3 {
	font-size: 1.3em;
}

h4 {
	color: #3C444E;	
}

h2.nobottommargin {
	margin-bottom: 0;
	padding-bottom: 0;
}

em {
	font-weight: bold;	
}

strong {
	font-weight: bold;
	color: #006DAD;
	margin-right: 1em;
}

/* Baseline for links  */
a {
	color: #FF2A00;
	text-decoration: none;
}

a:hover {
	color: #006DAD;
	text-decoration: none;
	/* font-weight: bold; */
}

.cursorpointer {
	cursor: pointer;	
}

/* Comment Divs  */
div.comments {
	background: #eee;
	margin-bottom: 10px;
}

div.comments p {
	padding: 10px;
	margin:0;
}

/********************
  Page Layout
  (Including DIV containers for layout purposes)
********************/
div#header {
	/* background-color: #A38A6D; */
	background-image: url("toejac_hdr_blk.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	height: 236px;
	border-bottom: 1px solid #FBF2DF;
	padding: 0;
	text-align: center;
}

div#header h1, div#header h2, div#specialoffers h2 {
	margin: 0;
}

div#header h2, div#specialoffers h2 {
	color: #990000;
}

div#maincontent {
	padding: 0;
	text-align: center;		
}

div#mainimage {
	background-image: url("ssf_main.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	height: 480px;
	padding: 20px 0 0;
	text-align: center;
}

div#mainimage ul {
	width: 480px;
	margin: 120px auto;
}

div#mainimage ul li {
	font-family: 'Comic Sans MS';
	font-size: 1.4em;
	color: #FFEABF;
}

div#siteagreement {
	background-color: #fff;
	color: black;
	height: 75px;
	width: 400px;
	border: 1px solid #FBF2DF;
	margin: 10px auto;
	overflow: auto;
}

div#siteagreement p {
	line-height: 1.3em;
	padding: 2px 5px;
}

div#entersite {
	padding: 10px;
}

div#entersite a {
	font-size: 2.0em;
	color: #FFAE00;
	margin: 0 25px;
	text-decoration: none;
    font-weight: bold;
}

div#entersite a:hover {
	color: #43FF00;
	font-weight: bold;	
}

div#compliance {
	width: 640px;
	margin: 0 auto;
	padding: 20px 0 0;
}

div#compliance p {
	font-family: 'Comic Sans MS';
	font-size: 1.4em;
	padding: 10px 0;
	color: #FFEABF;
}

div.images {
	margin: 20px 0;
}

p.mainpage {
	font-size: 1.2em;
	margin: 5px 0 20px 0;
}

/********************
 * Column Layout
 * Based on article by Matthew James Taylor
 * http://matthewjamestaylor.com/blog/perfect-2-column-right-menu.htm  
********************/

/* Column Container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	/* clear:both; */
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}

/* Common Column Settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

/* 2 Column (right menu) settings */
.rightmenu {
	background:#eee;	/* right column background colour */
}
.rightmenu .colleft {
	right:25%;			/* right column width */
	background:#fff;	/* left column background colour */
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/**********************
  Instructions List
**********************/
div#instructions {
	margin: 0 0 10px;
	padding: 5px 5px 5px;
}

div#instructions ul, div#instructions ul li {
	margin: 0;
	padding: 0;
	list-style: square inside;
}

div#instructions ul li
{
	padding: 5px 2px 5px;
}

/* Perhaps not the best use of em,
** but it works well in this situation
*/
div#instructions em {
	font-size: 1.2em;
	color: #FFAE00;
}

/********************
  Footer
********************/
div#footer {
	clear: both;
	margin: 0;
	text-align: center;	
}

div#footermenu {
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px 0;
	/* text-align: center; */
	color: #FFEABF;
	background: #3C444E;
}

div#footernomenu {
	clear: both;
	padding: 0;
}

/* Menu code for footer menu
   simple inline list menu */
#footermenu ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 

#footermenu ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
}
		
#footermenu ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

#footermenu a, #footermenu a:hover {
	color: #FFEABF;
	text-decoration: none;
}

#footermenur a:hover {
	/* color: #FFEABF;
	text-decoration: none; */
	font-weight: bold;
}

div#copyrightmember {
	margin: 10px auto;
	padding: 0;
	border: 0;
	/* text-align: center; */
	color: #FFEABF;
	height: 30px;
}
		
#copyrightmember p {
	font-size: 0.7em;
}