body {
	font: .8em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin:0;
	padding:0;
}

/* background start */
	#page {
		width:850px;
		padding:0px;
		margin: 0 auto 0;
	}
	
	#page td {vertical-align:top;}
	
	/* BACKGROUND-TOP ELEMENTS START */
		#background-top {
			width:850px;
			height:152px;
			background: white url(/images/background-top.jpg) 0 0 no-repeat;
			vertical-align:top; /* Needed for #title-words to be positioned from the top and not middle */
		}
	
		/* IE<7 */
		#title-words {
			position:relative;
			left:12px;
			top:9px;
			width:384px;
			height:53px;
			background: url(/images/title-words.gif) 0 0 no-repeat;
		}
		
		/* All modern browsers */
		#background-top>#title-words {
			position:relative;
			left:12px;
			top:9px;
			width:384px;
			height:53px;
			background: url(/images/title-words.png) 0 0 no-repeat;
			}
		
		#main-nav {
			position:relative;
			left:0px;
			top:74px; /*127 (absolute position) - 53 (height of title words)*/
			width:603px;
			height:26px;
		}
		
		#main-nav ul {
			margin: .4em 0 0 .5em;
			padding: 0;
			list-style:none;
			width: 588px;
		}
		
		#main-nav ul li {float:left; margin:0;padding:0;}
		
		/* LINK STYLES START */
			#main-nav ul li a {
        font-size:12px;
        font-family:Tahoma, Geneva, sans-serif;
				display:block;
				text-decoration: none;
				padding: 0 0 0 30px;
			}
			
			#main-nav ul li a:link {color:#FFFFFF;}
			#main-nav ul li a:visited {color:#999999;}
			#main-nav ul li a:hover {text-decoration:underline; color:#FFFFFF;}
			/*#main-nav ul li a:active {color:#FF9966;}*/
			
			/*	LINK STYLE FOR THE CURRENT PAGE START */
				body#home #main-nav li#homelink a,
				body#gallery #main-nav li#gallerylink a,
				body#bio #main-nav li#biolink a,
				body#awards #main-nav li#awardslink a,
				body#list #main-nav li#listlink a,
				body#shows #main-nav li#showslink a,
				body#exhibits #main-nav li#exhibitslink a,
				body#contact #main-nav li#contactlink a {
					cursor:text;
					margin-left: 30px;
					background:url(/images/nav-feather.gif) 0px 5px no-repeat;
					/* behavior: url("/images/png-opacity2.htc");*/
					color:#FFFFFF;
				}
				
				/*using a child selector to differenctial IE<7 from the rest of the world*/
				body#home #main-nav li#homelink>a,
				body#gallery #main-nav li#gallerylink>a,
				body#bio #main-nav li#biolink>a,
				body#awards #main-nav li#awardslink>a,
				body#list #main-nav li#listlink>a,
				body#shows #main-nav li#showslink>a,
				body#exhibits #main-nav li#exhibitslink>a,
				body#contact #main-nav li#contactlink>a {
					cursor:text;
					margin-left: 30px;
					background:url(/images/nav-feather.png) 0px 5px no-repeat;
					color:#FFFFFF;
				}
				
				body#home #main-nav li#homelink a:hover,
				body#gallery #main-nav li#gallerylink a:hover,
				body#bio #main-nav li#biolink a:hover,
				body#awards #main-nav li#awardslink a:hover,
				body#list #main-nav li#listlink a:hover,
				body#shows #main-nav li#showslink a:hover,
				body#exhibits #main-nav li#exhibitslink a:hover,
				body#contact #main-nav li#contactlink a:hover {
					text-decoration:none;
				}
				
				/* special left margin for home link on home page */
				body#home #main-nav li#homelink a {margin-left: 3px;}
			
			/*	LINK STYLE FOR THE CURRENT PAGE END */
		/* LINK STYLES END */
		
	/* BACKGROUND-TOP ELEMENTS END */

	#background-left-column {
		width:139px;
		height:350px;/* sets a minumum height of the middle row */
		vertical-align:top;
		background: black url(/images/background-left-col-pict.jpg) 0 0 no-repeat;
		
		text-align:center;
		color:#FFFFFF;
		padding-top:20px;
	}
	
	/* SUB-NAV LINKS START */
		#background-left-column a {text-decoration: none;}
		#background-left-column a:link {color:#FFFFFF;}
		#background-left-column a:visited {color:#999999;}
		#background-left-column a:hover {text-decoration:underline;}
	/* SUB-NAV LINKS END */

	#background-left-column ul {
		margin: 10px 10px 10px;
		padding:0 0 0 18px;/* indent the list items from the left */
		text-align:left;
		font: 12px/20px Tahoma, Verdana, sans-serif;
		/*white-space:nowrap;*/
		list-style:none;
	}
	
	#background-left-column li#subnavhere {
		background:url(/images/nav-sub-feather.gif) left center no-repeat;
		padding-left: 30px;
		margin-left:-18px;
	}
	
	/* Give no hints that the curent page is also a link START */
		#background-left-column li#subnavhere a {
			cursor:text;
			color:#FFFFFF;	
		}
		
		#background-left-column li#subnavhere a:hover {
			text-decoration:none;
		}
	/* Give no hints tha the curent page is also a link END */
	
	#background-corner {
		float:left;
		width:20px;
		height:25px;
		background: white url(/images/background-corner.jpg) 0 0 no-repeat;
	}
