/* DO NOT ALTER THIS CODE! 
THIS IS THE STYLESHEET FOR THE FORMS AND OTHER PAGES*/

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: 40px;
	margin:0 auto;
	
}

ul {margin-left: 40px; padding-left: 0;}

html{
	height:100%;
	}



img { border: 0; }

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; }
	
#font1 {
	font-size: 10px
	}


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




	#content {

		min-height: 250px;
		height: auto !important;
		height: 250px;
		background-image: url(../images/content3.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		padding: 40px 85px 0 90px;
		margin: 0; }

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

			

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


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


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


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

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


		.three_columns {
			clear: both;
			text-align: justify;
			padding: 10px 0 0 0;
			margin: -40px 0 0 0; }


			.three_columns p {
				padding: 0 5px 0 5px;
				margin: 0; }


			.h3_foot {
				background-image: url(../images/h3_bg.png);
				background-repeat: repeat-x;
				background-position: top center;
				line-height: 1.5em;
				text-align: center;
				border-top: 0px solid #dbdbdb; }


			.two_left {
				float: left;
				width: 556px; }


				.foot_left {
					float: left;
					width: 250px; }


				.foot_mid {
					float: right;
					width: 250px; }


			.one_right {
				float: right;
				width: 29%; }


				.foot_right { width: 250px; }


		#main2 {
			float: left;
			width: 100%;
			padding: 0;
			margin: 0 0 0px 0; }


			
		.three_columns {
			clear: both;
			text-align: justify;
			padding: 0;
			margin: 0 15px 0 15px; }


			.three_columns p {
				padding: 0;
				margin: 0 -15px 0 15px; }


			.h3_foot {
				background-image: url(../images/h3_bg.png);
				background-repeat: repeat-x;
				background-position: top center;
				line-height: 1.5em;
				text-align: center;
				border-top: 0px solid #dbdbdb; }


			.two_left {
				float: left;
				width: 503px; }


				.foot_left {
					float: left;
					width: 250px; }


				.foot_mid {
					float: right;
					width: 250px; }


			.one_right {
				float: right;
				width: 32%; }


				.foot_right { width: 250px; }

			/* 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;
		font-size: 11px;
		height: auto !important;
		height: 75px;
		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;
}



/*Accordions*/

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

.applemenu1 div.silverheader a{
background: transparent url(../accordion/brown2.png) center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: black;
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;
}


.applemenu1 div.silverheader a:visited, .applemenu div.silverheader a:active{
color: black;
}


.applemenu1 div.selected a, .applemenu div.silverheader a:hover{
background-image: url(../accordion/blue2.png);
color: white;
}

.applemenu1 div.submenu{ /*DIV that contains each sub menu*/
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"*/
}


.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"*/
}


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

.applemenu3 div.silverheader a{
background: black url(../accordion/silvergradientover.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
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;
}


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


.applemenu3 div.selected a, .applemenu div.silverheader a:hover{
background-image: url(../accordion/silvergradient.gif);
color: white;
}

.applemenu3 div.submenu{ /*DIV that contains each sub menu*/
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: 170px;
	
	height: 170px;
}



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




<!-- End rotator image display -->
p
{
	text-align: center;
}





.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 200px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 270px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #fff;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: black;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 100%; }
* html .suckerdiv ul li a { height: 100%; }
/* End */



/* Code to make Navi bar slide back in (put into ssm.js)

function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}

function moveBack1() {
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}

End code (not part of style sheet, notes only) */