body {
	background		: url('../images/background.jpg') center top no-repeat fixed #676767;
	
	margin			: 0; 
	padding			: 0; 
	height			: 100%;
	text-align		: center; /* for ie6 and under */ 
	min-width		: 760px;/* for mozilla*/ 
	font-family		: Verdana;
	font-size		: 11px;
}

/* mac hide\*/ 
html, body {
	height			: 100%
} 
h1, h2, h3, h4, h5, h6, h7, ul, p {
	margin			: 0px;
	padding			: 0px;
}
a {
	color			: #CB2027;
	text-decoration	: none;
}
td {
	vertical-align	: top;
}
a:hover {
	color			: #CB2027;
	text-decoration	: underline;
}
/* end hide */ 
#idViewPort{ 
   min-height		: 100%; 
   width			: 900px; /* add 2px if borders are not used */ 
   color			: #000000; 
   text-align		: left; 
   margin			: auto; 
   position			: relative; 
   background		: #FFFFFF;
/* The background image needs to be the same width as the #left div. The one I used is 138px X 9px */ 
} 
  
* html #idViewPort {
	height			: 99.9%;	/*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/ 
} 
#idFrameHeader{ 
   background		:#676767; 
   position			:relative; 
   background-image: url('../images/backgroundHeaderFill.jpg') ;
}
#idAddress {
   background		: #676767; 
   position			: relative; 
   text-align		: right;
   color			: #FFFFFF;
   padding-right	: 10px;
   font-size		: 10px;
   padding-top		: 5px;
    background-image: url('../images/background.jpg') ;
}
#idAddress a {
	color			: #FFFFFF;
	font-size		: 10px;
	text-decoration	: underline;
}
* html #idFrameHeader {
	/*height:70px*/
} 
img {
	border			: 0px;
}
img : hover {
	color 			: none;
	border			: 0px;
}
.clsGradientInput {
	border			: 1px solid #CCCCCC;
	background-image: url('../images/backgroundInput.jpg') ;
	width			: 300px;
}
textarea {
	font-family		: verdana;
	font-size		: 12px;
	border			: 1px solid #CCCCCC;
	background		: url('../images/backgroundTextarea.jpg') bottom repeat-x ;
}
fieldset {
	margin: 0px; border: 0px;
}
ul#idMenu {
	list-style		: none;
	padding-top		: 14px;
	width			: 650px; 
	margin-left		: 40px;
	margin-bottom	: 12px;
}
#idMenu li {
	float			: left;
	width			: 130px;
	text-align		: center;
	
}
#idBar {
	clear			: both;
	border-top		: 1px solid #cccccc;
	border-bottom	: 1px solid #cccccc;
	height			: 30px;
}

.clsPageNameDetailPage {
	position		: absolute;
	top				: 101px; 
	margin-left		: 57px;
	font-family		: Arial;
	text-transform	: uppercase;
	color			: #CB2027;
	font-size		: 15px;
}
.clsPageNameDetailPage h1 {
	font-family		: Arial;
	text-transform	: uppercase;
	color			: #CB2027;
	font-size		: 15px;
}
.clsPageExhibitionNameDetailPage {
	position		: absolute;
	top				: 101px; 
	margin-left		: 100px;
	font-family		: Arial;
	text-transform	: uppercase;
	color			: #CB2027;
	font-size		: 15px;
}
.clsPageExhibitionNameDetailPage h1 {
	font-family		: Arial;
	text-transform	: uppercase;
	color			: #CB2027;
	font-size		: 15px;
}
.popup img {
	max-width: 800px; 
	max-height: 600px;	
}

#idBar h1{
	font-family		: Arial;
	text-transform	: uppercase;
	color			: #CB2027;
	font-size		: 15px;
	margin			: 7px;
}
#idFilter {
	margin-top		: 2px;
	
}
#idFilter td {
	vertical-align	: middle;
}
#idFilter select{
	background-image: url('../images/backgroundInput.jpg') ;
	border			: 1px solid #CCCCCC;
}
#idAlphabet a {
	color			: #CCCCCC;
	text-decoration	: none;
	font-weight		: bold;
}
#idAlphabet a:hover {
	text-decoration	: underline;
}
ul#idAlphabet  {
	list-style		: none;
	margin-top		: 8px
}
#idAlphabet li {
	float			: left;
	margin-right	: 3px;
}


#idContent {
	clear			: both;
	margin			: 10px 7px 10px 7px;
	padding-bottom	: 15px;
}
#idContactForm textarea {
	width			: 300px;
}
#idContactForm td {
	padding-top		: 7px;
}
.clsExibitionsTable td{
	vertical-align	: top;
}
.clsExhibitions h2, #idArtistDetailTable h2{
	color			: #2C5C86;
	font-size		: 15px;
	font-family		: Arial;
	font-weight		: normal;
}

.clsDatabrowserNavSort ul {
	list-style		: none;
}

