/*
 
 -- -- -- -- -- -- --
 css sprites2
 nav style, with style for scripted elements
 
 http://www.alistapart.com/articles/sprites2
 -- -- -- -- -- -- --
 
 */

body a:link {
	text-decoration: none;
    color: #3875b8;
}

body a:visited {
    text-decoration: none;
    color: #3875b8;
}

body a:hover {
	text-decoration: none;
    color: #063161;
}

/* START Navigation using javascript */
.nav {
    width: 920px;
    height: 29px;
    background: url(../images/black-nav.gif) no-repeat;
    position: absolute;
    top: -644px; /*I'm not sure what this does*/
    left: 0px; /*I'm not sure what this does*/
}

.nav li {
    display: inline;
}

.nav li a:link, .nav li a:visited {
    position: absolute;
    top: 0;
    height: 29px;
    text-indent: -9000px;
    overflow: hidden;
    z-index: 10;
}

.nav .artWork a:link, .nav .artWork a:visited { /* ART WORK */
    left: 0px;
    width: 161px;
}

.nav .artWork a:hover, .nav .artWork a:focus {
    background: url(../images/black-nav.gif) no-repeat -0px -30px;
}

.nav .artWork a:active {
    background: url(../images/black-nav.gif) no-repeat -0px -60px;
}

.current-artWork .artWork a:link, .current-artWork .artWork a:visited {
    background: url(../images/black-nav.gif) no-repeat -0px -90px;
    cursor: default;
}

.nav-artWork, .nav-artWork-click {
    position: absolute;
    top: 0;
    left: 0px;
    width: 161px;
    height: 29px;
    background: url(../images/black-nav.gif) no-repeat -0px -30px;
}

.nav-artWork-click {
    background: url(../images/black-nav.gif) no-repeat -0px -60px;
}



.nav .sounds a:link, .nav .sounds a:visited { /* SOUNDS */
    left: 158px;
    width: 139px;
}

.nav .sounds a:hover, .nav .sounds a:focus {
    background: url(../images/black-nav.gif) no-repeat -158px -30px;
}

.nav .sounds a:active {
    background: url(../images/black-nav.gif) no-repeat -158px -60px;
}

.current-sounds .sounds a:link, .current-sounds .sounds a:visited {
    background: url(../images/black-nav.gif) no-repeat -158px -90px;
    cursor: default;
}

.nav-sounds, .nav-sounds-click {
    position: absolute;
    top: 0;
    left: 158px;
    width: 139px;
    height: 29px;
    background: url(../images/black-nav.gif) no-repeat -158px -30px;
}

.nav-sounds-click {
    background: url(../images/black-nav.gif) no-repeat -158px -60px;
}



.nav .artistStatement a:link, .nav .artistStatement a:visited { /* ARTIST STATEMENT */
    left: 296px;
    width: 257px;
}

.nav .artistStatement a:hover, .nav .artistStatement a:focus {
    background: url(../images/black-nav.gif) no-repeat -296px -30px;
}

.nav .artistStatement a:active {
    background: url(../images/black-nav.gif) no-repeat -296px -60px;
}

.current-artistStatement .artistStatement a:link, .current-artistStatement .artistStatement a:visited {
    background: url(../images/black-nav.gif) no-repeat -296px -90px;
    cursor: default;
}

.nav-artistStatement, .nav-artistStatement-click {
    position: absolute;
    top: 0; /**/
    left: 296px;
    width: 257px;
    height: 29px;
    background: url(../images/black-nav.gif) no-repeat -296px -30px;
}

.nav-artistStatement-click {
    background: url(../images/black-nav.gif) no-repeat -296px -60px;
}

.nav .biography a:link, .nav .biography a:visited { /* BIOGRAPHY */
    left: 553px;
    width: 176px;
}

.nav .biography a:hover, .nav .biography a:focus {
    background: url(../images/black-nav.gif) no-repeat -553px -30px;
}

.nav .biography a:active {
    background: url(../images/black-nav.gif) no-repeat -553px -60px;
}

.current-biography .biography a:link, .current-biography .biography a:visited {
    background: url(../images/black-nav.gif) no-repeat -553px -90px;
    cursor: default;
}

.nav-biography, .nav-biography-click {
    position: absolute;
    top: 0; /**/
    left: 553px;
    width: 176px;
    height: 29px;
    background: url(../images/black-nav.gif) no-repeat -553px -30px;
}

.nav-biography-click {
    background: url(../images/black-nav.gif) no-repeat -553px -60px;
}

.nav .cv a:link, .nav .cv a:visited { /* CV */
    left: 729px;
    width: 81px;
}

.nav .cv a:hover, .nav .cv a:focus {
    background: url(../images/black-nav.gif) no-repeat -729px -30px;
}

