/* HTML Styles */

*
{
	padding:0;
	margin:0;
}

body
{
	background-color: #c6bfb8;
	margin-top:0;
}
	
img
{
	border-width: 0;
}
 
/* Classes */

.onlinefield
{
	margin: .625em 0 .625em .625em; 
	padding: .313em .313em;
	color: #000000;
}

.onlinebutton
{
	margin: .625em 0 .625em 0; 
	padding: .313em .313em;
	background-color: #8d8680;
	color: #ffffff;
	font-weight: bold;
}

.lastlink
{
	border-bottom: solid .063em #000000;
}

.columnheader
{
	padding: .625em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* DIVs */

#wrapper
{
	top: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	width: 62.5em;
	border: solid .063em #000000;
}

#header
{
	width: 62.5em;
	height: 6.25em;
	background-color: #ffffff;
}

#logo
{
	position: relative;
	float: left;
	padding-left: .313em;
	padding-top: .313em;
	width: 29.625em;
}

#toplinks
{
	float: right;
	top: 1.25em;
	right: .625em;
	width: 28.125em;
	height: 3.125em;
	position: relative;
	color: #000000;
	text-align: right;
	font-size: 90%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#toplinks a
{
	color: #000000;
	text-align: right;
	font-size: 100%;
	font-family: "Helvetica", "Arial", arial, sans-serif;	
}

#toplinks a:link, #toplinks a:visited
{
	text-decoration: none;
}

#toplinks a:hover
{
	text-decoration: underline;
}

#toplinks a:active
{
	color: #444444;
	text-decoration: none;
}

#searchbox
{
	float: right;
	right: .625em;
	width: 28.125em;
	height: 3.125em;
	text-align: right;
	position: relative;
}

#searchbox input
{
	font-size: 120%;
	color: #000000;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#menubar
{
    width: 1000;
	height: 2.313em;
	background-color: #f37423;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-top-width: .063em;
	border-bottom-width: .063em;
	border-left-width: 0;
	border-right-width: 0;
	border-color: #000000;
}

/* Navigation - Menubar drop down */
#menubar ul 
{	
	margin-top: 0;
	list-style: none;
	float: right;
	display: inline-block;
}

#menubar ul li /* Main Buttons */
{
	display: block;
	height: 2.313em;
	float: left;
	position: relative;
	border-left: solid .063em #ffffff;
	font-size: 100%;
	color: #ffffff;
	font-family: "Helvetica", "Arial", arial, sans-serif;
	text-align: right;
	float: left;
}

#menubar ul li a
{
	display: block;
	color: #ffffff;
	padding: .188em .625em;
	background-color: #f37423;
	text-decoration: none;
}

#menubar ul li a:hover
{
	color: #ffffff;
	background-color: #8d8580;
}

#menubar ul li ul /*--- Drop Down Menu ---*/
{
	background:#c95900;
	background:rgba(201,89,0,0);
	list-style:none;
	position:absolute;
	display: none; /*left:-9999px*/;
	border: none;
}

#menubar ul li ul li
{
	float: none;
	border-left: none;
	border-top: solid .063em #ffffff;
	height: 2.313em;
	font-size: 100%;
	color: #ffffff;
	font-family: "Helvetica", "Arial", arial, sans-serif;
	text-align: left;
	background-color: #c95900;
	border-left: solid .063em #000000;
	border-right: solid .063em #000000;
}

#menubar ul li:hover ul li a
{
	white-space: nowrap; 
	background-color: #c95900;
	display: block;
}

#menubar ul li:hover ul
{
	display: block;
}

#menubar ul li:hover a
{
	background-color: #8d8580;
}

#menubar ul li:hover ul a
{
	text-decoration: none;
}

#menubar ul li:hover ul li a:hover
{
	background-color: #6a6562;
	display: block;
}
/* End Navigation Menu */

#container1
{
	width: 1000;
	height: 14.125em;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: .063em;
	border-left-width: 0;
	border-color: #000000;
}

#container2
{
	width: 26.313em;
	height: 14.125em;
	float: left;
	background-color: #ffffff;
	border-style: solid;
	border-top-width: 0;
	border-right-width: .063em;
	border-bottom-width: 0;
	border-left-width: 0;
	border-color: #000000;
}

#onlinebanking
{
	float: left;
	width: 26.313em;
	height: 12.313em;
	text-align: center;
	background-color: #c95900;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: .063em;
	border-left-width: 0;
	border-color: #000000;
}

#onlinebanking h1
{
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#onlinebanking p
{
	color: #ffffff;
	text-align: center;
	font-size: 100%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#onlinebanking a
{
	color:#ffffff;
}

#onlinebanking a:link
{
	text-decoration: underline;
}

#onlinebanking a:visited
{
	text-decoration: underline;
}

#onlinebanking a:hover
{
	text-decoration: none;
}

#onlinebanking a:active
{
	color: #cccccc;
	text-decoration: none;
}

#onlinebanking img
{
	vertical-align: middle;
}

#orderchecks
{
	float: left;
	width: 26.313em;
	height: 6.188em;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}

#orderchecks h1
{
	color: #000000;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#orderchecks img
{
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.313em;
}

#banner
{
	margin: 0;
	padding: 0;
	float: right;
	width: 45.813em;
	height: 14.125em;
	background-color: #ffffff;
}

#banner img a
{
	margin: 0;
	padding: 0;
}

#container3
{
	padding-top: 1.25em;
	width: 62.5em;
}

#alerts
{
	display: table-cell;
	vertical-align: top;
}

#alerts h1
{
	background-color: #ff0000;
	color: #ffffff;
	padding: .188em;
	width: 12.5em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.063em;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#alerts h2
{
	font-size: 105%;
	font-weight: bold;
	margin-top: .313em;
	color: #ff0000;
	text-align: center;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#alerts h3
{
	font-size: 100%;
	font-weight: bold;
	margin-top: .625em;
	color: #ff0000;
	padding-left: 1.313em;
	text-align: left;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#column1
{
	display: table-cell;
	vertical-align: top;
}

#column2
{
	display: table-cell;
	vertical-align: top;
}

#column3
{
	display: table-cell;
	width: 15.438em;
	vertical-align: top;
}

#alerts, #column1, #column2
{
	border-right: solid 3px #f37423;
	width: 15.438em;
}

#alerts p, #column1 p, #column2 p, #column3 p
{
	color: #000000;
	text-align: justify;
	padding: .313em 1.313em;
	font-size: 100%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#container4
{
	clear: both;
	float: left;
	display: table-row;
	width: 62.5em;
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}

#directory
{
	clear: both;
	margin-top: 1.25em;
	float: left;
	display: block;
	margin-left: .625em;
	background-color: #c6bfb8;
	width: 18.75em;
	height: 17.313em;
	border: solid .063em #000000;
}

#directory h1
{
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: .313em;
	font-size: 120%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#directory h2
{
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: .313em;
	font-size: 110%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#directory p
{
	color: #000000;
	text-align: center;
	font-size: 100%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#sitemap
{
	float: right;
	margin-top: 12px;
	width: 40.625em;
	height: 12.5em;
}

#sitemap h1
{
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: .313em;
	font-size: 120%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#sitemap table
{
	width: 100%;
}

#sitemap th
{
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding: .063em;
	font-weight: bold;
	font-size: 100%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#sitemap td
{
	color: #000000;
	padding-left: .313em;
	text-align: left;
	font-size: 100%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#sitemap a
{
	color: #000000;
	font-size: 100%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#sitemap a:link, #sitemap a:visited
{
	text-decoration: none;
}

#sitemap a:hover
{
	text-decoration: underline;
}

#sitemap a:active
{
	color: #444444;
	text-decoration: none;
}

#footerstripe
{
	clear: both;
	background-color: #c95900;
	height: .625em;
	width: 62.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-top-width: .063em;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-color: #000000; 
}

#footer
{
	background-color: #8d8680;
	height: 7.313em;
	width: 62.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-top-width: .063em;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-color: #000000; 
}

#footer p
{
	padding-left: .625em;
	padding-top: 1.875em;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#footer img
{
	position: relative;
	padding-right: 1.313em;
	padding-top: .313em;
	float: right;
}

#footer a
{
	color: #ffffff;
	text-align: left;
	font-size: 100%;
	font-family: "Helvetica", "Arial", arial, sans-serif;
}

#footer a:link, #footer a:visited
{
	text-decoration: none;
}

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

#footer a:active
{
	color: #bbbbbb;
	text-decoration: none;
}

@media print
{
	*
	{ 
		background: transparent !important;
		color: #000000 !important;
	}
	a:link, a:visited 
	{ 
		text-decoration: underline !important;
		color: #0000ff !important;
	}  
	img 
	{ 
		max-width: 100% !important; 
	}  
	#wrapper
	{
		border: 0 !important;
		width: 100% !important;
	}
	#container1, #container4
	{
		border: 0 !important;
		width: 100% !important;
	}
	#container2
	{
		border: solid .063em #000000 !important;
		float: left !important;
		width: 29% !important;
	}
	#banner
	{
		float: right !important;
		width: 70% !important;
	}
	#menubar li
	{
		display: none !important;
	}
	#alerts, #column1, #column2, #column3
	{
		width: 24% !important;
		border-right: solid .063em #000000 !important;
	}
	#directory
	{
		width: 25% !important;
		border: 0 !important;
	}
	#sitemap
	{
		width: 70% !important;
	}
	#footerstripe, #menubar
	{
		border: 0 !important;
	}
	#footer
	{
		width: 100% !important;
		border: solid .063em #000000 !important;
	}
}