/*	Bank Directors Desktop Styles & blueprint.css overrides 
	Created: 6/19/2009
	Author: Ryan Keairns
*/	

/* ********** RESETS ********** */

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; background: #000 url(../images/desktop.jpg) no-repeat center top; margin-left: -2px; }
p { padding: 0px 0px 10px 0px; margin: 0px; }
h1, h2, h3, h4, h5, h6 { color: #9c4e00; font-family: Georgia, serif; }
ul { list-style: none; margin: 0; padding: 0px; }
ol { list-style: lower-alpha; margin: 0; padding: 0px; }
li { padding: 0px; margin: 0px; }
ol li { margin-left: 25px; }
table { margin: 0px; padding: 0px; width: 100%; }
tr { }
td { text-align: left; vertical-align: top; margin: 0px; }
th { text-align: center; vertical-align: top; margin: 0px; font-weight: bold; }
img { border: none; }
.right { text-align: right; }
.left { text-align: left; }
.bold { font-weight: bold; }
.middle { vertical-align: middle; }
a img { border: none; }
a:link, a:visited { color: #666; text-decoration: none;  }
a:hover, a:active { color: #5f2d14; text-decoration: none; border-bottom: 1px #666 solid; }


/* ********** PAGE STRUCTURE ********** */

div.container 	{ background: #d8d4d3 url(../images/bddtile.jpg) repeat-y; }

/* HEADER - LOGO and SEARCH */
/* Logo uses Dave Shea Revised Image Replacement - http://www.mezzoblue.com/tests/revised-image-replacement/ */
div#header 		{ background: url(../images/bddtop.jpg) no-repeat; height: 280px; margin: 0; }
div#header span#logo { float: left; position: relative; margin-top: 98px; width: 430px; height: 182px; }
div#header span#logo span { background: url(../images/bddlogo.jpg) no-repeat; position: absolute; width: 430px; height: 182px; cursor: pointer; }
div#header #search { margin-top: 100px; }
div#header #search input.text { width: 250px; }

/* NAV */
/* nav buttons use CSS sprite - reference http://css-tricks.com/css-sprites/ */
#homeNav ul li { width: 263px; height: 100px; position: relative; padding: 8px 0; border-bottom: 2px #CDC7C7 solid; }
#homeNav ul li.noborder { border: none;	}
#homeNav ul li a { border: none; width: 100%; height: 100%; display: block; background-image: url(../images/bddnav_sprite.jpg); }	
#homeNav ul li.training a 			{ background-position: 0px 0px; }
#homeNav ul li.training.imageon a 	{ background-position: 0px -100px; }
#homeNav ul li.basics a 			{ background-position: 0px -200px; }
#homeNav ul li.basics.imageon a 	{ background-position: 0px -300px; }
#homeNav ul li.resources a 			{ background-position: 0px -400px; }
#homeNav ul li.resources.imageon a 	{ background-position: 0px -500px; }

/* BOOK PAGE */
/* book buttons use CSS sprite - reference http://css-tricks.com/css-sprites/ */
div#book { margin: auto; width: 331px; height: 400px; float: left; }
div#bookButtons { width: 290px; float: left; }
div#bookButtons ul li { width: 290px; height: 104px; position: relative; }
div#bookButtons ul li a 					{ border: none; width: 100%; height: 100%; display: block; background-image: url(../images/bddbook_sprite.jpg); }	
div#bookButtons ul li.download a 			{ background-position: 0px 0px; }
div#bookButtons ul li.download.imageon a 	{ background-position: 0px -104px; }
div#bookButtons ul li.order a 				{ background-position: 0px -208px; }
div#bookButtons ul li.order.imageon a 		{ background-position: 0px -312px; }
div#bookDesc { float: left; width: 270px; margin: 10px; }
div#bookDesc p { font-size: 85%; color: #666; }

/* FOOTER */
#footer 							{ float: left; width: 960px; height: 40px; background: url(../images/bddbottom.jpg) no-repeat bottom left; }
#footer a:link, #footer a:visited	{ border-bottom: 1px solid #544D4C; text-decoration: none; color: #544D4C; }
#footer a:hover, #footer a:active	{ border-bottom: 1px solid #6C3930; color: #6C3930; }
#reference, #contact				{ float: left; width: 180px; padding: 12px 0 0; font-size: 100%; color: #544D4C; }
#reference ul						{ float: left; width: 400px; margin: 0; padding-left: 40px; }
#reference ul.right					{ float: right; width: 230px; }
#reference ul li 					{ display: inline; }
#reference ul li.divider			{ border-right: 1px solid #6C3930; padding-right: 11px; margin-right: 7px; }
#contact 							{ float: right; text-align: center; }
#contact ul							{ float: left; width: 180px; margin: 0; padding: 0; }
#contact ul li						{ display: inline; }
#contact ul li a					{ color: #544D4C; }