/* background end */

/* @group COMMON ELEMENTS */
	a.external {
		background:url(/images/external_link.png) no-repeat right center;
		padding-right:13px;
	}

	#content {
		float:left;
		width:691px;
		padding:20px 0 4em 0;
	}
	
	#content h1 {padding-top:0; margin-top:0;}
  
  .floatimgright {float:right; margin:0 0 .5em .8em;}
	.floatright {float:right;}
	.floatimgleft {float:left; margin:0 .8em .5em 0;}
	.floatleft {float:left;}
  
  .text_left {text-align:left;}
	.right, text_right {text-align:right;}
	.center {text-align:center;}
	.top {vertical-align:top;}
	
	h1 {font-size:1.5em;}
	h2 {font-size:1.35em;}
	h3 {font-size:1.2em;}
	h4 {font-size:1.1em;}
	h5 {font-size:1.0em;}
	h6 {font-size:1.9em;}
  
	.noborder {border:none;}
  
	.pullquote {
		float:right;
		width:160px;
		font-style:italic;
		padding:7px 5px;
		margin:0 20px 10px;
		border-top: 5px solid #b1831f;
		border-bottom: 5px solid #b1831f;
	}
	
	.smallerText {font-size:smaller;}
	.rogermasthead {font-variant: small-caps;}
	.welcomingtext {
		line-height:0.7em;
		font-family: Arial, Helvetica, sans-serif;
	}	
/* @end */

/* footer start */
	#footer {
		width:850px;
		padding:0px;
	}
	#footer .address {
		position:relative;
		top: -2.5em;
		left:159px;
		font-size:12px;
		margin: 0 .2em 0;
		line-height: 12px;
	}
	#footer #filmstrip {/* relative positioning to enable address to be inside div footer but maintain no breaks in left column */
		position:relative; 
		top: -2em;
		left: 0px;
	}
	#footer .address img {margin:0 1.5em;}
/* footer end */

/* Bio page start */
	.biopict {
		float:right;
		width:195px;
		padding:0;
		margin:0 0 10px 10px;
	}
/* Bio page end */

/* Awards page start */
	.awardwinner {margin-top:3em;}
	
	.awardphotoleft {
		float:left;
		margin:0 10px 60px 0;/* large bottom margin to keep the words to the right in it's own column*/
	}
	
	.awardphotoright {
		float:right;
		margin:0 0 60px 10px;/* large bottom margin to keep the words to the right in it's own column*/
	}
/* Awards page end */

