/* CSS Document */

/* Reset all major tags to zero */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, table, td, tr, a {
	padding:0;
	margin:0;
}

ul, ol {
	margin-left:35px;
	padding-top:8px;
}

li { padding-top: 5px; }

body {
	background-image:url(../images/bg_goldencurls.jpg);
	background-repeat:repeat;
	text-align:center;
	margin: 20px 0;
	font-family:Arial, Helvetica, verdana, sans-serif;
	font-size:.8em;
	line-height:1.3em;
}

h1 {
	/* specify font size in % */
	padding: 0 0 .0em;
	margin-left:-3px;
}

h2 {
	/* specify font size in % */
	padding: 1.4em 0 .0em 0;
	margin-left:-3px;
}

h3 {
	padding: 1.4em 0 .0em 0;
}


h4 {
	font-family:Arial, Helvetica, verdana, sans-serif;
	font-size:110%;
	padding: 1.4em 0 .0em 0;
}


p {	padding: .7em 0 0 0; }

img {	border:0; }

a {	color: #000; }

a:hover {	color: #000; }

a:visited {	color: #666; }

table { padding-top: 10px; }

td {
	padding: .2em .6em; /* l/r was .6em */
	vertical-align:top;
}


#wrapper {
	position:relative;
	top:0;
	left:0;
	margin: 0 auto;
	width:960px;
	text-align:left;
}

#header {
	position:relative;
	width: 960px;
	height: 95px;
	background-image:url(../images/header_bg.gif);
	background-repeat:no-repeat;
}

#logo {
	position: absolute;
	top: 16px;
	left: 20px; /* 53 puts text in line with body content */
}

#main {
	position:relative;
	width: 960px;
	/* bg image and repeat are defined in page-specific css files */
}

#content {
	width: 425px;
	position:relative;
	top: 26px;
	left: 150px;
	padding: 0 0 50px 0;
	/*z-index:1100;*/
	/*margin-bottom: 20px;*/ /*margin doesn't work, as bg doesn't repeat in the margin */
}

#photos {
	position: absolute;
	top: 40px;
	right: 3px;
	/* widest pic is 475 + 2 * 2px of border */
	/*
	width: 479px; 
	height: 821px; */
	padding-bottom: 20px;
}

#photos img {
	border: 2px solid #FFF;
}

#flashcontent {
	position:absolute;
	top: 32px;
	left: 10px;
	width:135px;
}

#subnav {
	position:absolute;
	top:0px;
	/* top: -7px; */ /* neg top position breaks design in IE */
	margin-top:-3px;
	right: 15px; /* 53 puts right edge of nav text in line with right edge of logo text if shifted right */
}

.smaller_nav a, .smaller_nav a:visited {
	text-decoration:none;
}

.smaller_nav a:hover {
	text-decoration:underline;
}

.smaller_nav li {
	padding: 0 2px 0 2px;
	display:inline;
	list-style:none;
}

.smallmsg p{
	font-size:80%;
	color:#666666;
	padding: 5px 10px 5px 2px;
}

#footer {
	position:relative;
	width:960px;
	height: 20px;
	/* bg image and repeat are defined in page-specific css files */
}

#subfooter {
	position: relative;
	top:0px;
	/*top: -8px; */ /* neg top position breaks design in IE */
	margin-top:-5px;
	text-align:right;
	width:945px;
	color:#FFFFFF;
	font-size: 80%;
}

#subfooter a {
	color:#FFFFFF;
}

.table_right {
	text-align:right;
}
.total_cost {
	border-top: 1px solid #333333;
}

.narrow_text {
	width: 280px;
}

.medium_text {
	width: 340px;
}

.wide_text {
	width: 425px;
}

.extrawide_text {
	width: 550px;
}

.credits_right {
	display:inline;
	text-align: right;
	font-weight:bold;
}

.smallertext {
	font-size:70%;
	line-height:110%;
	padding-bottom:1em;
}

/* styles for css nav, appears only with Javascript disabled */

#cssnav {
	margin: 0 0 0 -5px;
	padding:0 0 0 0px;
	width:140px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:.9em;
	font-weight: normal;
	line-height: 1em;
	color: #000;
}
#cssnav ul {
	margin: 0;
	padding: 0;
	z-index: 10000;
}
#cssnav li {
	list-style: none;
	margin: 0;
	padding: 2px 10px 2px 5px;
}

#cssnav ul ul {
	padding: 4px 0 14px 0;
}
#cssnav a {
	/*display: block;*/
	text-decoration: none;
	padding: 0 0 0 5px;
	color: #000; /* appears to be needed for firefox, else showing as #999!? even w/ #000 set in #cssnav id! */
}
.nolink{
	color: #0b4599; /* 0b4599 dba blue */
	/*	background-color:#af82bd; */
	width:135px;
	font-size: 1.2em;
	font-weight:bold;
}

#cssnav a:hover, #cssnav a:active, #cssnav a:focus {
	font-weight:bold;
	letter-spacing: .01px;
}

#cssnav .active {
	font-weight:bold;
	color:#000; /* 27a166 dba green */
	background:url(../images/small_arrow_blue.gif) no-repeat left center;
	padding-left:10px;
}

#subnav .active {
	font-weight:bold;
	color:#000; /* 27a166 dba green */
	background:url(../images/small_arrow_blue.gif) no-repeat left center;
	padding-left:10px;
}

.external {
	background:url(../images/externalLink.gif) no-repeat left center;
	padding-right:10px;
}

.nobullet {
	list-style:none;
	margin-left: 10px;
	padding-bottom: 10px;
}

.h2h3 {
	padding: .2em 0 0 0;
}