body {background: url(../images/bg.png) repeat 0 0; font: 14px/19px arial, sans-serif; color: #604b33;}
h1 a {display: block; width: 186px; height: 104px; background: url(../images/logo.jpg) no-repeat; text-indent: -100em; float: left; margin-top: 4px; margin-left:10px;}
h2 {color: #ecd8a8; font: 40px/40px 'times new roman', serif; font-weight: normal;}
h3, h3 a {color: #8d4601; font: 24px/26px 'times new roman', serif; text-transform: uppercase; margin: 25px 0 10px 0; letter-spacing: 1px; text-decoration: none;}
h3 a:hover {text-decoration: underline;}
h4 {color: #4e3c2a; font: 18px/22px 'times new roman', serif; text-transform: uppercase; margin: 15px 0; letter-spacing: 1px;}
p {margin: 10px 0;}
p.small {font-size: 11px; line-height: 14px; margin-top: 15px;}
p.twit {line-height: 15px; margin: 10px 0 0 0; border-bottom: 1px solid #e4dbc7; padding-bottom: 10px;}
p.comment {font-size: 11px; width: 580px; margin: -5px 0 10px 0;}
p.date {color: #4e3c2a; font: 14px 'times new roman', serif; text-transform: uppercase; margin: -8px 0 0 0; letter-spacing: 1px;}
ul {list-style: disc; margin-left: 15px;}
li {margin-bottom: 5px;}
li.comment {margin-bottom: 15px;}
textarea {width: 500px; height: 100px;overflow:hidden}
a {color: #b63007;}
hr {border-color: #ae996c; border-style: solid; border-width: 1px 0 0; padding: 0; margin: 12px 0 20px 0; height: 0; width: 580px; float: left; display: block; clear: both;}

#header {background: url(../images/bg_hdr_home.jpg) top center no-repeat; width: 100%; height: 223px; min-width: 960px;}
body#sub #header {background: url(../images/bg_hdr_sub.jpg) top center no-repeat; height: 182px;}

#header_content {width: 900px; margin: 0 auto; position: relative;}






.mattblacktabs{
margin-left:200px;
padding-top:60px;
font-weight:bold;
overflow: hidden;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Arial, Helvetica, sans-serif;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
color: #EDD9AA;
}

.mattblacktabs li a:visited{
color: #EDD9AA;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}











#nav {height: 30px; list-style: none; display: inline; overflow: hidden; float: left; margin: 40px 0 0 40px;}
#nav li {list-style: none; display: inline;}
#nav a {padding-top: 12px; margin-right: 0px; float: left; height: 30px !important; border: 8px solid transparent; text-indent: -100em;}
#nav a:hover, #nav li.selected a {background-color: #36281c; border: 8px solid #36281c;}

#nav1 a {width: 78px; background: url(../images/nav_paintings.png) top left no-repeat;}
#nav2 a {width: 56px; background: url(../images/nav_murals.png) top left no-repeat;}
#nav3 a {width: 92px; background: url(../images/nav_exhibitions.png) top left no-repeat;}
#nav4 a {width: 93px; background: url(../images/nav_collections.png) top left no-repeat;}
#nav5 a {width: 89px; background: url(../images/nav_news-room.png) top left no-repeat;}
#nav6 a {width: 49px; background: url(../images/nav_about.png) top left no-repeat;}
#nav7 a {width: 68px; background: url(../images/nav_contact.png) top left no-repeat;}	

#nav3 em {background: url(../images/popup.png) no-repeat; width: 93px; height: 33px; position: absolute; top: 8px; left: 515px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}

.container {width: 967px; margin: 0 auto; overflow: auto;}

.float_left {float: left; margin: 4px 15px 15px 0; padding: 3px; border: 1px solid #bfa894}
.float_right {float: right; margin: 4px 0 15px 15px; padding: 3px; border: 1px solid #bfa894}
.col_right .float_left {margin: 3px 10px 5px 0;}

.ext {background: url(../images/icn_earth.png) 0 0 no-repeat; padding-left: 28px; line-height: 20px !important; font-size: 14px !important; margin: 20px 0 0 1px; zoom: 1;}

#rowTop {background: url(../images/bg_rowTop.jpg) center 211px no-repeat; width: 100%; min-width: 960px; overflow: auto;}

#subnav {height: 130px; width: 890px; margin: 0 auto 65px auto; padding: 0 30px 0 40px; }
#subnav h2 {font-size: 48px; line-height: 130px; float: left;}
#subnav p {text-transform: uppercase; float: right; color: #d6b975; font: 12px/16px 'times new roman', serif; letter-spacing: 2px; width: 475px; text-align: right; margin-top: 40px;}

#callout {background: #36281C 0 0 no-repeat; width: 930px; height: 233px; border: 15px solid #36281c; margin: 0 auto; }
#callout h2, #callout p {width: 480px; margin: 22px 0 20px 430px;}
#callout h2 {color: #f9f7f0;}
#callout p {color: #f4ead1; font-size: 16px; line-height: 23px; margin-top: 20px; margin-bottom: 0;}
#callout a {color: #3c2a16;}

#buttons {width: 360px; margin: 22px 0 0 490px;}
#buttons img {margin: 0 10px 0 0;}

#rowBot {background: url(../images/bg_rowBot.jpg) 0 0 no-repeat; width: 100%; min-width: 960px; height: 247px;}	

.row_item {width: 250px; margin: 70px 0 0 40px; float: left; padding-bottom: 25px;}
.row_item h3 { margin-top: 0;}
.row_item img {margin-top: 5px;}
.wide {width: 580px; margin: 25px 0 0 40px; float: left;}
.wide h3 {color: #c79909;}
.quote {margin: 25px 0 25px 40px; text-align: center;}
.quote q {font: 18px/22px 'times new roman', serif; font-style: italic;}
.quote p {margin: 15px 0; font-size: 12px; line-height: 17px;}
.quote strong {color: #4b9d8d; font-size: 14px;}
.form_txt {width:250px;}

#content {background: url(../images/bg_content.jpg) top center repeat-y; width: 100%;}

#content_top {background: url(../images/bg_content_top.jpg) top center no-repeat; width: 100%; min-width: 960px;}

#content_bot {background: url(../images/bg_content_bot.jpg) bottom center no-repeat; width: 100%; min-width: 960px; min-height: 250px}

.col_left {float: left; width: 555px; margin: -5px 0 0 40px; min-height: 485px; padding-bottom: 40px;}

.col_right {float: right; width: 240px; margin: 0 40px 0 0; min-height: 485px; color: #392a1c; padding-bottom: 40px;}

.alt .col_left, .alt .col_right {padding-bottom: 0px; min-height: 0;}
.alt.last .col_left, .alt.last .col_right {padding-bottom: 40px;}
.alt hr {border-color: #ae996c; border-style: solid; border-width: 1px 0 0; padding: 0; margin: 10px 2px 0 0; height: 0; width: 918px; float: right; display: block; clear: both;}

.checklist {margin-left: 0 !important;}
.checklist li {list-style: none; line-height: 20px; background: url(../images/bul.png) 0 0 no-repeat; padding-left: 30px;}

.col_right h3 {font-size: 20px; color: #392a1c; padding-left:10px; margin: 20px 0 10px 0;}
.col_right p {font-size: 13px; padding-left:10px; line-height: 17px;}
.col_right h4 {color: #a95504; font: 13px/17px arial, sans-serif;  text-transform: normal; letter-spacing: 0; font-weight: bold; margin: 15px 0 10px 0;}
.col_right hr {margin: 20px 0 -3px 0 !important; height: 1px; border: none; background: #af9c71; color: #af9c71; clear: both; *margin-top: 10px; float: none; width: auto;}

#widgets {list-style: none; margin-left: 0;}

.other-things {color: #4e3c2a; font: 14px 'times new roman', serif; text-transform: uppercase; margin: 15px 0 0 0; letter-spacing: 1px;}
.other-things b {font-weight: normal;}
.content li {padding: 10px 0;}
.content form {margin-top: 10px;}

#footerTop #freeform input, #contactus textarea {border: 0; font: 12px 'times new roman', serif; color: #35281b;}
#footerTop #freeform #posName {background: url(../images/bg_input_name.png) 0 0 no-repeat; width: 151px; height: 23px; padding: 10px 0 0 12px;}
#footerTop #freeform #posEmail {background: url(../images/bg_input_email.png) 0 0 no-repeat; width: 224px; height: 23px; padding: 12px 0 0 12px;}
#footerTop #freeform #posText {background: url(../images/bg_input_msg.png) 0 0 no-repeat; width: 225px; height: 102px; padding: 13px 0 0 12px;}
#footerTop #freeform #send {background: url(../images/btn_send.png) 0 0 no-repeat; width: 92px; height: 39px; float: right; cursor: pointer; margin-right: 30px; padding: 39px 0 0; overflow: hidden;}

#footerTop {background-color: #33261a; width: 100%; overflow: auto;}
#footerTop .row_item {margin: 0 0px 0 40px; color: #e6d3a5; padding-bottom: 10px;}
#footerTop h3 {color: #e3bb5c; font-size: 20px; margin-top: 18px;}
#footerTop p {font-size: 13px; line-height: 18px; margin-bottom: 10px;}
#footerTop a {color: #ecd8a9;}

#footerBot {background-color: #0c0704; width: 100%; line-height: 40px; color: #e6d3a5; font-size: 12px;}
#footerBot div {width: 880px;}
#footerBot ul {float: right; list-style: none; margin: 0;}
#footerBot li {display: inline; margin: 0; border-right: 1px solid #33261a; padding: 0 12px 0 10px;}
#footerBot li.last {padding-right: 0; border: none;}
#footerBot a {color: #e6d3a5; text-decoration: none;}
#footerBot a:hover {text-decoration: underline}

.formcss
{
BORDER-RIGHT: #999999 1px solid; 
BORDER-TOP: #999999 1px solid; 
FONT-WEIGHT: normal;
padding:3px;
FONT-SIZE: 8pt; 
BORDER-LEFT: #999999 1px solid; 
COLOR: #000000;
width:300px;
BORDER-BOTTOM: #999999 1px solid; 
FONT-FAMILY: Verdana
}
