/* ---------------------- layout ----------------------------- */

* { margin: 0; padding: 0; }
img { border: 0; }

body {
	text-align: center; /* for ie5.x/Win centering */ 
	background: #fff url('../images/topbar-bl.png') top center repeat-x;
	color: #222;
}

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

#masthead {
	position: relative;
	height: 200px;
	margin-bottom: 10px;
	padding-top: 35px;
}

#content {
	float: left;
	width: 508px;
	padding: 0 12px 0 0;
	position: relative;
	overflow: hidden;
}

#sidebar	{
	float: right;
	width: 206px;
	padding: 0 12px 12px 12px;
	position: relative;
	background: #EEE;
}

#gallery {
	clear: both;
	width: 714px;
	padding: 12px;
	position: relative;
}

#pageimage {
	clear: right;
	float: right;
	width: 230px;
	margin-top: 20px;
	position: relative;
}

/* ------------------------------- home page only ---------------------------- */

body.home { background: #fff url('../images/wholebar-bl.png') top center repeat-x; }

.home #masthead {
	height: 100px;
}

#whitebox { 
	position: relative;
	display: block;
	top: -0px;
	background: #fff;
}
#whitebox:before {
	display: block;
	line-height: 0;
	background: #59A url('../images/whitebox-tr.png') top right no-repeat;
	content: url('../images/whitebox-tl.png');
}
#whitebox:after {
	display: block;
	line-height: 0;
	background: #59A url('../images/whitebox-br.png') bottom right no-repeat;
	content: url('../images/whitebox-bl.png');
}
#whitebox #content {
	padding-left: 20px;
}
#whitebox #sidebar {
	background: none;
	width: 180px;
}

#whitebox #sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#whitebox #sidebar li {
	position: relative;
	float: left;
	width: 180px;
	height: 90px;
	margin: 0 auto;
	padding:0;
	overflow: hidden;
}

#whitebox #sidebar li a {
	display: block;
	position: absolute;
	top:0; left:0;
	width: 400px;
	height: 90px;
}

#whitebox #sidebar li#n1 a { background-image: url('../images/learn.png'); }
#whitebox #sidebar li#n2 a { background-image: url('../images/sing.png'); }
#whitebox #sidebar li#n3 a { background-image: url('../images/hear.png'); }
#whitebox #sidebar li#n4 a { background-image: url('../images/help.png'); }

#whitebox #sidebar li a {
	left: -200px;
}

#whitebox #sidebar li a:hover {
	left: 0;
}

.imagebar
{
	text-align: center;
}

.imagebar img
{
	margin: 10px;
	border-color: #59A;
	border-width: thin;
	border-style: dotted;
}

/* ---------------------- masthead ----------------------------- */
#masthead h1
{
	position: relative;
	top: 10px;
	/*    width: 195px; */
	height: 87px;
	margin: 0 0 0 0;
/*	overflow: hidden; */
	text-indent: 220px;
	background: transparent url('../images/nyca_logo.png') no-repeat 0 0;
	color: white;
	line-height: 3em;
	letter-spacing: .15em;
	font-size: 2em;
}

#masthead h1 a {
	display: block;
	position: absolute;
	top:0; left:-11px;
	height: 87px;
	color: white;
	text-decoration: none;
}

#masthead ul {
	position: absolute;
	bottom: 0px;
	left: 60px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#masthead li {
	position: relative;
	float: left;
	width: 160px;
	height: 75px;
	margin: 0 auto;
	padding:0;
	overflow: hidden;
/*	text-indent: -5000px; */
}

#masthead li a {
	display: block;
	position: absolute;
	top:0; left:0;
	width: 480px;
	height: 75px;
}

#masthead li a {
	left: -320px;
}

#masthead li a:hover {
	left: -160px;
}

#masthead li#n1 a { background-image: url('../images/nav_learn.png'); }
#masthead li#n2 a { background-image: url('../images/nav_sing.png'); }
#masthead li#n3 a { background-image: url('../images/nav_hear.png'); }
#masthead li#n4 a { background-image: url('../images/nav_help.png'); }

.learn #masthead li#n1 a,
.sing #masthead li#n2 a,
.hear #masthead li#n3 a,
.help #masthead li#n4 a
{
	left: 0;
}

#toplinks {
	position: absolute;
	top: 10px;
	right: 0px;
	margin: 0;
	padding: 0;
	z-index: 100;
	background: transparent;
	color: #999;
}

#toplinks a { color: #59A; }
#toplinks a:hover { color: #FF8 }

/* content */

#content p {
	margin: 0 0 1.5em 0;
	font-size: 1.1em;
}

