/* GENERAL STYLES */
@charset "utf-8";
/*====================== Style Sheet RABO BANK PLUS ======================*/
/* Colors Used------------ 
Green   #66CC00
Blue	#0099ff
Grey	#333
green	#9dc106
--------------------------*/
* {
    margin:0;
    padding:0;
}
body, input { font-family: "trebuchet ms", helvetica, arial, sans-serif; }

body {
	line-height: 130%;
	font-size: 12px;
	background-color: #000;
	color: #fff;
}

/*---- Browser Default Codes ----*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	}
fieldset, img { 
	border: 0;
	}
ol, ul {
	list-style: none;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	/*font-weight: normal;*/
	font-style: normal;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	font-family: “Trebuchet MS”, sans-serif;
	}

abbr, acronym { 
	border: 0;
	}

fieldset{
    margin: 0;
    padding: 0;
}
.clear {
	clear: both;
}
a {
	color: #fff;
}
a:hover {
	color: #FFCC00;
}
/* WEB STYLES */

/* HEADER Styles */

#headerWrap {
	height: 97px;
	background: url(../images/headerBg.jpg) repeat-x #99FF00;

}
.splatterR {
	position: absolute;
	right: 0px;
	top: 63px;
	z-index: 100;
}
.splatterL {
	position: absolute;
	left: 0px;
}
#header {
	margin: 0 auto;
	width: 1022px;
	height: 97px;
}
#logoWrap {
	float: left;
	width: 269px;
	height: 97px;
	position: relative;
}
#logo {
	position: absolute;
	top: -100px;
	left: 11px;
}
#menu {
	float: left;
	width: 753px;
	height: 97px;
}

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; padding: 50px 10px 10px 10px; position: relative; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; background: url(../images/menu-circle.gif) left no-repeat;
	padding-left: 10px;
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0px;
	position: relative; z-index: 2000;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #ffffff; position: relative; }
ul.dropdown li.hover a              { color: #ffffff; position: relative; }
ul.dropdown li a:hover              { color: #FFCC00; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 157px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 1000; background: url(../images/menu-bg.jpg) repeat-x 0 41px; }
ul.dropdown ul li 					{ font-weight: normal; padding: 0; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 119px; display: inline-block; background: url(../images/dot-bg.png) left no-repeat; padding: 6px 0 6px 23px; margin: 0 8px 0 7px; border-bottom: 1px dashed #ECCE07; font-size: 11px; } 
ul.dropdown ul li a:hover           { color: #0066A3; }

.menuOver {
	background: url(../images/menu-arrow.gif) no-repeat center top;

}

/* 

/*
#menu ul li {
	display: inline;
}
#menu li {
	padding: 50px 10px 10px 10px;
	display: block;
	float: left;

}
.menuOver {
	background: url(../images/menu-arrow.gif) no-repeat center top;

}
#menu a {
	background: url(../images/menu-circle.gif) left no-repeat;
	padding-left: 10px;
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0px;

}
#menu a:hover {
	color: #FFCC00;
}
*/

/* BODY Styles */
#bodyM, #bodyPG {
	margin: 0 auto;
	width: 1022px;
	min-height: 400px;
	background: url(../images/transBg.png);
}


#bodyWrap {
	background: url(../images/mainBg.jpg) repeat-x #151d21;
}
#bodywrap2 {
	background: url(../images/mountainBg.jpg) center top no-repeat;
}
/* LEFT COLUMN Style */
#leftColumn {
	width: 269px;
	float: left;
	padding-top: 160px;
	position: relative;
	padding-bottom:50px;
}
.Lcolumn {
	margin-bottom: 10px;
	background: url(../images/tyreMark.gif);
	border-bottom: 1px dotted #151d20;
	padding-bottom: 10px
}
.Lcolumn h2 {
	background: url(../images/headingArrow.gif) no-repeat left center;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 15px;
	width: 142px;

}
.Lcolumn h3 {
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 14px;
	padding: 0px 20px 0px 0px;
	float: right;
}
.Lcolumn a {
	color: #fff;
	text-decoration: none;
}
.Lcolumn a:hover {
	color: #FFCC00;
}
.Lcolumn p {
	margin: 10px 15px 10px 15px;
}
.Lcolumn2 {
	margin-bottom: 20px;
	border-bottom: 1px dotted #151d20;
	padding-bottom: 10px
}
.Lcolumn2 h2 {
	background: url(../images/headingArrow.gif) no-repeat left center;
	padding: 5px 0px 6px 10px;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 15px;
}
.Lcolumn2 input {
	background: url(../images/inputBg.gif) no-repeat;
	border: 0px;
	padding: 5px 8px 5px 8px;
	font-size: 11px;
	color: #fff;
}
.Lcolumn2 p {
	margin: 10px 15px 10px 15px;
}
.Lcolumn3 {
	margin-bottom: 30px;
	background: url(../images/tyreMark-1.jpg) no-repeat 0 35px;
	border-bottom: 1px dotted #151d20;
	padding-bottom: 10px
}
.Lcolumn3 h2 {
	background: url(../images/headingArrow.gif) no-repeat left center;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 15px;
	width: 142px;

}
.Lcolumn3 h3 {
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 14px;
	padding: 0px 20px 0px 0px;
	float: right;
}
.Lcolumn3 a {
	color: #fff;
	text-decoration: none;
}
.Lcolumn3 a:hover {
	color: #FFCC00;
}
.taf {
	margin-left: 20px;
	padding: 0;
	width: 248px;
	height: 64px;
	border: 0px;
}
.tafInput {
	height: 30px;
}

