/*margin and padding on body element
can introduce errors in determining
element position and are not recommended;
we turn them off as a foundation for YUI
CSS treatments. */
body {
	margin:0;
	padding:0;
	font-family: arial,helvetica,sans-serif;
	color:#A9A9A9;
	font-size:12px;
}

a {
	color:#A9A9A9;
}

IMG {
    border:0px;
}

#mainContainer {
	margin-top: 42px;
	padding: 0px;
	width:800px; 
	min-height: 500px;
	left:50%;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #C4C4C4;
}

/*--------------------*/

#mainHeader {
        border:0px dashed red;
        margin: 10px 20px 0px 20px;
        position:relative;
        height:58px; /* this is bad design, but needs to be the height of the logo */
}

#logoBlock {
        border:0px dashed black;
        width:220px;
}

#signUpForm {
        border:0px dashed red;
        text-align: right;
	height:100%;
	width:100%;
	margin: 0 auto -24px;
	float:right;
}

a.signUpFormLinks {
        font-family: arial,helvetica,sans-serif;
        color: #A9A9A9;
        font-size: 12px;
        text-align: right;
}

#navBar {
        border:0px dashed blue;
        color: #A9A9A9;
        /*font-size: 12px;*/
        /*margin-top:24px;*/
        /*text-align: right;*/
	height:14px;
	float:right;
}

a.navBarLinks {
        color: #A9A9A9;
        font-size: 12px;
	text-decoration:none;
	margin: 0px 8px 0px 8px;	
}

.submenupanel {
	background-color:#FFF;
	position:absolute;
	visibility:hidden;
	z-index:101;
	border: 1px solid #808080;
}

.submenuitem {
	cursor:pointer;	
	font-family:arial,helvetica,clean,sans-serif;
	color:#000000;
	font-size:12px;
	padding:2px 20px 2px 20px;
	white-space:nowrap;
}
.submenuitem:hover {
	border:1px dotted #000;
	background-color:#F7F7F7;
	padding:1px 19px 1px 19px;
}

#mainBody {
        border: 0px dashed blue;
        margin: 0px 20px 20px 20px;
	text-align:left;
}

#mainFooter {
        border: 0px dashed green;
        margin: 0px 0px 0px 0px;
}


/*--------------------*/


#copyrightBlock {
	width: 800px;
	left:50%;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid white;
	text-align: right;
	font-size: 10px;
	font-family: arial,helvetica,sans-serif;
	color: #D7D7D7;
}

.footerLinks a {
	color: #D7D7D7;
}

input {
	border:1px solid #A9A9A9;
	color: black;
	font-size: 12px;
}

.pageTitle {
	color: red;
	font-size:16px;
	font-weight: bold;
	font-style: italic;
	text-decoration:none;
}
.sectionTitle {
	color: red;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
.sectionTitle a {
	color: red;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	text-decoration:none;
}

.disclaimer {
	color: black;
	font-size:11px;
	font-weight: bold;
	margin: 20px 0 20px 0;
	width: 600px;
}

.artistThumb {
	border:0px dashed blue;
	float:left;
	width:160px;
	height:110px;
	margin: 10px 40px 0px 40px;
}
a.artistThumb {
        color: #A9A9A9;
        font-size: 12px;
	text-decoration:none;
}
.clearBoth {
	clear:both;
}

div.spacer {
	height:20px;
}