/*
Please note that every rule starting with *html is directed toward IE6
*/

/***********
Reset Rules from YUI Library (helps IE compatibility)
***********/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img
{ 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:normal;
}

ol,ul
{
	list-style:none;
}

caption,th
{
	text-align:left;
}

h1,h2,h3,h4,h5,h6
{
	font-size:100%;
	font-weight:normal;
}

q:before,q:after
{
	content:'';
}

abbr,acronym
{
	border:0;
}

/***********
Global Rules
***********/
* 
{
	margin: 0;
}

body, html, #container
{
	height:100%;
	min-height: 100%;
}


/***********
Structure
***********/

#container
{
	min-width:900px;
}

#left
{
	width:50px;
	left:0px;
}

#right
{
	width:50px;
	right:0px;
}

#content
{
	position:relative;
	margin:0 auto;
	width:800px;
	padding-left:50px; /*these two paddings make sure center col doesnt overlap left col in IE*/
	padding-right:50px;
}

#col_wrap
{
	overflow: hidden;
	height:100%;
	position:relative;
}

*html #col_wrap
{
	display:inline;/*Page COMPLETELY breaks without this, DO NOT REMOVE*/
}

.sidebar
{
	position:absolute;
	height:100%;
	min-height: 100%;
	background-color:#ebebeb;
}

#left_col, #right_col
{
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#right_col
{
	float:right;
	width:405px;
	background-color:#f4f4f4;
	margin-left:15px;
	padding-top:5px;
	display:block;
}

.right_col_content
{
	margin-top:10px;
	margin-bottom:20px;
	margin-left:45px;
	color:#3B3B3B;
}

#left_col
{
	float:left;
	width:380px;
	background-color:#f4f4f4;
}

#caption_info
{
	width:380px;
}

div.past_show_block
{
	clear:both;
}

.past_show_block_text
{
	width:500px;
	padding-bottom:50px;
}

.artist_block
{
	width:120px;
	padding-bottom:17px;
	padding-left:16px;
	float:left;
	text-align:center;
}

.artist_block_left_edge
{
	padding-bottom:17px;
	margin:0px;
	text-align:center;
	float:left;
	width:120px;
}

.artist_block_right_edge
{
	padding-bottom:17px;
	margin:0px;
	text-align:center;
	float:left;
	width:120px;
	padding-left:16px;
}

#gallery_container
{
	position: relative;
	left: 35px;
	float:left;
	padding-bottom:15px;
 
 
 }

 #search_container
{
	background-color:#ebebeb;
	width:773px;
	padding:14px;
	padding-bottom:200px;
}

*html #search_container
{
	padding-bottom:95px;
}

#about_container_top, #about_container_bottom, .publication_block
{
	background-color:#ebebeb;
	width:773px;
	padding:14px;
	margin-bottom:25px;
	padding-bottom:30px;
}

#about_container_bottom
{
	margin-top:10px;
}

#search_checkboxes_left_col
{
	float:left;
	width:370px;
	
}

#search_checkboxes_right_col
{
	float:left;
	width:350px;
}

#popup_text_container, #pop_form_container
{
	background-color:#ebebeb;

	width:370px;
	padding-botom:50px;
	margin-top:5px;
	padding:5px;
}

#popup_email
{
	margin-left:14px;
}

#popup_textarea
{
	width:310px;
	margin-top:10px;
	margin-bottom:10px;
}

#pop_form_container
{
	margin-top:10px;
}

/***********
Position
***********/

#badges
{
	position:absolute;
	top:10px;
	right:50px;
}

#search_options_container
{
	margin-top:30px;
}

#search_dropdowns
{
	margin-top:20px;
	
}

#search_checkboxes
{
	margin-top:20px;
}

.checkbox_right
{
	position:absolute;
	left:700px;
	float:left;
}

.checkbox_left
{
	position:absolute;
	left:300px;
}

button.submit_search
{
	margin-left:15px;
}

p.past_show_block
{
	padding-top:5px;
}

img.past_show_block
{
	padding-right:10px;
}

#year_dropdown, #medium_dropdown
{
	padding:2px;
	width:170px;
}

#medium_dropdown
{
	margin-left:194px;
}

.center
{
	margin:0 auto;
	text-align:center;
}

.float_left
{
	float:left;
}

.float_right
{
	float:right;
}


.clear
{
	clear:both;
}

#below_logo
{
	padding-bottom:10px;
}

h4.additional_comments
{
	padding-top:5px;
	margin-bottom:-10px;
	padding-left:1px;
}

p.about_text
{
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
}


/***********
Footer
***********/
#footer
{
	clear:both;
	padding-top:20px;
	background-color:white;
}

#footer p
{
	margin-top:-10px;
	font-size:10pt;
	background-color:white;
}

*html .ie_footer_fix
{
	padding-top:4px;
}

*html hr.footer
{
	/*fix for IE*/
	float:left;
}

/***********
Navigation
***********/

*html #nav_container
{
	margin-top:-7px;
	margin-bottom:-1px;
}

.nav
{
	float:left;
	clear:right;
	margin-top:8px;
	margin-left:-10px;
	margin-bottom:8px;
}

.nav:hover
{
	text-decoration:underline !important;
}
 

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* float:none; Introducing a padding between the li and the a give the illusion spaced items */

}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:300px; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. background:#6b0c36; */
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link.  background:#333; */
	 text-decoration:underline;
}




