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

body { 
	
	background-image: url(images/print_press.jpg);
	background-repeat: no-repeat;
	background-position: bottom-right;
	background-attachment: fixed;
	background-color: #fff;
	font-family: microsoft sans serif;
	font-size: .8em;
	color: #000000;
	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();
		background-position: top center;
		background-repeat: no-repeat; }

		.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: 8px 45px 0 45px;
		margin: 0; }
		
		.title { padding: 0 0 0 135px; }

		#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: 5px 5px 0 5px;
		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: #d0e9f8;
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 */
.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(../chrometheme/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: -4px 0 0 00;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(../chrometheme/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #d0e9f8;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}



