
body {

margin : 0 auto 0 auto;
font-family : Futura, Aial, Helvetica, sans-serif;
font-size : 13px;
line-height : 16px;
color : black;
background-color: #a4957c;
background-image : url(assets/fullbghome.jpg);
background-position : top center;
background-attachment : fixed;
background-repeat : no-repeat;
}

a:link {
color : black;
text-decoration : none;
border: 0px;
}
a:visited {
color : black;
text-decoration : none;
}
a:hover {
color : white;
text-decoration : none;
}
a:active {
color : black;
text-decoration : none;
}


h1 {
font-size : 22px;
line-height: 21px;
font-weight : normal;
text-transform : uppercase;
font-family : Futura, Aial, Helvetica, sans-serif;
color : #8a1a05;
margin-top : 10px;
margin-bottom : 5px;
}

h1.title {
font-size : 28px;
font-weight : normal;
text-transform : uppercase;
font-family : Futura, Aial, Helvetica, sans-serif;
color : black;
padding-top : 0px;
}

h2 {
font-size : 16px;
line-height: 17px;
font-weight: normal;
text-transform: uppercase;
font-family: Futura, Aial, Helvetica, sans-serif;
margin-top : 0;
color : black;
}

h2.exhibitions {
font-size : 15px;
line-height: 17px;
font-weight: normal;
text-transform: uppercase;
font-family: Futura, Aial, Helvetica, sans-serif;
margin: 0px 0 10px 0;
color : #8a1a05;
}

#wrap {
width : 1000px;
margin  : 0 auto 0 auto;
padding : 0;
border : 0px solid ;
background-color: white;
background-image: url();
background-position: top center;
background-attachment: ;
background-repeat: repeat;
}

#wraphome {
margin  : 0 auto 0 auto;
padding : 0;
border : 0px solid ;
background-color: ;
background-image: url();
background-position: top center;
background-attachment: ;
background-repeat: no-repeat;
}




#header {
height: 100px;
margin : 0px auto 0 auto;
padding: 0;
border: 0px solid ;
background-color: ;
background-image: url("");
background-position: top center;
background-attachment: ;
background-repeat: no-repeat;
}


#hjlogo {
width: 330px;
height: 60px;
margin : 0px auto 0px auto;
padding-top: 10px;
border: 0px solid red;
background-color: white;
background-image: url("");
background-position: top center;
background-attachment: ;
background-repeat: no-repeat;
}


#topnav {
text-align: center;
height : 16px;
margin  : 0px auto 0px auto;
padding : 4px;
background: #7a6e59;
border: 0px solid black;
}

#topnav a {
display: inline;
font-family: arial,san serif;
font-size: 14px;
height: 15px;
color: WHITE;
margin: 0px; 
padding: 8px 10px 8px 10px;
background: ;
}

#topnav a:hover {
color: #d7d5d5;
font-size: 14px;
margin: 0px; 
background: ;
}

#secondaryheader {
width: 960px;
height: 80px;
margin : 0px auto 0px auto;
padding : 0px 0px 0px 0px;
border-bottom : 1px solid #8e8168;
background-color: white;
}

#titlebox {
width: 300px;
height: 30px;
margin : 0px auto 0px 20px;
padding : 10px 0px 0px 0px;
border-bottom : 0px solid gray;
background-color: ;
}


a.backbutton {
float: left;
font-family: arial,san serif;
font-size: 13px;
height: 16px;
color: white;
margin: 10px 0px 0px 20px; 
padding: 2px 10px 2px 10px;
background-color: black;
}

a:hover.backbutton {
color: white;
font-size: 13px;
background-color: gray;
}


#midbodyhome {
width: 960px;
margin : 0px auto 0px auto;
padding : 40px 0px 40px 0px;
border : 0px solid green;
background-color: ;
}

.home_paragraphbox {
width: 600px;
text-align: center;
color: white;
margin : 40px auto 0px auto;
padding : 0px 0px 0px 0px;
}


#midbody {
width: 1000px;
margin : 0px auto 0px auto;
padding : 0px 0px 40px 0px;
border : 0px solid green;
background-color: white;
}


#midbody1 {
width : 720px;
text-align: ;
float: left;
margin : 20px 0 0px 40px;
padding : 0px;
border : 0px solid white;
background-color: ;
}


#midbody2 {
width: 180px;
float: right;
font-size: 15px;
line-height: 17px;
color: #a4957c;
margin : 20px 20px 0px 0px;
padding-left : 20px;
border-left : 1px solid #8e8168;
background-image: ;
background-color: ;
}

.midbody2_box {
width: 177px;
font-size: 15px;
line-height: 17px;
color: #a4957c;
margin : 0px;
padding: 10px 0 10px 0;
border : 0px solid #8e8168;
background-image: ;
background-color: ;
}

