/* General structural style declarations  */

body, html {
    display: block;
}

body, html, div, td, input, textarea {
    font-family: "Courier Light", Courier, Helvetica, Arial, Tahoma, Sans-serif ;
	font-size: 12px;
	color: #808080;
	line-height: 14px;
}

body {
    text-align: center;
    margin: 0px;
    padding: 0px;
/*    background-image: url(../images/common/bg.gif);
    background-position: center top;
    background-repeat: repeat-y;*/
    background-color: #ffffff;
}

/* The Following two declarations are to create more predictable behaviour cross browser */

* {
    margin: 0px;
    padding: 0px;
}

#page * div, #page div, #page form {
    float: left;
}

#pageWrapper {
/*    background-image: url(../images/common/header-bg.gif);
    background-position: 0px 0px;
    background-repeat: repeat-x;*/
    height: 100%;
    
}

/* Standard Style Declarations */

h1 {
    font-size: 32px;
    line-height: 40px;
    color: #231F20;
    font-weight: normal;
}

h2 {
    font-size: 13px;
    line-height: 22px;
    color: #808080;
    font-weight: normal;
    text-transform:uppercase;
}

h2 a,
h2 a:link,
h2 a:visited {
    color: #000000;
    text-decoration:none;
}

h3 {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 15px;
}

h4 {
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    line-height: 15px;
}

h5 {
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
}

hr {
    border:none;
    border-bottom: 1px solid #CCCCCC;
    margin: 8px 0px;
}

ul, ol {
    padding-left: 15px;
}

p, ul, ol {
    padding-bottom: 12px;
    line-height: 14px;
}

.black a,
.black a:visited,
.black a:link,
.black {
    color: #000000;
}

p strong {
    color: #000000;
}

a, a:visited, a:link {
    color: #666666;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color:black;
}    

a img {
    border: none;  
}

/* Standard Structural Declarations */

#page {
    width: 640px;
    height:640px;
    margin: 0px auto;
    margin-top:20px;
    padding: 20px 30px 30px 20px;
    text-align: left;
    display: block;
    overflow:hidden;
    background-image:url(../images/common/main-bg_new.jpg);
    background-repeat:no-repeat;
    background-position:right;
}

#pageHeader, #pageFooter {
    width: 680px;
}

#pageHeader {
    padding-top: 10px;
    position:relative;
    z-index:2;
}

.primaryNav {
    list-style:none;
    padding-left:0px;
}

.primaryNav li a {
    font-size:14px;
    line-height:20px;
}

.primaryNav li a:hover {
    color:black;
}

.primaryNav li.selected a {
    color:black;
}

.newsHome {
    width:430px;
    height:110px;
    overflow:hidden;
}

#pageFooter {
    height: 40px;
    text-align:left;
    margin: 0px auto;
    margin-top:10px;
}

.footerContainer {
    margin-top: 0px;
    float: left;
    position: relative;
    width:640px;
    padding-top:0px;
    padding-left:20px;
    padding-right:30px;
}

#pageContent {
    padding-top: 10px;
    width: 640px;
    padding-bottom: 0px;
}

/* Home Page Structure */

#pageContent.home {
    padding-top: 10px;
}

#pageContent.home .leftColumn {
    width: 100px;
}

#pageContent.home .rightColumn {
    width: 510px;
    padding-left: 10px;
    padding-top:0px;
}

#pageContent.contact .rightColumn {
    width: 530px;
    padding-left: 15px;
    padding-top:0px;
}

.rightColPadding {
    display:block;
    width:510px;
    height:85px;
}

/* Standard Page Template */

#pageContent.standard .leftColumn {
    width: 606px;
}

#page #pageContent.standard .rightColumn {
    float: right;
    width: 298px;
}

#formErrors {
    color:black;
}

#formErrors p {
    padding:0px;
}

/* Alternate Page Template */

#pageContent.alternate .leftColumn {
    width: 298px;
}

#page #pageContent.alternate .rightColumn {
    float: right;
    width: 606px;
}

/*Fragments*/

/* Red Header */

.contentHeader {
    padding-left: 11px;
    padding-bottom: 3px;
    background-image: url(../images/common/red-dot.gif);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    border-bottom: solid 1px #FF0000;
    margin-bottom: 13px;
}

.home .contentHeader {
    margin-bottom: 27px;
}

.contentHeader h2 {
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    color: #FF0000;
}

.contentHeader h2 span {
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    color: #666666;
}

/* Red Header */

.home .leftColumn .contentHeader{ width: 595px; } 
.home .rightColumn .contentHeader { width: 560px; }

