/*********************************************************
   Author - Sean Connors of Web Merchant Services
   www.WMSmerchantservices.com - 707-443-4447

   This CSS file defines the styling aspects of the CSS; structuring elements are handled in the structure.css file.
   Tested against: IE 6 & IE 7, FF 2 & FF 3, Safari 3 for PC's, and Google Chrome 0.2 beta 
   A small fixe was needed for IE 6
*********************************************************/
/* This CSS file defines the styling aspects of the CSS; structuring elements are handled in the structure.css file */
/* Tested against: IE 6 & IE 7, FF 2 & FF 3, Safari 3 for PC's, and Google Chrome 0.2 beta */
/* Some fixes were needed for IE 6 -- go figure! */

body {
	margin: 10px 0;		/* Adjust margins as needed */
	background: #eee;
	color: #333;
	font: 10px Arial, Verdana, Helvetica, Sans-Serif; /* Starting with 10px font-size makes it easy to "em" sizes later vis a vis a 10px base. */
											/* That is, if you want a 12px font-size somewhere, just assign 1.2em to get the same size, 
											   while alowing users to expand font sizes to their preference. 
											*/
}

#bounding-container {
/* This container is used to fix the width and center the layout if desired */
	position: relative;		/* This is just to assist with any relative positioning or z-indexing below */
	width: 780px;			/* Fixed width */
	margin: auto;			/* Center it */
}

table {
	border: none;
}

a { 
	background-color: inherit;
	color: #004A8D; 
}

a:hover { 
	background-color: inherit;
	color: #0065C0; 
}

hr {
	margin-left: 5px; 
	margin-right: 5px;
	height: 2px;
	border: 0;
	background-color: #D3CDBF;
	color: #D3CDBF; 
}

img {
	border: 0;
}

#header {
	position: relative;
	height: 130px;
	background: #E4E0D7 url("/images/header-bg.gif") no-repeat;
	border-top: 1px #000 solid;
	border-right: 1px #000 solid;
	border-left: 1px #000 solid;
	color: #000;
}

#header-top {
	height: 20px;
	margin: 0;
	padding: 0;
	background-color: #000;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
}

#header-top-left {
	float: left;
	width: 196px;
	height: 20px;
	margin: 0;
	padding: 2px 5px 0px 5px;
	text-align: left;
}

#header-top-right {
	float: right;
	width: 560px;
	height: 20px;
	margin: 0;
	padding: 2px 5px 0px 5px;
	text-align: right;
}

#header-logo {
	float: left;
	width:136px;
	height:102px;
	margin:0;
}

#header-title {
	float: right;
	width: 600px;
	height: 65px;
	font: bold 3.6em "Arial Black", Arial, Sans-Serif;
	color: #004A8D;
	padding-top: 20px;
	padding-left: 40px;
	text-shadow: #888 2px 2px 3px;
	filter: Shadow(Color=#888888, 
                 Direction=135, 
                 Strength=3);
}

#header-menu ul {
	float: right;
	padding: 0;
	margin: 2px 0 0 75px;
	list-style-type:none;
	width: 559px;
}

#header-menu ul li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	display:inline;
}

#header-menu ul li a {
	display: block;
	width: 111px;
	height: 19px;
	margin: 0;
	padding: 2px 0 0 0;
	border-right:1px solid #F3F1ED;
	line-height: 19px;
	color: #F3F1ED;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#header-menu ul li a:hover {
	color: #fff;
	background: #C72921;
}

#header-menu ul li a.last {
	border-right:0;
}

#contents-col {
	width: 607px;
	padding: 10px;
	background: #fff;
	border-right: 1px #000 solid;
	vertical-align: top;
}

#contents-col h1 {
	margin: 0 0 5px -4px;
	color: #C72921;
	font-size: 2em;
	font-weight: bold;
	background-color: #F3F1ED;
	border-top: 2px #004A8D solid;
	border-left: 1px #004A8D solid;
	padding: 3px;
}

#contents-col .shortH1 {
	margin-right:207px
}

#contents-col h2 {
	margin-bottom: -13px;
	color: #004A8D;
	font-size: 1.6em;
	font-weight: bold;
}

