@charset "utf-8";

/* CSS Document */



/* ===== CSS Reset =====

======================== */

/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4/*, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td*/ {

	margin: 0;

	padding: 0;/*

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;*/

}

body {

	line-height: 1;

}

/*ol, ul {

	list-style: none;

}*/

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* ===== /CSS Reset end ===== */

/* ===== Sticky footer ===== */

html, body, #outer_wrapper {height: 100%;}



body > #outer_wrapper {height: auto; min-height: 100%;}



#page_wrapper {padding-bottom: 140px;}  /* must be same height as the footer */



#footer {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	position: relative;

	margin-top: -140px; /* negative value of footer height */

	height: 140px;

	clear:both;

	width: 931px;

	margin-left: 20px;

	padding-left: 18px;

} 

/* CLEAR FIX*/

.clearfix:after {content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* ===== /Sticky footer ===== */



.block {display:block;}

.clearboth {clear:both}

body {

	background-color: #FFF;

	background-image: url(../images/body-bg-layer1-clouds.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

#outer_wrapper {

	width: 100%;

	background-image: url(../images/body-bg-layer2b-clouds.jpg);/*

	background-image: url(../images/body-bg-layer2c-wheat.jpg);*/

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 21px;

	margin: 0px;

	padding: 0px;

}

#page_wrapper {

	width: 949px;

	margin-left: 20px;

	margin-right: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

}

.blue_3F84A4 {

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #3F84A4;

	border-left-color: #3F84A4;

}

#vtop_menu {

	list-style:none;

	margin:0;

	padding:0;

	height: 27px;

	width: 947px;

	background-image: url(../images/header1.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-bottom-color: #3F84A4;

	border-left-color: #3F84A4;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	line-height:25px;

	color: #000;

	border-right-width: 1px;

	border-bottom-style: solid;

	border-right-color: #3F84A4;

}

#vtop_menu li{

	margin:0;

	padding:0;

	text-align:center;

	float:left;

	height:27px;

}

#vtop_menu li.home {

	width: 90px;

	padding-left:247px;

}

/*#vtop_menu li.home a {

	background:url(../images/vtop-menu.gif) no-repeat 0 0;

}*/



/*#vtop_menu li.home a:hover {

	background:url(../images/vtop-menu.gif) no-repeat 0 -26px;

}*/

#vtop_menu li.about {

	width:133px;

}

/*#vtop_menu li.about a {

	background:url(../images/vtop-menu.gif) no-repeat -88px 0;

}

#vtop_menu li.about a:hover {

	background:url(../images/vtop-menu.gif) no-repeat -88px -26px;

}*/

#vtop_menu li.branches {

	width:115px;

}

/* #vtop_menu li.branches a {

	background:url(../images/vtop-menu.gif) no-repeat -206px 0;

}

#vtop_menu li.branches a:hover {

	background:url(../images/vtop-menu.gif) no-repeat -206px -26px;

}*/

#vtop_menu li.atms {

	width:85px;

}

/*#vtop_menu li.atms a {

	background:url(../images/vtop-menu.gif) no-repeat -306px 0;

}

#vtop_menu li.atms a:hover {

	background:url(../images/vtop-menu.gif) no-repeat -306px -26px;

}*/

#vtop_menu li.contactus {

	width:124px;

}

/*#vtop_menu li.contactus a {

	background:url(../images/vtop-menu.gif) no-repeat -385px 0;

}

#vtop_menu li.contactus a:hover {

	background:url(../images/vtop-menu.gif) no-repeat -385px -26px;

}*/

#vtop_menu li.netteller {

	width:152px;

} 



/* #vtop_menu li.netteller a:hover {

	background:url(../images/vtop-menu.gif) no-repeat -494px -26px;

}*/

#vtop_menu li a {

	background-image: url(../images/top-bar-devider.jpg);

	background-repeat: no-repeat;

	background-position: right 0;

	/*padding:0 31px;*/

	width: 100%; 

	display: block;

	color: #000;

	text-decoration: none;

	height: 100%;

}

#vtop_menu li.netteller a {

	background:none;

}

#vtop_menu li a:hover {

	color:#FC0;

}



#logo {

	font-family: Arial, Helvetica, sans-serif;

	color: #000;

	height: 67px;

	width: 236px;

	position: absolute;

	background-image: url(../images/logo.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	text-indent: -9999px;

	left: 21px;

	top: 29px;

}

#logotarget { cursor:pointer; cursor:hand;}