.fullRow .contentHeader{ width: 903px; }

.standard .leftColumn .contentHeader{ width: 595px; } 
.standard .rightColumn .contentHeader { width: 287px; }

.alternate .leftColumn .contentHeader{ width: 287px; } 
.alternate .rightColumn .contentHeader { width: 595px; }


/*Current Exhibition*/

.currentExhibition {
    width: 430px;
}

.currentExhibitionHeader {
    width: 595px;
}

.currentExhibitionHeader h1 {
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
}

.currentExhibitionHeader h1 span {
    color: #FF0000;    
} 

#page .currentExhibitionDescription {
    width: 144px;
    float: right;
}

.currentExhibitionImage {
    text-align: left;
}

.currentExhibitionDetails {
    padding-bottom: 8px;
    clear: both;
    width: 144px;
    margin-bottom: 8px;
    border-bottom: solid 1px #CCCCCC;
}

.currentExhibitionBlurb {
    padding-bottom: 10px;
}

.currentExhibitionDetails h2 {
    font-size: 12px;
    color: #000000;
    line-height: 14px;
}

.currentExhibitionDetails h3 {
    font-size: 12px;
    color: #666666;
    line-height: 14px;
}

/* Latest News  */

.latestNewsWrapper ul,
.latestNewsWrapper ul li {
    list-style-type: none;
    padding: 0px;
    
}

.latestNewsWrapper ul li h3 a {
    color: #000000;
    text-decoration: none;
}

.home .latestNewsWrapper a.view-all {
    display: none;
}

.latestNewsItemHeader {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: solid 1px #CCCCCC;
    display: block;
}

/* Artist Listing */

.artistListTop {
    width:180px;
    float:left;
    padding-top:56px;
    height:470px;
}

.artistList {
    width:160px;
    float:left;
    height:470px;
}

.artistList ul {
    list-style:none;
    padding:0px;
}

.artistList ul li {
    margin-bottom:5px;
}

.artistListing {
    width: 450px;
    padding-top:0px;
    float:left;
}

.artistListing ul {
    padding-left: 0px;
}

.artistListing ul, 
.artistListing ul li {
    float: left;
    list-style-type: none;
}

.artistListing ul li {
    width: 450px;
    padding-left: 0px;
    height: 515px;
    overflow: hidden;
}

.artistListing ul li div {
    width: 450px;
}

.artistListing ul li .artistThumbnail {
    height: 450px;
    overflow: hidden;
}

.artistListing ul li .artistName {
    padding-top: 5px;
}

.artistListing ul li a {
    text-decoration: none;
    color: #000000;
}

.artistTop {
    width:190px;
    float:left;
    padding-top:56px;
    padding-right:20px;
    height:470px;
}

.artist {
    width:190px;
    float:left;
    height:470px;
}

.artistRight {
    width: 420px;
    padding-top:0px;
    float:left;
}

/* Artist Item */

.artistWrapper {
    width: 914px;
}

.artistWrapper .artistLeft {
    width: 144px;
}

#page .artistWrapper .artistRight {
    width: 760px;
    float: right;
}

#page .artistWrapper .artistRight .artistMain {
    width: 606px;
}

.artistMainImage {    
    width:40px;
    height:40px;
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}

/*paulm start 
.artistMainImage img {
	width: 40px;
	height: 40px;
	overflow: hidden;
}*/

#lightbox-container-image-box {
	width: 500px;
}

/*paulm end */

#page .artistExInfo {
    width: 144px;
    float: right;
}

.artistBio {
    width: 410px;
    padding-left: 10px;
}

.downloadsArtistList,
.exhibitionsArtistList {
    padding: 6px 0px
}

.downloadsArtistList ul,
.exhibitionsArtistList ul {
    padding-left: 0px;
    list-style-type:none;
}

.downloadsArtistList ul.selected a,
.downloadsArtistList ul.selected a:link,
.downloadsArtistList ul.selected a:visited,
.exhibitionsArtistList ul li.selected a,
.exhibitionsArtistList ul li.selected a:link,
.exhibitionsArtistList ul li.selected a:visited {
    color: black;
}

.artistMainImageCaption {
    width: 420px;
    text-align: left;
    padding: 10px 0px 17px;
    color: #999999;
    line-height: 12px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 15px;
}

.artistWrapper .artistLeft .contentHeader { width: 133px; }
.artistWrapper .artistRight .contentHeader { width: 749px; }
.artistWrapper .artistRight .artistMain .contentHeader { width: 595px; }

