﻿/* global */
html{height: 100%;}

body
{
	font-family: Verdana, Arial, Tahoma;
	padding: 0px;
	margin: 0px;
	font-size: .78em;
	background-color: #4F504A;
	background-image: url('images/bg.jpg');
}

p
{ line-height: 1.7em;
}

img
{
}

a{outline: none;}

form{padding: 0; margin: 0;}

#header
{	background-image: url('images/top.jpg');
	height: 148px;
	background-repeat: no-repeat;
}

#toplinks
{	border-color: #0000FF;
	width: 170px;
	height: 85px;
	float: right;
	padding: 35px 15px 10px 0px;
	line-height: 25px;
	text-decoration: none;
}

#toplinks a
{	color:#333;
	text-decoration:none;
}

#toplinks a:hover
{ 	color:#000;
	text-decoration:underline;
} 

/* image position */
.left
{ float: left; 
  padding-right:5px;
  padding-bottom:5px
}

.right
{ float: right;
  padding-left:5px;
  padding-bottom:5px
 
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* unordered list */
ul
{ margin: 0px 0px 0px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 10px 0px; 
  padding: 0px;
}

/* main container */
#main{width: 780px;}

/* navigation menu */
#menubar
{	width: 780px;
	height: 36px;
	background-image: url(images/menu.jpg);
} 

ul#menu{margin: 0px;}

ul#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

ul#menu li a 
{	font-family: verdana, sans-serif;
	display: block;
	float: left;
	height: 26px;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid;
	background-image: url(images/menu.jpg);
} 


/* main content */
#site_content
{ width: 780px;
  overflow: hidden;
  margin: 5px 0px 0px 0px;
} 

/* page content */
#content
{	text-align: left;
	width: 418px;
	float: left;
	padding: 0px 5px 15px 15px;
}

#content a
{	border-bottom: 1px dotted;
	text-decoration: none;
}

#content a:hover{
	border-bottom: 1px solid;
	text-decoration: none;
}

#widecontent
{	text-align: left;
	width: 746px;
	float: left;
	padding: 25px 15px 15px 15px;
}

#widecontentwhite
{	text-align: left;
	background-color:#FFF;
	width: 726px;
	float: left;
	padding: 10px 10px 10px 10px;
}

#widecontentgray
{
	border: 1px #C7CBB6 solid;
	text-align: left;
	background-color: #E4E4E4;
	width: 726px;
	float: left;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}

#bigpic
{	width: 437px;
	height: 287px;
	float: left;
	margin-bottom: 15px;
	margin-top: 5px;
} 

#smallpic
{	width: 110px;
	height: 110px;
	float: left;
}

/* sidebar */

#sidebar
{	background: #FFF;
	float: right;
	border-color: #C7CBB6;
	border-style: solid;
	border-width: 1px;
	text-align: left;
	margin: 4px 10px 15px 0px;
	width: 320px;
}

.sidebaritem
{	background: #FFF;
	float: right;
	color: #555;
	font-family: Verdana, Arial, Tahoma;
	width: 290px;
	background-color: #E4E4E4;
	padding-left: 15px;
	padding-top: 8px;
	float: left;
	padding-right: 15px;
}

.sidebaritem p
{	margin: 0px 0px 10px 0;
}

.sidebaritem a
{	text-decoration: none; 
	color: #0E2B8D;
	padding-left:5px;
}

.sidebaritem h3
{
	margin: 8px 0px 5px 0px;
	font-size: small;
	font-weight: bold;
	background-color: #D4D4D4;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.sidebaritem ul 
{	list-style-image: url(bullet.jpg);
	margin: 0;
	padding: 0;
}

.sidebaritem li
{   list-style: none; 
    padding: 0px 5px 4px 15px;
  	background-image:url(bullet.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
}

.sidebaritem li a:hover
{  text-decoration: underline; 
   display: block;
} 

.sidebaritem li a
{ text-decoration: none; 
  display: block;
} 

.sidebaritem li
{	background-image: url('images/bullet.jpg');
}

.sidebaritem li a
{	color: #555;
	font-weight: bold;
} 

/* footer */
#footer
{
	width: 780px;
	height: 70px;
	font-family:Tahoma, "Arial Narrow", Arial;
	font-size: 10px;
	color: #fff;
	border-top: 1px solid;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url('images/footer.jpg');
	float: left;
	padding-top: 10px;
}

#footer a
{	color:#fff;
	text-decoration: none;
	border-bottom: 1px dotted;
	background: transparent;
}

#footer a:hover
{ 	color:#000;
	text-decoration: none;
	border-bottom: 1px solid;
	background: transparent;
} 

/* coupon */
#maincoupon
{
	border: 6px #000000 dashed;
	width: 600px;
	margin-top: 50px;
	margin-left: 80px;
	margin-right: 40px;
}

.stafftable {
	border: 3px solid #555;
}

.stafftext {
	font-size: x-small;
}
