/*Colors:
Orange: #E34006 
Yellow: #FFEB7F
*/

body {font:75%/1.3 verdana,geneva,lucida,arial,sans-serif; padding:0; margin:0;}

#wrapper {width:1000px; margin:0 auto; position:relative; overflow:hidden; background:url(../images/bg.gif) repeat-y;}
#content {float:left; width:580px; padding:15px 45px 45px;}
	#content .first {margin-top:0;}
	#content :first-child, .imgfloat img:first-child+* {margin-top:0;}
	#content :last-child, #content .last {margin-bottom:0;}
#home #content {padding:45px;}

.imgfloat {overflow:hidden; margin-top:2em;}
* html .imgfloat {padding-bottom:1em;}
.left {float:left; margin-right:1em;}
.right {float:right; margin-left:1em;}
.clear {clear:both;}
.center {text-align:center;}
.vmiddle {vertical-align:middle;}
.paypal {margin:1em 0; overflow:hidden;}
	.paypal div {float:left;}
	.paypal p {margin:0;}
.large {color:#E34006; font-size:125%; margin: .5em 0; padding-left:2em;}
.frpagelinks {text-align:center; border:1px solid #E34006; padding:1em 0;}
	.frpagelinks ul {margin:1em 0; padding:0; list-style:none; font-size:125%;}
		.frpagelinks li {display:inline; padding:0 1em; border-right:1px solid black;}
		.frpagelinks .last {border:none;}
.border {border:2px solid black;}
.footnote {font-size:75%; font-style:italic;}

h2, h3, h4, h5 {color:#E34006; margin:.5em 0 .25em;}
h2 a, h3 a, h4 a, h5 a {color:#E34006;}
h2 {font-size:200%; margin-top:1em;}
h3 {font-size:150%;}
h4 {font-size:125%; font-weight:normal;}

p {margin:1em 0;}
blockquote {margin:0;}
cite {display:block; text-align:right;}
object, embed {display:block; margin:1em 0;}
.youtube {display:block; margin:0 auto;}
ins, del {font-weight:bold;}
	del {color:#E34006;}
img, input {border:0;}


/*Headers*/
h1 {margin:0; padding:0; position:relative; overflow:hidden; width:670px; height:125px;}
h1 span, #nav span {width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; cursor:pointer;}

/*IE6 makes extra space between #nav and h1, no idea why. Reduce the width to compensate*/
* html h1 span {left:-3px;}

#home h1 {width:835px;}
	#home h1 span {background-image:url(../images/ushaibanner.gif);}

#about h1 span {background-image:url(../images/headers/about.gif);}
.books h1 span {background-image:url(../images/headers/books.gif);}
	#frbook h1 span {background-image:url(../images/headers/frbook.gif);}
	#invbook h1 span {background-image:url(../images/headers/invbook.gif);}
	#recbook h1 span {background-image:url(../images/headers/recbook.gif);}
#calendar h1 span {background-image:url(../images/headers/calendar.gif);}
#encounters h1 span {background-image:url(../images/headers/encounters.gif);}
#trips h1 span {background-image:url(../images/headers/trips.gif);}
#contact h1 span {background-image:url(../images/headers/contact.gif);}

/*Nav styles*/

/*Nav list*/
#nav, #nav ul {margin:0; padding:0; list-style:none;}
#nav {width:150px; padding-left:10px; float:left; clear:both; border-right:5px solid black;}
	/*Global nav items*/
	#nav li {height:25px; padding:5px 10px 5px 0; position:relative; border-bottom:1px solid #FFEB7F;}
	#nav .last {border:none;}
	#nav a {display:block; width:100%; height:100%; overflow:hidden;}
	#nav span {top:5px; height:25px; background-color:#E34006;}
		/*Submenus*/
		#nav ul {position:absolute; left:150px; top:-9999em; background:#E34006;}
			#nav ul li {white-space:nowrap; height:auto; padding:5px;}
			#nav ul a {color:#FFEB7F; text-decoration:none;}
			#nav ul a:hover {color:white;}
		#nav li:hover ul, #nav li.sfhover ul {top:0;}

/*Hover/current page effects*/
#nav li:hover span,
#nav li.sfhover span,
#about #nvab span,
.books #nvbk span,
#calendar #nvcal span,
#encounters #nvenc span,
#trips #nvtrips span,
#contact #nvcontact span
{background-position:0 -125px;}

/*Image replacement*/
li#nvhome {padding:0; height:125px; margin-left:-10px; border:none;}
	#nvhome span, #nav #nvhome:hover span, #nav #nvhome.sfhover span {top:0; height:100%; background:url(../images/ushaioval.gif) top left no-repeat;}
#nvab span {background-image:url(../images/nav/about.gif);}
#nvbk span {background-image:url(../images/nav/books.gif);}
#nvcal span {background-image:url(../images/nav/calendar.gif);}
#nvenc span {background-image:url(../images/nav/encounters.gif);}
#nvtrips span {background-image:url(../images/nav/trips.gif);}
#nvcontact span {background-image:url(../images/nav/contact.gif);}
li#cartbutton {border:none; padding:0 0 5px; height:auto;}