.artistSide {
    width:190px;
}

/* Exhibition List */

.yearListing ul li,
.yearListing ul {
    padding-left: 0px;
    list-style-type:none;
}

.yearListing ul li a,
.yearListing ul li a:link,
.yearListing ul li a:visited {
    text-decoration: none;
    color: #808080;
    font-size:13px;
}

.yearListing ul li {
    margin-bottom:5px;
}

.yearListing ul li.selected a {
    color: #000000;
}

.yearListing,
.currentListExhibition,
.monthColumn {
    width: 120px;
    overflow: hidden;
    padding-top:56px;
}

.yearListing .contentHeader ,
.currentListExhibition .contentHeader,
.monthColumn .contentHeader {
    width: 133px;
    margin-bottom: 18px;
}

.currentListExhibition,
.monthColumn {
    padding-left: 10px;
}

.exhibitionItem {
    width: 510px;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.currentExhibitionImage {
    padding-bottom: 20px;
}

.calendarListing {
    width:510px;
    float:left;
}

.calendar {
   width: 510px;
   height:470px;
   overflow-x:hidden;
   overflow-y:scroll;
}

.month {
    float:left;
    width:140px;
}

.exhibition {
    float:left;
    width:170px;
}

.location {
    float:left;
    width:140px;
}

/* News */

.newsListing {
    width: 510px;
    height:480px;
    overflow-x:hidden;
    overflow-y:scroll;
}

.rightColumn .jScrollPaneContainer {
    border-bottom:1px solid #cccccc;
}

.newsItem .contentHeader,
.newsListing .contentHeader {
    
}

.newsListing ul {
    padding-left: 0px;
}

.newsListing ul,
.newsListing ul li {
    list-style-type: none;
    float: left;
}

.newsListing ul li {
    width: 480px;
    padding: 0px 0px;
    margin-left: 0px;
    /*border-bottom: solid 1px #CCCCCC;*/
}

.newsListing ul li .newsItemThumb {
    width: 72px;
    height: 81px;
    overflow: hidden;
}

#page .newsListing ul li .newsItemDescription {
    width: 480px;
    float: left;
    padding-bottom:40px;
    
}

.newsItemDescription h5 {
    color: #999999;
    font-weight:normal;
    padding-bottom: 10px;
}

.newsItemDescription,
.newsItemDescription p,
.newsItemDescription strong {
    color: #999999;
}

.newsItemDescription h3 a,
.newsItemDescription h3 a:link,
.newsItemDescription h3 a:visited {
    color: #333333;
    text-decoration: none;    
}

#page .newsItemImage {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
}

/* Standard Page Styles */

#pageContent.standard {
    position:relative;
    top:-50px;
}

#pageContent.standard a,
#pageContent.standard a:link,
#pageContent.standard a:visited {
    text-decoration: none;
}

#pageContent.standard a:hover {
    text-decoration: none;
    color:black;
}

/* Staff Styles */

.staffList {
    width: 298px;
}

.staffList ul {
    padding:0px 0px 10px 0px;
    width: 240px;
}

.staffList ul,
.staffList ul li {
    list-style-type: none;
    float: left;
}

.staffList ul li {
    padding-right: 10px;
    padding-bottom: 10px;
    height: 59px;
    width: 59px;
}

.staffList ul li .staffBio {
    display: none;
}

.staffList ul li .overlay,
.staffList ul li .staffThumbnail {
    width: 59px;
    height: 59px;
    
}

.staffList ul li .overlay {
    position: absolute;
    z-index: 200;
    background-color: #cc0000;
    opacity: .0;
    filter: alpha(opacity=00);
    
}

/* Contact Form */

.formWrapper {
    padding-bottom: 15px;
    padding-top:10px;
}

.formWrapper label {
    color: #808080;
    display: block;
    padding-bottom: 2px;
    float:left;
    width:70px;
}

.formWrapper input {
    width: 450px;
    height: 14px;
}
.formWrapper textarea {
    width: 450px;
    height: 100px;
}

.formWrapper input,
.formWrapper textarea {
    line-height: 14px;
    padding: 4px;
    color: #808080;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    margin-bottom: 4px;
}

.formWrapper .submitBtn {
    color: #FFFFFF;
    float: right;
    padding: 3px 5px;
    font-size: 12px;
    background-color:#808080;
    margin-right:2px;
}

.formWrapper .submitBtn:hover {
    background-color: #000000;
}

.uppercase {
    text-transform:uppercase;
}

#image_rotate li {
    width:480px;
    text-align:center;
}