.midbody2_box img {
border-style: none;
margin: 10px 0 0 0;
padding: 5px;
background: white;
border: 1px solid #a4957c;
}


#midbody1a {
width : 340px;
float: left;
text-align: ;
margin : 0px 0 0px 0px;
padding : 0px;
border : 0px solid white;
background-color: ;
}

#midbody1b {
width : 340px;
text-align: ;
float: right;
margin : 0px 0 0px 0px;
padding : 0px;
border : 0px solid white;
background-color: ;
}

#midbody1b a {
width: 160px;
color: white;
margin: 0px; 
padding: 0px;
}

#midbody1b a:hover {
width: 160px;
color: white;
margin: 0px;
padding: 0px;
}




.catalog_thumb {
width : 200px;
float : left;
margin : 0 15px 15px 0;
padding : 5px;
border : 1px solid black;
background-color : ;
}



.press_thumb {
width:150px;
margin-right:15px;
margin-bottom:20px;
padding:0px;
border:1 solid gray;
float:left;
}




/* EXHIBITS PAGE */ /* EXHIBITS PAGE */ /* EXHIBITS PAGE */ 


#exhibits_leftcol {
width : 340px;
text-align: ;
margin : 20px 0 0px 40px;
padding : 0px;
border : 0px solid white;
background-color: ;
}


#exhibits_rightcol {
width : 560px;
float: right;
text-align: ;
margin : 20px 40px 0px 0px;
padding : 0 0 0 0px;
border-left : 1px solid #7a6e59;
background-color: ;
}





.exhibitbox {
width : 320px;
min-height: 122px;
float:left;
margin : 0 10px 0 auto;
padding : 0px 0 10px 0px;
border-bottom : 0px solid #e8dfd0;
background-color : ;
}

.exhibitbox img {
border-style: none;
float: left;
margin-right: 10px;
padding: 5px;
background: white;
border: 1px solid #a4957c;
}

.exhibits_imagebox {
float: left;
border-style: none;
width: 150px;
margin: 10px 0px 0 20px;
padding: 5px;
background: white;
border: 1px solid #a4957c;
}

#exhibits_mainimage {
width : 520px;
text-align: ;
margin : 0px 0 0 20px;
padding : 0px;
border: 0px solid #cfc3b0;
}


.exhibit_col {
width:160px;
margin-left:20px;
float:left;background-color:;
}

.exhibit_col_ads {
width:160px;
margin-left:20px;
border-left:1px solid black;
float:left;background-color:;
}

.exhibit_col img {
margin-bottom:10px;
width:148px;
padding:5px;
border:1px solid black;
background-color:white;
}


/* END EXHIBITS PAGE *//* END EXHIBITS PAGE *//* END EXHIBITS PAGE */ 


#gallerythumbbox {
width : 720px;
min-height: 122px;
horizontal-align: center;
vertical-align: center;
margin : 0 auto 0 auto;
padding : 0px 0 0px 0px;
border-bottom : 0px solid #e8dfd0;
background-color : ;
}

#gallerythumbbox img {
border-style: none;
float: left;
margin: 0 16px 12px 0;
padding: 5px;
background: white;
border: 1px solid #a4957c;
}


#footer p {
color: #6a604e;
font-size: 13px;
}



#footer {
clear : both;
width: 100%;

margin : 0 auto 0 auto;
padding : 10px 0 20px 0px;
border-top : 0px solid #8e8168;
background-image : url();
background-repeat : no-repeat;
background-color : #a4957c;
}

#footerinside {
clear : both;
width: 960px;

margin : 0 auto 0 auto;
padding : 0px 0 20px 0px;
border-top : 0px solid black;
background-image : url();
background-repeat : no-repeat;
background-color: ;
}


.footerboxsmall {
float: left;
width: 198px;
color: black;
font-size: 12px;
min-height: 60px;
border-right: 1px solid black;
margin: 0px;
padding: 0 20px 0px 20px;
background-color: ;
}











#culture { width: 92px; background: url(assets/nav/culture.gif) left top no-repeat; }
#culture:hover { background: url(assets/nav/cultureMO.gif) left top no-repeat; }

#clothing { width: 98px; background: url(assets/nav/clothing.gif) left top no-repeat; }
#clothing:hover { background: url(assets/nav/clothingMO.gif) left top no-repeat; }

#wallart { width: 102px; background: url(assets/nav/wallart.gif) left top no-repeat; }
#wallart:hover { background: url(assets/nav/wallartMO.gif) left top no-repeat; }

#photography { width: 134px; background: url(assets/nav/photography.gif) left top no-repeat; }
#photography:hover { background: url(assets/nav/photographyMO.gif) left top no-repeat; }