.clsDatabrowserNavSort {
	width			: 100%;
	text-align		: right;
	border			: 1px solid #CCCCCC;
	
}
.clsDatabrowserNavSort.left {
	float			: left;
}
.clsDatabrowserNavSort li {
	float			: left;
}
.clsExhibitionListItem {
	border-bottom	: 1px solid #CCCCCC;
}
.clsExhibitionListItem img {
	max-width: 500px;
}
.clsExhibitionListItem span img {
	width:85px;
	height: 85px;
}
#idDatabrowserBottomNav ul{
	list-style		: none;
	float			: right;
}
#idDatabrowserBottomNav li {
	float			: left;
}
#idArtistOverview a {
	color			: #2C5C86;
	line-height		: 20px;
	font-size		: 13px;
}

#idArtistDetailTable {
	color			: #000000;
	font-size		: 12px;
}
#idArtistDetailTable td{
	vertical-align	:top;
}
#idArtistDetailTableCol3 {
	border-left		: 1px solid #CCCCCC;
	padding-left	: 5px;
	width			: 152px;
	text-align		: center;
}
#idFooter { 
   width			: 900px; /* add 2px if borders are not used on the #outer div */ 
   clear			: both; 
   background-color	: #676767; 
   color			: #000000; 
   text-align		: center; 
   left				: 0; 
   bottom			: 0; 
   position			: absolute; 
} 
* html #idFooter {/*only ie gets this style*/ 
   margin-bottom	: -1px; 
} 
div,p  {
	margin-top		: 0	/*clear top margin for mozilla*/
} 

#idFrameContent { 
   margin			: 10px 15px 0px 15px;
}

#clearfooter {
	width			: 100%;
	height			: 0px;
	clear			: both; /* to clear footer */
}  

#idCorner1 {
    background		: url('../images/corner1.png') no-repeat bottom ;
    height			: 4px;
    width			: 4px;
}
#idTop {
    background		: url('../images/topBottom.png') repeat-x bottom;
    height			: 4px;
}
#idCorner2 {
    background		: url('../images/corner2.png') no-repeat bottom;
    height			: 4px;
    width			: 4px;
}
#idCorner3 {
    background		: url('../images/corner3.png') no-repeat top;
    height			: 4px;
    width			: 4px;
    min-width		: 4px;
    line-height		: 4px;
}
#idCorner4 {
    background		: url('../images/corner4.png') no-repeat top;
    height			: 4px;
    width			: 4px;
    min-width		: 4px;
    line-height		: 4px;
}

#idBottom {
    background		: url('../images/topBottom.png') repeat-x top; 
    height			: 4px;
}
#idLeft {
    background		:url('../images/leftRight.png');
    width			:4px;
    min-width		:4px;
    line-height		:4px;
}
#idCenter {
   background-color	:#FFFFFF;
   padding			:0px;
}
#idRight {
    background		:url('../images/leftRight.png');
    width			:4px;
}

/* 
 * Common classes and id's
 */
 
.clsFloatLeft {
	float			: left;
}
.clsFloatRight {
	float			: right;
}
.clsButton {
	background		: url('../images/backButton.jpg') no-repeat;
	color			: #2C5C86;
	font-size		: 11px;
	font-weight		: bold;
	height			: 21px;
	text-transform	: uppercase;
	width			: 54px;
	border			: 0px;
	cursor			: pointer;
}
/* scrollable div area */
#scrollableDiv {
	float: left;
	width: 120px;;
	height: 425px;
	padding: 8px;
	overflow: hidden;
	white-space: nowrap;
}

/* wrap to make sure that image area is clickable */
#scrollableDivBox {
	float: left;
	width: 15px;
	height: 443px;
	background: transparent url(../images/scrollbar-track-bottom.png) no-repeat bottom left;
	text-align		: left;
}

/* top image of track */
#scrollbarTrackTop {
	position: absolute;
	width: 15px;
	height: 15px;
	background: transparent url(../images/scrollbar-track-top.png) no-repeat top left;
}

/* vertical track */
#scrollbarTrack {
	position: absolute;
	width: 15px;
	height: 422px;
}

/* vertical track handle */
#scrollbarHandel {
	width: 15px;
	height: 37px;
}
/**
 * Popup Artist Image
 **/
#idPopUp, #idPopUp1, #idPopUp2, #idPopUp3 {
	font-family			: verdana, arial;
	position			: absolute;
	background-color	: #000000;
	z-index				: 9999	;
	padding				: 20px 20px 10px 20px;
	margin				: 0px;
	top					: 0px;
	left				: 0px;
}
.popup {
	padding				: 20px 20px 10px 20px;
	margin				: 0px;
	top					: 0px;
	left				: 0px;
	display				: none;
	z-index 			: 9999;
	position			: relative;
}
#idPopUpViewPort{
   padding: 10px;
   position: relative;
   margin:0px;
   padding:0px;

}
#idPopUpHeader{
   position: relative;
   height: 30px;
}
#idPopUpBody{
   visibility: hidden;
   border:0px;	
}
#idPopUpFooter{
   position: relative;
}
#idPopUpCaption {
   position: relative;
   float: left;
}

#idPopUpClose {
   position:relative;
   float:right;
}
#idPopUpCloseButton {
   border: 0px;
   background-color: transparent;
   text-decoration: underline;
   cursor: pointer;
   color:#FFFFFF
}
/* In page edit Needs */
.clsComponentContainer {
	border				: 1px dotted #CCCCCC;
	padding				: 5px;
	cursor				: pointer;
}
.clsComponentContainer:hover {
	border				: 1px dotted #911284;
}