html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}


/* CONSTANT STRUCTURE______________________________________________________________________________*/


body
{
font-family: arial;
width: 700px;
margin-left: auto;
margin-right: auto;
}

#logo_large
{
position: fixed;
margin: 29px 0px 0px -150px;
}

.copyright
{
float: left;
background-color: #e5e5e5;
width: 660px;
margin: 30px 0px 5px 0px;
padding: 10px;
color: #3f3f3f;
font-size: 11px;
}


/* NAV______________________________________________________________________________*/


#navcontainer
{
float: left;
margin: 153px 0px 0px 0px;
font-family: arial;
font-style: italic;
text-transform: uppercase;
}

ul#navlist
{
list-style: none;
margin: 0 auto;
font-size: 0.8em;
}

ul#navlist li
{
list-style-type: none;
float: left;
width: 120px;
margin: 0px 20px 0px 0px;
}

ul#navlist li a
{
display: block;
color: black;
text-decoration: none;
padding: 0px 0px 2px 0px;
border-bottom: 4px solid #ff9900;
}

ul#navlist li a:hover
{
color: black;
border-bottom: 4px solid black;
}


/* HOME PAGE______________________________________________________________________________*/


.page_container_home
{
float: left;
width: 680px;
height: 350px;
margin: 30px 0px 5px 0px;
background-image: url(assets/home_img_asunder.jpg);
}

.home_header
{
float: left;
font-family: arial;
padding: 40px 0px 0px 0px;
font-size: 45px;
line-height: 65px;
width: 670px;
color: white;
}

.home_header a:link
{
color: white;

}

.home_header a:visited
{
color: white;

}

.home_header a:hover
{
color: black;
}

.copyright_home
{
position: fixed;
bottom: 0px;
background-color: #e5e5e5;
width: 660px;
margin: 30px 0px 0px 0px;
padding: 10px;
color: #3f3f3f;
font-size: 11px;
}

/* GENERAL HEADER BAR / CONTAINER______________________________________________________________________________*/


.page_container
{
float: left;
background-color: #e5e5e5;
width: 680px;
margin: 30px 0px 5px 0px;
}

.header_bar
{
font-size: 14px;
float: left;
padding: 10px 10px 10px 10px;
width: 660px;
background-color: #d8d8d8;
}

.header_bar_left
{
float: left;
font-style: italic;
}

.header_bar_right
{
float: right;
font-size: 11px;
font-style: italic;
padding: 4px 0px 0px 0px;
}

.header_bar a:link
{
color: black;
text-decoration: none;
}

.header_bar a:visited
{
color: black;
}

.header_bar a:hover
{
color: gray;
}


/* EXHIBITIONS PAGE______________________________________________________________________________*/


.topic_container
{
float: left;
margin: 30px 10px 10px 10px;
width: 660px;
padding: 0px 0px 0px 0px;
}

.topic_header
{
float: left;
font-family: arial;
padding: 0px 0px 15px 0px;
font-size: 14px;
width: 670px;
color: #3f3f3f;
}

.topic_img
{
float: left;
margin: 0px 10px 0px 0px;
padding: 3px;
background: white;
width: 312px;
height: 174px;
overflow: hidden;
border: 1px solid #a5a5a5; 
}

.topic_type
{
float: left;
margin: -7px 0px 0px 10px;
padding: 0px 0px 12px 0px;
width: 320px;
font-size: 10px;
color: #3f3f3f;
border-bottom: 4px solid #bfbfbf;
line-height: 24px;
}

.topic_break
{
float: left;
border-bottom: 1px dashed #a5a5a5;
margin: 0px 10px 0px 10px;
width: 660px;
}

.line_break
{
float: left;
border-bottom: 4px solid #bfbfbf;
margin: 20px 0px 0px 0px;
width: 660px;
}

.topic_type a:link
{
color: gray;
}

.topic_type a:visited
{
color: gray;
}

.topic_type a:hover
{
color: black;
}

.topic_header a:link
{
color: #3f3f3f;
text-decoration: none;
}

.topic_header a:visited
{
color: #3f3f3f;
text-decoration: none;
}