#bikes { width: 70px; background: url(assets/nav/bikes.gif) left top no-repeat; }
#bikes:hover { background: url(assets/nav/bikesMO.gif) left top no-repeat; }

#rides { width: 68px; background: url(assets/nav/rides.gif) left top no-repeat; }
#rides:hover { background: url(assets/nav/ridesMO.gif) left top no-repeat; }

#events { width: 82px; background: url(assets/nav/events.gif) left top no-repeat; }
#events:hover { background: url(assets/nav/eventsMO.gif) left top no-repeat; }

#contact { width: 94px; background: url(assets/nav/contact.gif) left top no-repeat; }
#contact:hover { background: url(assets/nav/contactMO.gif) left top no-repeat; }



#videobox {
float: right;
width : 368px;
height: 220px;
margin : 320px 40px 20px 0px;
padding : 0px 0px 0px 0px;
border : 0px solid white;
}

.scrollbox {
float: right;
width : 550px;
height: 220px;
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
border : 0px solid white;
overflow: auto;
scrollbar-base-color: white;
scrollbar-arrow-color: black;
scrollbar-shadow-color: 56350f;
scrollbar-lightshadow-color: ; 
scrollbar-darkshadow-color: ;
scrollbar-highlight-color: 56350f;
scrollbar-3dlight-color: black;
scrollbar-track-color: black;
}


.spacer {
width: 320px;
height: 25px;
margin : 0px;
padding : 0px 0px 0px 0px;
border : 0px solid green;
}

/* LARGE DISPLAY LINKS */

a.largedisplaylink {
display: ;
float:left;
width: 300px;
height: ;
color: #e5d6b5;
background: #000000;
background-image: ;
background-repeat: no-repeat;
border-left : 0px solid #fff;
border-top : 0px solid #fff;
border-right : 0px solid #666;
border-bottom : 1px solid #aaa;
padding: 0px;
font-size: 12px;
margin-bottom: 2px;
}

a:hover.largedisplaylink {
color: #ffffff;
background: #3f3e3e;
background-image: 
background-repeat: no-repeat;
}

/* END LARGE DISPLAY LINKS */



/* SINGLE LINKS */

a.singlelink {
display: ;
float:left;
width: 150px;
height: 20px;
color: #e5d6b5;
background: #000000;
background-image: url(assets/sidebuttonBG.gif);
background-repeat: no-repeat;
border-left : 0px solid #fff;
border-top : 0px solid #fff;
border-right : 1px solid #666;
border-bottom : 1px solid #aaa;
padding: 3px 5px 3px 42px;
font-size: 12px;
margin-bottom: 2px;
}

a:hover.singlelink {
color: #ffffff;
background: #595756;
background-image: url(assets/sidebuttonBGMO.gif);
background-repeat: no-repeat;
}

/* END SINGLE LINKS */





.paragraphbox {
width: 480px;
margin : 0px auto 0px auto;
padding : 0px 0px 0px 0px;
border-bottom : 1px solid #4c4c4c;
background-image: ;
background-color: ;
}



.clear {
clear : both;
}

.p {
width: 450px;
margin-top : 20px;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding : 0;
border : 0 solid #000;
}



/* IMAGES THAT FLOAT LEFT AND RIGHT */


img.left {
float: left;
margin: 0 10px 10px 0;
}

img.right {
float: right;
margin: 0 0 10px 10px;
}


.image_float {
float : left;
margin-right : 20px;
margin-bottom : 10px;
border : 1px solid #000;
}

/* END FLOATING IMAGES */


/* SPINNSOFT ADDITIONS  */

#PicDiv {
	color:#000000;
	height:450px; 
	width:400px; 
	padding:0px 5px 0px 0px;
}
#PicDiv a{
	color:#000000;
}


#midbody1a_art {
width : 290px;
float: left;
text-align: ;
margin : 0px 0 0px 0px;
padding : 0px;
border : 0px solid white;
background-color: ;
}

#midbody1b_art {
width : 400px;
text-align: ;
float: right;
margin : 0px 0 0px 0px;
padding : 0px;
border : 0px solid white;
background-color: ;
}

#midbody1b_art a {
width: 160px;
color: black;
margin: 0px; 
padding: 0px;
}

#midbody1b_art a:hover {
width: 160px;
color: black;
margin: 0px;
padding: 0px;
}

#searchbox1 {
	width: 125px;
	height: 20px;
	position: absolute;
	top: 110px;
	left:765px;
}
#searchbox2 {
	width: 150px;
	height: 20px;
	position: absolute;
	top: 110px;
	left: 950px;
}

.searchselect{
	font-size:11px;
	border:1px #4B3214 solid; 
	color: #37230B; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF; 
	text-decoration: none; 
}


/* END SPINNSOFT ADDITIONS */
