html, body, div, p, img, h1, h2, h3, h4, ul, ol, li, form, table, tr, td, dl, dt, dd {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: separate;
    border-spacing: 0px;
}

div {border-spacing: 0px;}
   
body {
    padding: 0 0px 0 0px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

/* webpage */

#main {
    width: 990px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

#banner {
    xxwidth: 990px;
    height: 63px;
    background: #d9dadb url(/unrecognized/static/images/banner.gif) no-repeat top center;
}

#menu {
    height: 45px;    /*58px;*/
    font-size: 1.2em;
    font-weight: bold;
    color: #626365;
    position: relative;
}


#menu a {color:#626365; text-decoration:none;}
#menu a:hover {color:#626365; text-decoration:underline;}

#menu .first {
    margin-left: 17px;
}

#menu .first-large {
    margin-left: 40px;
}

#menu .large {
    font-size: 20px;
    position: relative;
    bottom: -27%;
}

#menu .large-separator {
    position: relative;
    bottom: -50%;
}

#menu div {
    float: left;
    margin: 0 5px;
    position: relative;
    bottom: -63%;
    xxbottom: -54%;
}

#menu .arabic {
    font-size: 18px;
    position: relative;
    bottom: -56%;
}



/* left */
	
#left {
    width:590px;
    float:left;
    position: relative;
}

#recognition-title {
    height:36px;
    float:right;
    display: inline; /* fixing ie6 double-margin bug */
    clear: both;
    margin: 20px 20px 0 0;
}


#recognition-blurb {
    width: 252px;
    height: 67px;
    float:right;
    display: inline; /* fixing ie6 double-margin bug */
    clear: both;
    margin-top: 10px;
    margin-right: 20px;
    color: #FFFFFF;
    text-align: right;
    font-size: 14px;
    xxbackground: yellow;
}

#recognition-links {
    float: right;
    margin-right: 20px;
    display: inline; /* fixing ie6 double-margin bug */
    text-align:right;
    xxbackground: yellow;
}

.recognition-link {
    width:127px;
    xxfloat:right;
    font-size:14px;
    font-weight:bold;
    padding-bottom:4px;
    border-bottom:2px dotted #ffffff;
    margin-bottom:4px;
    background-color: #717171;
}


.recognition-link a {
    color:#ffffff; 
    text-decoration:none;
}

.recognition-link a:hover {
    xxcolor: #dadada; 
	color: #ffff99; 	
    text-decoration:none;
}


/* right */

#right {
    width: 400px;
    float:left;
}

#exhibition {
    background:url(/unrecognized/static/images/exhibition_menu_background.gif) repeat-y top left;    
    position: relative;
    height: 500px;
}

#exhibition-left {
    width:232px;
    height:500px;
    float:left;
    xxbackground:#f5f6f6;
    position: relative;
}

#exhibition-title {
    height:36px;
    float:left;
    display: inline; /* fixing ie6 double-margin bug */
    clear: both;
    margin: 20px 0 0 30px;
}

#exhibition-blurb {
    width:180px;
    float:left;
    display: inline; /* fixing ie6 double-margin bug */
    clear:both;
    margin-top: 10px;
    margin-left: 30px;
    font-size: 14px;
    xxbackground: yellow;
    text-align: left;
}

#exhibition-links {
    width:171px;
    xxfloat:left;
    xxdisplay: inline; /* fixing ie6 double-margin bug */
    clear: both;
    xxmargin-left: 30px;
    position: absolute;
    top: 303px;
    left: 30px;
}

.exhibition-link {
    width:163px;
    xxfloat:left;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    padding-bottom:4px;
    border-bottom:2px dotted #000000;
    margin-bottom:4px;
    xxmargin-left: 30px;
}

.exhibition-link a{color:#000000; text-decoration:none;}
.exhibition-link a:hover {
	xxcolor:#404040; 
	color:#e32322; 
	text-decoration:none;
}


#thumb-pager{
    xxbackground:#f5f6f6;
    width:168px;
    height:500px;
    float:left;    
}

#thumb-pager-contents {
	height: 500px;
    margin: 10px 0 10px 0;
}

#thumb-pager-arrows {
    position: absolute;
    top: 230px;
    left: 200px;
    xxfloat:right;
    width: 40px;
    xxmargin-top:20px; 
    padding-left:5px;
}

.thumb-pager-arrow {
    height: 30px;
}


.thumb {
    xxfloat:left;
    width:168px;
    height:84px;
    padding-bottom:6px;
    padding-top: 6px
}




.exhibition-page {
    width:550px;
    xxheight:500px;
    background:url(/unrecognized/static/images/exhibition_background.gif) repeat-y top left;
    xxfloat:left;
    padding: 20px 20px 0 20px;
}

.exhibition-page p {
    width: 420px;
    text-indent: 20px;    
    font-size: 14px;
}


h1 {
    font-size: 18px;
}

/*.exhibition-page*/ .p-rtl {
    xxpadding-left: 100px;
    padding-right: 30px;
}

.exhibition-page .p-ltr {
    padding-right: 150px;
    padding-left: 30px;
}

.exhibition-page h2.p-rtl {
    padding-top: 30px;
}

.exhibition-page .arabic {
    font-size: larger;
}

#showpiece-description {
    padding-top: 10px;
}







.village-toc-link, #showpiece-village-link, .table-of-contents h1 {
    padding-top: 5px;
    font-size:14px;
    font-weight:bold;
}

.village-toc-link a, #showpiece-village-link a, .table-of-contents h1 a {
    color:#000000;
    text-decoration:none;
}

.village-toc-link a:hover, #showpiece-village-link a:hover { 
    color:#404040;
    text-decoration:none;
}

.recognition-page {
    width:355px;
    xxheight:500px;
    background:url(/unrecognized/static/images/recognition_page_background.gif) repeat-y top left;
    padding: 0 20px 0 25px;
}

.recognition-page p {
    font-size: 14px;
   text-indent: 20px;    
}

.recognition-page h1, .exhibition-page h1 {
	padding: 20px 0 20px 0;
}


.table-of-contents h1 {
	padding: 0 0 5px 10px;
}


.ltr {
    direction: ltr;
    text-align: left;
}


.rtl {
    direction: rtl;
    text-align: right;
}

.under-construction {
    color: red; 
}