/* CONTACT FORM START */
	/* #contactForm is the id of the form */
	
	#contactForm fieldset {
		margin:2em 0 0 0;
		padding:0 1em 1em 1em;
	}
	
	#contactForm fieldset legend {
		font-size:1.1em;
		font-weight:bold;
	}
	
	/* inner fieldset */
	#contactForm fieldset fieldset {
		margin:10px 0 15px 0; /* space between outer fieldset and inner fieldset ALL BROWSERS */
	}
	
	#contactForm fieldset>fieldset {
		padding-top:10px; /* space between inner fieldset and top of first contained element NON IE 6 BROWSERS */
	}
	
	#contactForm fieldset fieldset legend {
		font-size:1.0em;
		font-weight:bold;
		margin-bottom:1em; /* space under inner legend for IE*/
	}
	
	/* non IE 6 browsers */
	#contactForm fieldset fieldset>legend {
		margin-bottom:0;
	}


	#contactForm table.contact {
		margin:0 0 0 -8px; /* Try to match the left alignment of the message box */
	}
	
	#contactForm table.contact td {
		border:0px;
		text-align:left;
		padding-right: .5em;
		padding-left: .5em;
		padding-bottom: 2px;
		padding-top: 2px;
		width:100%;
	}
	
	#contactForm table.contact th {
		text-align:right;
		font-weight:normal;
		white-space:nowrap;
		padding-left:5px;/* Try to match the left alignment of the message box */
	}
	#contactForm #submitbuttonarea { margin-top:20px; width:100%;}
	#contactForm #submitbuttonarea td {width: 33%;}
	
	.requiredAsterisk {
		font-weight:700;
		color:#FF0000;
	}
	
	/* VALIDATION ERRORS START */
	#contactForm input.error {
		border: 1px dotted red; 
		background-color:#fed5d5;
	}
	
	#contactForm label.error {
		display:inline;
		margin-left:10px;
		font-size: 1em;
		color:#FF0000;
	}
	/* VALIDATION ERRORS END */
	
	/* FORM SUCCESS AND FAILURE PAGES START */
	#contactSuccessFailure h1 {
		font-size:1.3em;
		color:#000000;
		text-align:left;
	}
	
	/* FORM SUCCESS AND FAILURE PAGES END */

/* CONTACT FORM END */

/* Shows Page Start */
	.alternatingRowTable {width: 98%;}
  .row_highlight, .tablePrimaryRow.row_highlight {background-color:#B5D4EE;}
	.tablePrimaryRow {background-color:#CCCCCC;}

	.alternatingRowTable th {
		white-space:nowrap;
		padding:3px 5px;
		border: 1px solid #333333;
    background-color:#666;
    color:#DDD;
	}
	
	.alternatingRowTable td {
		white-space:nowrap;
		padding:3px 5px;
		font-size:small;
		border: 1px solid #333333;
	}
  .showDescription img {
    display: block;
    margin-top: 8px;
    margin-left: auto;
    margin-right:auto;
    border:1px solid #333;
  	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    }
  .showDescription h3 {font-size:.8em;}
  .showDescription p {font-size:.8em; line-height:1.4em;}
  .placeDateTime {
    padding: 5px 8px;
    background-color:rgba(200, 200, 200, .85);
    
    border:1px solid #666;
		-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
  }
	.showLocation {display:block; margin-top:8px; padding-top:2px; border-top: 1px dashed #666;}
  .pastEvent, .pastevent a:link, .pastevent a:visited {color:#999; }
  
  
/* Shows Page End */

/* Exhibits  Start */
	.exhibit_location th {text-align:right;} 
	.exhibit_location h2 {font-size:1.2em; margin:.3em 0;}

/* Exhibits  End */


/* Gallery Page Start */
	div.slide {
		float:left;
		width:132px;/* 691px / 5  = 138.2*/
		height:115px;
		text-align:center;
	}
/* Gallery Page End */

/* Gallery Detail Start */
	div#galleryDetailImageAndDescrip {float:left; width:400px;}
	div#galleryDetailDetails {float:left; width:281px; margin-left:10px;}/* 691 (content) - 400 (galleryDetailImageAndDescrip) - margin-left*/
	div#galleryDetailDetails th {vertical-align:top; text-align:right;}
	div#galleryDetailPrevNext{clear:both; width:100%;}
	div#galleryDetailPrevNext a:link {color:#000000; text-decoration:none;}
	div#galleryDetailPrevNext a:visited {color:#999999; text-decoration:none;}
	div#galleryDetailPrevNext a:hover{text-decoration:underline; color:#000000;}

	div#galleryDetailPrevNext #prev {float:left; margin-top:1em;}
	div#galleryDetailPrevNext #next {float:right; margin-top:1em;}
	
/* Gallery Detail End */