#header-shadow {

	position: absolute;

	left: 21px;

	top: 97px;

}

#main_content {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding-top: 28px;

	padding-right: 15px;

	padding-bottom: 20px;

	padding-left: 18px;

	background-image: url(../images/main_background_borders.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	width:914px;

	margin-left:1px;/*

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #C9EAF6;

	border-left-color: #C9EAF6;*/

}

#home #main_content {

	margin-top:0px;

}

#main_content h2 {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 24px;

	font-weight: normal;

	color: #FFF;

	background-color: #9F5A53;

	margin-bottom: 13px;

	padding: 5px;

	margin-right: 20px;

}

#main_content #column2 {

	width: 260px;

	float: right;

	background-image: url(../images/quicklinks-bg.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	margin-right: 10px;

}

#main_content #column1.col1sub {

	margin-left:15px;

	width: 420px;

	float: left;

}

#main_content #column1.col1subnnolinks {

	margin-left:15px;

	width: 875px;

	float: left;

}

#main_content #column1.col1subnq {

	margin-left:15px;

	width: 700px;

	float: left;

}



#main_content #column1 {

	width: 600px;

	float: left;

}

h3 {

	color: #A00101;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 18px;

	font-weight: normal;

	margin-bottom: 10px;

}

p {

	margin-top: 10px;

	padding-right: 5px;

	margin-bottom: 10px;

	padding-left: 0px;

	line-height: 16px;

}



h4 {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #8599A5;

	border-bottom-width: 0px;

	border-bottom-style: none;

	padding-bottom: 5px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #999;

	border-left-color: #999;

	padding-left: 5px;

	padding-right: 5px;

}

#column2 ul {

	list-style:none;

	margin:0;

	padding:0;

	padding-top: 15px;

	width:258px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #999;

	border-left-color: #999;

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #CCC;

	padding-bottom: 15px;

}

#column2 ul li {

	margin-top:0;

	margin-bottom:0;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #F90;

	margin-left: 5px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	margin-right: 5px;

}

#column2 ul li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #667;

}

#column2 ul li a:hover {

	color:#C00;

}



#footer ul.iconlist {margin:0; padding:0;}

#footer ul.iconlist li {

	display: inline;

	margin-right: 20px;

}

ul.privicylist {text-align:center; margin-top:40px; margin-left:0; margin-right:0; margin-bottom:0; padding:0}

ul.privicylist li {

	display:inline;

	padding-right:10px;

	padding-left:10px;

}

.borderright {

		border-right:solid 1px #CCC;

}

#headerimage {

	padding:0;

	list-style:none;

	/*border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #9AD2E9;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #E1F2F9;*/

	margin-top:-1px;

	margin-left:1px;
	border-bottom: 2px solid #a92507;

}

/* ============================= TEST ========================================== */

#s3slider {

	width: 947px; /* important to be same as image width */

	height: 351px; /* important to be same as image height */

	position: relative; /* important */

	overflow: hidden; /* important */

	

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #C9EAF6;

	border-left-color: #C9EAF6;

}



#s3sliderContent {

	width: 947px; /* important to be same as image width or wider */

	position: absolute; /* important */

	top: 0; /* important */

	margin-left: 0; /* important */

}



.s3sliderImage {

   float: left; /* important */

   position: relative; /* important */

   display: none; /* important */

}



.s3sliderImage span {

	position: absolute; /* important */

	left: 0;

	padding: 10px 13px;

	width: 947px;

	background-color: #000;

	filter: alpha(opacity=70); /* here you can set the opacity of box with text */

	-moz-opacity: 0.7; /* here you can set the opacity of box with text */

	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */

	opacity: 0.7; /* here you can set the opacity of box with text */

	color: #fff;

	display: none; /* important */

	top: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 18px;

	font-weight: bold;

   /*

       if you put

       top: 0; -> the box with text will be shown at the top of the image

       if you put

       bottom: 0; -> the box with text will be shown at the bottom of the image

   */

}



.clear {

   clear: both;

} 

/* ============================= TEST ========================================== */

.temp-search {

	position: absolute;

	top: 59px;

	left: 778px;

	height: 31px;

	width: 179px;

}

.temp-search #searchme {

	color: #999;

	width: 135px;

	border: 1px solid #999;

	float: left;

	margin-top: 5px;

	font-size: 12px;

	padding: 2px;

	height: 18px;

}

.temp-search #gobutton {

	float: right;
	position:absolute;

}