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

body { 
	
	background-image: url(../images/bg.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; }

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;
	text-decoration: bold;
	padding: 0 0 10px 0;
	margin: 0; }

h3 {
	font-family: microsoft sans serif;
	font-size: 1.4em;
	font-weight: 100;
	line-height: 1em;
	padding: 0;
	margin:6px 0 5px 0; }
	
h4 {
	font-family: microsoft sans serif;
	font-size: 2em;
	font-weight: 100;
	text-align: center;
	color: blue;
	line-height: 1em;
	padding: 0;
	margin:6px 0 5px 0; }


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


	#header {
		height: 173px;
		background-image: url(../images/headers/head2.jpg);
		background-position: top center;
		background-repeat: no-repeat; }

		.title { padding: 140px 0 0 180px; }

		.tagline {
			font-family: garamond, serif;
			font-size: 1.4em;
			font-style: italic;
			text-indent: 25px;
			line-height: 20px;
			padding: 0;
			margin: 0; }


	#content {

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

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

			

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


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


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


			.right {
				float: right;
				width: 25%;
				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: 1px 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 20px 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: no-repeat;
				background-position: top center;
				line-height: 1.5em;
				text-align: center;
				border-top: 0px }


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

.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: 500px; /*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: #ecfd8a;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

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

.suckerdiv ul li a:hover{
background-color:e1dfdd;
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 */



/*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: 285px; /*width of menu*/
border: 0 solid #9A9A9A;
}

.applemenu3 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;
}


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


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

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



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 */
p
{
	text-align: center;
}









/* Navigation Menu */
 /* Set up the default font and ovrall size to include image */
.menu {
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
width:900px;
height:35px;
background:transparent url() 0 0 no-repeat;
position:relative; 
margin:1.2em 158px 0 -150px;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:114px; 
height:1.5em;
font-weight:bold;
color:#888; 
border-bottom:8px solid #e1dfdd;
background:transparent; 
padding-left:10px; 
line-height:1.5em;
margin-right:2px;
}
/* hack for IE5.5 to correct the faulty box model 
* html .menu ul li a, .menu ul li a:visited {
width:102px;
w\idth:102px; 
} */
/* hide the drop down menu */
.menu ul li ul {
display: none;


}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000; 
border-bottom:8px solid #018cf3;
}
/* make the drop down menu show and correctly position it */
.menu ul li a:hover {
display: block;
}
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:15px;
margin:10px 155px 0 -148px;
left:148px;
right:-235px;
width:200;
border:0px solid #888;
background-color:#e1dfdd;
}

/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:transparent url(../../opacity/opaque.png); 
color:#000; 
border:0;
margin:2px;
color:#333;
font-weight:normal; 
font-size:1.2em;
height:auto; 
line-height:1em; 
padding:0px; 
width:200px
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#888; 
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
opacity: 0.8;
filter:alpha(opacity=80);
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}


/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:102px; /* for IE5.5 faulty box model */
w\idth:112px; /* for IE6 */
}



/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 680px;
			background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(../images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(../images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }