/* ----------------------------------------------------------------------------------------------------- */

body
{
text-align: center;
font-family: georgia, trebuchet ms, verdana;
font-size: 9pt;
}

/* ----------------------------------------------------------------------------------------------------- */

p, li 					{font-size: 10pt; color: #404040; }
.black, .blackbold  	{ color: black; }
.blackbold 				{ font-weight: bold; }
.error 					{ color: red; text-align: center; font-size: 8pt; }
.formtitle 				{ padding-bottom: 5px; display: inline; margin-left: 8px; margin-right: 8px; }
.testimonial 			{ padding-left: 15px; padding-top: 10px; font-style: italic; font-weight: bold; color: black; font-size: 10pt; }
.speaker 				{ font-size: 8pt; padding-left: 6px; font-weight: normal; color: gray;}
ol.decimal 				{ list-style-type: decimal; }
ol.lroman 				{ list-style-type: lower-roman; }
ol.uroman 				{ list-style-type: upper-roman; }
ol.lalpha 				{ list-style-type: lower-alpha; }
ol.ualpha 				{ list-style-type: upper-alpha; }
.largerbold 			{ font-weight: bold; font-size: 12pt; color: black; }
.bonuslarger 			{ color: red; font-weight: bold; font-size: larger; }
.bonus 					{ color: red; font-weight: bold; }
.small 					{ font-size: 8pt; }
.smaller				{ font-size: smaller; }
.red					{ color: red; }
.center					{ text-align: center; }
img.buynow 				{ text-align: center; display: block; }
img.floatRight 			{ float: right; margin: 20px; }
img.floatLeft 			{ float: left; margin: 20px; }
li 						{ padding-top: 3px; }
label 					{ text-align: left; float: left; padding-left: 10px; padding-top: 5px;  }
input 					{ margin-bottom: 5px; }
.footerdivider			{ margin-left: 20px; margin-right: 20px; }
.upsite, a.upsite, a.upsite:link, a.upsite:visited, a.upsite:hover, a.upsite:active { color: gray; text-decoration: none; }

/* ----------------------------------------------------------------------------------------------------- */

#FRAME
{
	width: 950px;
	margin:0 auto;     /* centers the whole site */
}

/* ----------------------------------------------------------------------------------------------------- */

#BANNER
{
	width: 950px;
	height: 90px;
	background-image: url("../images/Retsami-Board-Game-Banner.jpg");
	background-repeat: no-repeat;
	border: 2px solid black;
}
#BANNER table 			{ height: 90px; margin-right: 10px; float: right; width: 150px; text-align: left; }
#BANNER h1 				{ font-size: 12pt; margin: 0; font-style: italic; }

/* ----------------------------------------------------------------------------------------------------- */

#NAVIGATION
{
	float: left;
	width: 170px;
	border: 0px solid black;
	margin-bottom: 30px;
}
#NAVIGATION form { background-color: #e1d7bf; border: 2px solid black; padding-top: 10px; margin-top: 10px; padding-bottom: 10px;  }

/* ----------------------------------------------------------------------------------------------------- */

#CONTENT
{
	float: left;
	width: 710px;
	background-color: white;
	padding-left: 30px;
	padding-top: 30px;
	margin-bottom: 30px;
	text-align: left;
	background-image:url("../images/Restsami-Web-Address.jpg");
	background-position: top right;
	background-repeat: no-repeat;
}
#CONTENT h1 { font-size: 14pt; margin-top: 0px; padding-top: 0px; }
#CONTENT h3 { font-size: 11pt; }
#CONTENT h4 { font-size: 10pt; }
#CONTENT a, a:visited, a:hover, a:link, a:active { color: blue; }

/* ----------------------------------------------------------------------------------------------------- */

#FOOTER
{
	width: 950px;
	height: 22px;
	clear: both;
	background-color: #dcdada;
	border: 2px solid black;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
}

/* ----------------------------------------------------------------------------------------------------- */

.btnLink, .btnLink2, .btnLinkRed
{
	font-weight: bold; 
	color: white; 
	width: 170px; 
	height: 30px; 
	display: block; 
	font-size: 10pt; 
	text-decoration: none;
	background-repeat: no-repeat;
	background-image:url(../images/Rollover-Button-1.jpg);
	line-height: 30px;
	vertical-align: middle;
}
	
.btnLinkRed { color: red; }
		
.btnLink2
{ 
	color: black;
	margin-top: 10px;
	background-image:url(../images/Rollover-Button-2.jpg);
	height: 60px;
	line-height: 60px;
	font-size: 12pt;
}

a.btnLink, a.btnLink:link, a.btnLink:visited, a.btnLink:hover, a.btnLink:active { color: white; }
.btnLink:hover { background-position: -170px 0; text-decoration: underline; }

a.btnLink2, a.btnLink2:link, a.btnLink2:visited, a.btnLink2:hover, a.btnLink2:active { color: blue; }
.btnLink2:hover { background-position: -170px 0; text-decoration: underline; color: red; }

a.btnLinkRed, a.btnLinkRed:link, a.btnLinkRed:visited, a.btnLinkRed:hover, a.btnLinkRed:active { color: red; }
.btnLinkRed:hover { background-position: -170px 0; text-decoration: underline; }


/* ----------------------------------------------------------------------------------------------------- */