#content p.intro {
	font-size: 1.15em;
	color: #333;
	line-height: 1.5em;
}

#content ol, #content ul {
	margin-left: 2em;
	margin-bottom: 1.5em;
}

#content ol li, #content ul li {
	margin: .5em 0;
}

#content td ul li {
	margin: 0;
}

#content table {
	width: 100%;
}

#sidebar a {
	padding: 2px;
}

#sidebar dt {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 5px;
}

#sidebar dd {
	padding-left: 0.5em;
}

#gallery table {
	width: 100%;
}

#gallery td {
	padding: 8px;
	vertical-align: top;
}

#perffootnote
{
	font-size: x-small;
	text-align: center;
}

#content .faqanswer {
	margin-top: 3em;
}

#content .faqanswer p {
	margin-top: 2em;
}

.tracklist li {
	margin: .1em .5em;
}

.tracklist li em {
	white-space: nowrap;
}

hr {
	margin: 2em;
}

h2 {
	color: #59A;
	height: 29px;
	text-transform: uppercase;
	margin:.75em 0 .75em 0;
}

h3 {
	color: #59A;
	margin: .75em 0 .5em 0;
	font-weight: normal;
	font-size: 1.25em;
}


/* ---------------------- footer ----------------------------- */
#footer	{
	font-size: .92em;
	clear: both;
	text-align: center;
	color: #AAA;
	margin-top: 30px;
}
/*
#foot ul	{
	margin: 0;
	padding: 0;
}

#foot ul li	{
	list-style: none;
	display: inline;
	color: #999;
}

#foot ul li.copyright {
	display: block;
	float: right;
	width: 231px;
	text-align: right;
} */

/* ---------------------- misc ----------------------------- */

.clearfix:after, .product:after, .summary:after, .dept:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix, .product, .summary, .dept {display: inline;}

/* Hides from IE-mac \*/
* html .clearfix, * html .product, * html .summary, * html .dept {height: 1%;}
.clearfix, .product, .summary, .dept {display: block;}
/* End hide from IE-mac */


.floatclear {
	clear: both;
	line-height: 0px;
	font-size: 0;
	width:100%;
	height:2px;
	margin:0;
	padding:0;
}

.float-r { float: right; }
.float-l { float: left; }

.hide {
	position: absolute;
	left: -999px;
	width: 990px;
}

.highlight, .error {
	color: red;
}

.portrait
{
	border: silver medium ridge;
/*	border: #59A thin dotted; */
	margin: 0px 15px 15px 15px;
	float: right;
}

.status {
	color: green;
	font-weight: bold;
	display: none;
}

.interthread {
	border-top: #59A thin solid;
	border-bottom: #59A thin solid;
	margin: 20px;
}

.quotebook li {
	margin-bottom: 5pt;
}

#newmsg {
	border: #59A thin solid;
	margin-top: 40px;
}

/* ---------------------- rounded images ----------------------------- */
.roundimgwrapper {
	position: relative;
}
.roundimgwrapper span {
	position: absolute;
	z-index: 2;
	height: 12px;
	width: 12px;
}
.curve1 {
	background: transparent url('../images/topright.png') top right no-repeat;
	top: 0; right: 0;
}
.curve2 {
	background: transparent  url('../images/topleft.png') top left no-repeat;
	top: 0; left: 0;
}
.curve3 {
	background: transparent url('../images/bottomright.png') bottom right no-repeat;
	bottom: 0; right: 0;
}
.curve4 {
	background: transparent url('../images/bottomleft.png') bottom left no-repeat;
	bottom: 0; left: 0;
}

/* basic styles */

html { font-size: 100%; /* IE trick to allow proper resizing of text */ }

body {
	font: 0.75em/1.5em Eurostile, "Helvetica Neue", "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif; /* 1em is now 12px at 96ppi. */
	}

/* default heading sizes */	
h1		{ font-size: 2em;    }
h2		{ font-size: 1.25em; }
h3 		{ font-size: 1.25em;  }
h4		{ font-size: 1.1em;  }
h5,h6	{ font-size: .84em;  }

table, form, select, input, textarea { 
	font-family: Eurostile, "Helvetica Neue", "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 100%; /* ie hack so these elements correctly inherit the default text size */ 
	}

th {
	text-align: left;
}

/* default link formatting */			
a
{
	color: #59A;
	text-decoration: none;
	white-space: nowrap;
}

a:hover
{
	color: #008;
	text-decoration: underline;
}

.this
{
	border: #008 thin solid;
/*	background: #CCF; */
}