/* RIGHT COLUMN Style */
#rightColumn {
	width: 753px;
	padding: 0px 0px 60px 0px;
	float: left;
}

/* HOME PAGE STYLES */
.ContentHome {
	width: 410px;
	height: 438px;
	padding: 30px 25px 0px 30px;
	float: left;
	background: url(../images/white-trans.png) repeat-x;
}
#homeInner{
	height: 410px;	
}
.ContentHome h1 {
	color: #a6bdc8;
	background: url(../images/menu-arrow.gif) left 3px no-repeat;
	padding: 0px 0px 10px 25px;
	height: 43px;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 1em;
}
.ContentHome h2 {
	color: #0066a3;
	padding: 5px 0px 0px 0px;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -2px;
}
.ContentHome h3 {
	color: #0066a3;
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
}
.ContentHome p {
	margin: 10px 0px 10px 0px;
	color: #000;
}

.ContentHome ul {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	list-style: disc;
	color: #000000;
}
.ContentHome ul li{
	margin: 0 0 0 0;	
}
.ContentHome ul li ul {
	list-style: circle;
}
.ContentHome a{
	color: #000000;	
}
.ContentHome a:hover{
	color: #FFCC00;	
}
.ImageHome {
	float: left;
	width: 288px;
}
.BlackCopy {
	color: #000;
	margin: 10px 0px 10px 0px;
}
.WhiteCopy a {
	color: #000;
}
/* MAP TRAIL STYLES */
.ContentMap {
	width: 200px;
	height: 527px;
	padding: 30px 40px 0px 25px;
	float: left;
	background: url(../images/white-trans.png);
}
.ContentMap h1 {
	color: #a6bdc8;
	background: url(../images/menu-arrow.gif) left bottom no-repeat;
	padding: 20px 0px 20px 25px;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: -2px;
}
.ContentMap p {
	margin: 10px 0px 10px 0px;
}
.ImageMap {
	float: left;
	width: 380px;
}

/* GALLERY STYLE */
.ContentGallery {
	width: 670px;
	height: 630px;
	padding: 30px 40px 0px 30px;
	float: left;
}
.ContentGallery h1 {
	color: #a6bdc8;
	background: url(../images/menu-arrow.gif) left bottom no-repeat;
	padding: 20px 0px 20px 25px;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: -2px;
}

/* COST STYLE */
.costTable{
	color: #000000;
	margin: 10px 0;
	float: left;
}

.costTitle{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0;
}

/* NORMAL STYLE */
.normalTable{
	color: #000000;
	margin: 10px 0;
}

/* FOOTER Styles */
#footerWrap {
	background: url(../images/footerBg.jpg) repeat-x;
	min-height: 300px;
}
.footer {
	margin: 0 auto;
	position: relative;
	width: 1022px;
}
.flashHolder {
	position: absolute;
	top: -96px;
}