#contents-col p {
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: justify;
}

#contents-col #rightbar {
	float: right; 
	margin-left: 10px;
	padding: 0;
	width: 200px; 
}

#contents-col #rightbar h3 {
	margin: 0;
	padding: 2px 2px 0 4px;
	height: 19px;
	font: bold 12px Arial, Verdana, Helvetica, Sans-Serif;
	color:  #F3F1ED;
	background: #C72921 url(/images/box-head.gif) no-repeat;
}

#contents-col #rightbar h4 {
	color: #004A8D;
	/*color: #C72921;*/
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

#contents-col #rightbar .box {
	margin: 0 0 10px 0;
	padding: 3px;
	border-right: 1px #C72921 solid;
	border-bottom: 1px #C72921 solid;
	border-left: 1px #C72921 solid;
	background: #F3F1ED;
}

#contents-col #rightbar .box p {
	margin: 0 0 7px 0;
	padding: 0;
}

#contents-col #rightbar .box a { 
	background-color: inherit;
	color: #004A8D; 
	font-weight: bold;
	text-decoration: none;
}

#contents-col #rightbar .box a:hover { 
	background-color: inherit;
	color: #0065C0; 
	text-decoration: underline;
}

#contents-col table {
	/*width: 100%;*/
	margin-bottom: 20px;
}

#contents-col td {
	font-size: 1.2em;
	vertical-align: top;
}

#contents-col .table_header {
	background-color: #004A8D;
	color: #fff;
	font-weight: bold;
}

#contents-col .table_header td {
	padding-left: 3px;
}

#contents-col .table_first_row {
	background-color: #fff;
}

#contents-col .table_second_row {
	background-color: #F3F1ED;
}

#contents-col ul {
	font-size: 1.2em;
}

#contents-col .page_real_time_date, #contents-col .page_rev_info {
	font-size: 10px;
	color: #888;
}

#contents-col .late_fees_apply {
	font-size: 0.8em;
	color: #FF0000;
}

#contents-col .event_pricing {
	font-size: 0.8em;
}

#nav-col {
	width: 150px;
	background: #E4E0D7;
	border-right: 1px #7c7c7c solid;
	border-left: 1px #000 solid;
	font-size: 1.2em;
	vertical-align: top;
}

#nav-col h4 {
	margin-top: 0;
	padding-left: 10px;
	font-size: 1.3em;
}
#nav-col ul {
	margin: 0;
	padding: 0;
	background-color: #004A8D;
	list-style:none;
}

#nav-col ul li {
	border-top: 1px #F3F1ED solid;
}

#nav-col ul li a {
	display: block;
	height: 20px;
	padding: 7px 3px 7px 10px;	/* See IE 6 fix below */
	/*padding-top: 7px;*/
	/*padding-right: 3px;*/
	/*padding-bottom: 3px;*/
	/*padding-left: 10px;*/
	font-weight: bold;
	/*line-height: 2.6em;*/
	color: #F3F1ED;
	text-decoration: none;
}

#nav-col ul li a:hover {
	color: #fff;
	background-color: #C72921;
}

#nav-col ul ul li {
	border-top: none;
}

#nav-col ul ul li a {
	display: block;
	height: 20px;
	margin: 0;
	padding: 0 3px 0 20px;	/* See IE 6 fix below */
	color: #F3F1ED;
	font-weight: normal;
	text-decoration: none;
}

/*
#nav-col ul ul li a:hover {
	color: #fff;
	background-color: #C72921;
}
*/
#footer {
	padding: 2px 3px 3px 3px;
	background: #000;
	border: 1px #000 solid;
	text-align: center;
	color: #fff;
	font-size: 1.1em;	
}

#footer ul {
	margin: 5px 5px 10px 5px;
	list-style-type: none;
	background: transparent;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	padding:0 23px 0 23px;
	border-right:1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;	
}

#footer ul li a.last {
	border-right:0;
}

#footer p {
	margin: 0;
	padding: 0;
	color: #fff;
}

#footer-sub {
	margin: auto;
	width: 780px;
	text-align: right;
	color: #777;
	padding-right: 5px;
}