.topic_header a:hover
{
color: black;
text-decoration: underline;
}


/* SINGLE EXHIBITION PAGE______________________________________________________________________________*/


.topic_container_2
{
float: left;
margin: 5px 10px 10px 10px;
width: 660px;
padding: 0px 0px 0px 0px;
}

.topic_header_2
{

font-family: arial;
padding: 0px 0px 5px 0px;
margin: 20px 0px 0px 0px;
font-size: 14px;
color: #3f3f3f;
}

.topic_type_2
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 10px;
color: #3f3f3f;
line-height: 24px;
}

.body_type
{
float: left;
margin: 20px 0px 0px 0px;
font-size: 11px;
line-height: 18px;
color: #3f3f3f;
width: 500px;
}

.image_thumb
{
height: 100px;
width: 100px;
padding: 3px;
float: right;
border: 1px solid #a5a5a5;
overflow: hidden;
background: white;
margin: 24px 0px 0px 0px;
}

iframe
{
margin: 8px 0px 0px 0px;
border: 1px solid #a5a5a5;
padding: 3px;
background: white;
}

.topic_type_2 a:link
{
color: gray;
}

.topic_type_2 a:visited
{
color: gray;
}

.topic_type_2 a:hover
{
color: black;
}

.topic_header_2 a:link
{
color: #3f3f3f;
text-decoration: none;
}

.topic_header_2 a:visited
{
color: #3f3f3f;
text-decoration: none;
}

.topic_header_2 a:hover
{
color: black;
}

.body_type a:link
{
color: gray;
}

.body_type a:visited
{
color: gray;
}

.body_type a:hover
{
color: black;
}



/* INDEX PAGE______________________________________________________________________________*/


.index_image
{
color: white;
float: left;
font-size: 60px;
font-style: italic;
font-weight: bold;
margin: 26px 0px 0px 30px;
padding: 30px 0px 0px 140px;
width: 540px;
height: 306px;
background-image: url(assets/annabeth_marks1.jpg);
}


/* ARTISTS PAGE______________________________________________________________________________*/


.topic_container_3
{
float: left;
margin: 5px 10px 10px 10px;
width: 660px;
padding: 0px 0px 0px 0px;
}

.column_header
{
margin: 20px 0px 0px 0px;
border-bottom: 4px solid #bfbfbf;
font-size: 11px;
font-weight: bold;
font-style: italic;
line-height: 18px;
color: #3f3f3f;
}

.artist
{
margin: 17px 0px 0px 0px;
font-size: 11px;
line-height: 18px;
color: #3f3f3f;
}

.artist li
{
list-style-type: none;
border-top: 1px solid #bfbfbf;
}

.body_type_2
{
float: left;
margin: 10px 122px 15px 0px;
font-size: 11px;
line-height: 18px;
color: #3f3f3f;
width: 430px;
}

.image_thumb_2
{
height: 100px;
width: 100px;
padding: 3px;
float: right;
border: 1px solid #a5a5a5;
overflow: hidden;
background: white;
margin: 14px 0px 10px 0px;
}

.accordion_container
{
margin: 10px 0px 10px 0px;
}

.artist_info
{
width: 660px;
height: 250px;
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 11px;
line-height: 18px;
color: #3f3f3f;
}



.artist a:link
{
color: gray;
text-decoration: none;
}

.artist a:visited
{
color: gray;
text-decoration: none;
}

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


/* Step Carousel______________________________________________________________________________*/


#gallery
{
margin: 5px 10px 10px 0px;
}

.stepcarousel
{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 258px; /*Width of Carousel Viewer itself*/
height: 320px; /*Height should be enough to fit largest content's height*/
}

.stepcarousel .belt
{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel
{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 400px 0px 0px; /*margin around each panel*/
padding: 3px;
border: 1px solid #a5a5a5;
background: white;
}

.back_next
{
float: left;
font-size: 11px;
height: 10px;
margin: 25px 0px 0px 20px;
}

.back_next a 
{ 
text-decoration: none; 
color: black;
}

.back_next a:visited 
{ 
text-decoration: none; 
color: black;
}

.back_next a:hover 
{ 
text-decoration: none; 
color: #999999;
}