/* DO NOT ALTER THIS CODE! 
THIS IS THE STYLESHEET FOR THE HOME PAGE*/

body { 
	
	background-image: url(../images/bg-2.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	font-family: microsoft sans serif;
	font-size: .8em;
	color: #000000;
	padding: 0;
	margin:0 auto;
	
}



html{
	height:100%;
	}



img { border: 0; }

img, div { behavior: url(ie6fix/iepngfix.htc) }

a { text-decoration: underline; color: #23188c; padding: 0; margin: 0; }
a:hover { text-decoration: underline; color: #808080; outline: 0; padding: 0; margin: 0; }

a.discrete { text-decoration: none; color: #808080; padding: 0; margin: 0; }
a.discrete:hover { text-decoration: underline; color: #808080; border-bottom: 0; outline: 0; padding: 0; margin: 0; }

a.title { text-decoration: none; color: #a99570; padding: 0; margin: 0; }
a.title:hover { text-decoration: none; color: #a99570; outline: 0; padding: 0; margin: 0; }

h1 {
	font-family: georgia, serif;
	font-size: 7em;
	font-weight: 100;
	line-height: 65px;
	text-transform: uppercase;
	padding: 0;
	margin: 0; }

	dfn {
		font-size: .7em;
		font-style: normal;
		line-height: 50px; }

h2 {
	font-family: microsoft sans serif;
	font-size: 1.8em;
	font-weight: 100;
	padding: 0 0 10px 0;
	margin: 0; }

h3 {
	font-family: georgia, serif;
	font-size: 1.7em;
	font-weight: 100;
	line-height: 1em;
	padding: 0;
	margin: 0 0 5px 0; }


#wrap {
	
	width: 951px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin-left: auto;
	margin-right: auto; 
	text-align: left;
	padding: 12px 0 0 0;
	}


	#content {

		min-height: 350px;
		height: auto !important;
		height: 250px;
		background-image: url(../images/content-2.gif);
		background-position: 40px 45px 0 45px;
		background-repeat: no-repeat;
		padding: 35px 45px 0 45px;
		margin: 0; }

		#menu {
			height: 100%;
			float: left;
			width: 0%;
			padding: 0;
			margin: 0; }

			

		#main {
			float: right;
			width: 99%;
			padding: 0;
			margin: 0 0 20px 0; }


			.left {
				float: left;
				width: 78%;
				text-align: justify;
				padding: 0;
				margin: 0; }


				.main_content p {
					text-align: justify;
					margin: 0 0 10px 0; }


			.right {
				float: right;
				width: 20%;
				padding: 0;
				margin: 0; }

				.right p { margin: 0 0 10px 0; }
				
			
			/* for paths on pages */
			#font1 {
			font-size: .8em;
			}

			/* for disclaimers, etc */
			#font2 {
			font-size: .7em;
			}
			
			/*for merchant services header */
			#font3 {
			font-size: 1.2em;
			font-weight: strong;
			text-align: center;
			}
				
			#font4 {
			font-size: 1.2em;
			color: green;
			font-style: italic;
			text-align: left;
			}
			
			#font5 {
			font-size: 1.2em;
			color: green;
			font-style: italic;
			text-align: right;
			}


	#footer {
		clear: both;
		min-height: 75px;
		height: auto !important;
		height: 75px;
		font-size: 11px;
		background-image: url();
		background-position: top center;
		background-repeat: no-repeat;
		padding: 15px 45px 0 45px;
		margin: 0; }


		.bottom {
			text-align: center;
			padding: 13px 0 0 0;
			margin: 0; }


#ffscrollbarfix {
	border: 0;
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}


/*Accordion*/

.applemenu2{
margin: 5px 0;
padding: 0;
width: 160px; /*width of menu*/
border: 0px solid #9A9A9A;
}

.applemenu2 div.silverheader a{
background: transparent url(../accordion/blue.png) repeat-x center left;
font: normal 11px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
text-align: left;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu2 div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu2 div.selected a, .applemenu div.silverheader a:hover{
background-image: url(../accordion/brown.png);
color: black;
}

.applemenu2 div.submenu{ /*DIV that contains each sub menu*/
font: normal 10px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
text-align: left;
background: white;
padding: 5px;
/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

A.ssmItems:link		{color:black;text-decoration:none;}
A.ssmItems:hover	{color:black;text-decoration:none;}
A.ssmItems:active	{color:black;text-decoration:none;}
A.ssmItems:visited	{color:black;text-decoration:none;}

/* Begin rotator image display  */
#rotator img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

*
{
	margin: 0;
	padding: 0;
}


#rotator
{
	
	border: 0px solid blue;
	
	cursor: pointer;
	
	overflow: hidden;
	
	margin: 10px auto 10px;
	
	position: relative;
	
	width: 160px;
	
	height: 160px;
}



#rotator img
{
	border: 0px;
	
	cursor: pointer;
	
	width: 160px;
	
	height: 160px;
}




/* End rotator image display */