.nav .cv a:active {
    background: url(../images/black-nav.gif) no-repeat -729px -60px;
}

.current-cv .cv a:link, .current-cv .cv a:visited {
    background: url(../images/black-nav.gif) no-repeat -729px -90px;
    cursor: default;
}

.nav-cv, .nav-cv-click {
    position: absolute;
    top: 0; /**/
    left: 729px;
    width: 81px;
    height: 29px;
    background: url(../images/black-nav.gif) no-repeat -729px -30px;
}

.nav-cv-click {
    background: url(../images/black-nav.gif) no-repeat -729px -60px;
}

.nav .home a:link, .nav .home a:visited { /* HOME */
    left: 810px;
    width: 111px;
}

.nav .home a:hover, .nav .home a:focus {
    background: url(../images/black-nav.gif) no-repeat -810px -30px;
}

.nav .home a:active {
    background: url(../images/black-nav.gif) no-repeat -810px -60px;
}

.current-home .home a:link, .current-home .home a:visited {
    background: url(../images/black-nav.gif) no-repeat -810px -90px;
    cursor: default;
}

.nav-home, .nav-home-click {
    position: absolute;
    top: 0; /**/
    left: 810px;
    width: 111px;
    height: 29px;
    background: url(../images/black-nav.gif) no-repeat -810px -30px;
}

.nav-home-click {
    background: url(../images/black-nav.gif) no-repeat -810px -60px;
}

/* END Navigation using javascript */
#centerContainer {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    position: relative;
/*  background-color: #00ff00; */
}

/* White expandable background for center */
#allContentContainer {
    margin-left: auto;
    margin-right: auto;
	margin-top: 235px;
    width: 920px;
    position: relative;
   /* background-color: #0000FF; */
}



/* main content container */
/* When I add a background color to this screen it blocks the navigation */
#bodyContentContainer {
    position: relative;
    width: 920px;
    margin: 0px 0px 0px 0px;
    padding: 135px 0px 25px 0px;
}

#newsContainer {
    position: absolute;
	top: -585px;
	left: 570px;
    width: 350px;
	height:210px;
	overflow:auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	/* background: gray 50%; */
	/* background: url(../images/bgNews.png); */
    /* border formatting */
     background-color: #ffffff; 
}

.newsContent {
    padding: 5px 20px 5px 12px;
    margin: 0px 0px 0px 0px;
    /*Font formatting*/
    font-style: normal;
    letter-spacing: .02em;
    /* border formatting */
}

#contactContainer {
    position: absolute;
	top: -374px;
	left: 570px;
    width: 350px;
	height:25px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	/* background: gray 50%; */
	/* background: url(../images/bgNews.png); */
    /* border formatting */
     background-color: #e9e9e9; 
}

.contact {
    padding: 0px 0px 0px 0px;
    margin: 5px 10px 0px 10px;
    /*Font formatting*/
	text-align:right;
    font-size: 85%;
	font-weight:bold;
    letter-spacing: .02em;
    /* border formatting */
    /*background-color: #ffffff; */
}

/* Start right main content */
#twoThirdsColumn_artwork {
    font-size: 120%;
    width: 643px;
    margin: 0px 0px 0px 270px;
    padding: 0px 0px 0px 0px;
    background-color: #0000FF;
}

/* Start formatting for more and less content area */
#subTwoThirdsContainer {
    height: 100%;
    padding: 0px;
    margin: 20px 0px 10px 0px;
    /*Font formatting*/
    font-size: 80%;
    line-height: 150%;
    letter-spacing: .03em;
	background-color: #00FF00;
}

/* start footer */
#footer {
    height: 25px;
    width: 980px;
    margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
    text-align: right;
    font-size: 80%;
    color: #CCCCCC;
 /* 	background-color: #424242; */
}

/* end footer */
/*Text Formatting*/
.italicFont {
    font-style: italic;
}

.headerFont {
    font-weight: normal;
    margin: 0px 0px 2px 0px;
    padding: 10px 20px 0px 12px;
}

.boldFont {
    font-weight: bold;
    margin: 0px 0px 2px 0px;
    padding: 17px 20px 0px 20px;
}

.boldFont2 {
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* start footer */
#footer {
    height: 25px;
    width: 980px;
    margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
    background-color: #424242;
    text-align: right;
    font-size: 80%;
    color: #CCCCCC;
}

.logo {
    position: absolute;
    top: 285px;
    left: 50px;
    height: 54px;
    width: 410px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 20;
	border: 0;
	text-decoration: none;
}

.logo a:link, .logo a:visited
{
	text-decoration: none;
    color: #ffffff;
	border: 0;
	
}

.logo a:hover
{
	text-decoration: none;
    color: #ffffff;
	border: 0;
}