#home
{
	padding-right:79px;
}

#artists
{
	padding-right:79px;
}

#artwork_search
{
	padding-right:79px;
}




#publications
{
	padding-right:90px;
}

#past_shows
{
	padding-right:95px;
}


*html #past_shows
{
	width:80px;
}

#about
{
	
	
}

/***********
Style
***********/

body
{
	font-family:arial;
	font-size:11pt;
}

p
{
	font-size:11pt;
	text-align:justify;
}

.padding_lr
{
	padding-left:10px;
	padding-right:10px;
}

.padding
{
	padding:10px;
}

h2
{
	font-size:14pt;
	font-weight:normal;
}

h2.padding
{
	margin:8px;
}

h2.top_padding
{
	margin:8px;
	padding-top:15px;
}

h2.smaller
{
	font-size:13pt;
	font-weight:normal;
}

h3.right_col_h3
{
	font-size:12pt;
	font-weight:normal;
	margin-left:45px;
	font-weight:bold;
}

h4
{
	font-size:10pt;
	font-weight:normal;
}

h4.search
{
	padding-left:3px;
}

hr, hr.publication
{
	clear:both;
	color: #e5e5e5;
	background-color: #e5e5e5;
	height: 1px;
	border:none;
}

hr.publication
{
	background-color: grey !important;
	color: grey !important;
	margin-right:15px;
}

hr.search_hr
{
	clear:both;
	color: #e5e5e5;
	border:none;
	background-color: #CCCCCC;

	height: 2px;
}

input.search
{
	border:none;
	width:300px;
	padding:3px;
}

button.submit
{
	width:110px;
	background-color:white;
	border:1px solid grey;
	padding:2px;
}

.underline
{
	text-decoration:underline;
}

.bold
{
	font-weight:bold;
}

.italics
{
	font-style: italic;
}

ul
{ 
	margin:0 0 0 20px;
	padding:0 0 0 20px;
}

ul li
{
	zoom:1;
}

ul.caption_info
{
	margin-top:-15px;
}

li.caption_info
{
	list-style-type:none;
	background-image:url('images/bullet.gif');
	background-repeat:no-repeat;
	background-position:left center; 
	float: left;
	margin-left:20px;
	margin-top:20px;
	padding:10px;
}

/***********
Links
***********/



a:link, a:visited, a:hover, a:active
{
	color:black;
	text-decoration:none;
}

a:hover
{
		text-decoration:underline;
}

a.underline
{
	text-decoration:underline !important;
}

a.nav_hover:hover
{
	text-decoration:underline !important;
}

.nivoSlider {
    position:relative;
    width:300px; /* Change this to your images width */
    height:290px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
	font-family: arial;
	font-size: 8px;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
	font-family: arial;
	font-size: 8px;
 }
.nivoSlider a {
    border:0;
    display:block;
}
#slider a{
    display:block;
}