body {
margin: 0 auto;
padding: 0;
font: 86% Arial,sans-serif;

}

#wrap {

color: #303030;
margin: 0 auto;
width: 760px;
}

#mast {
margin: 30px 0 0 0;
padding: 5;
}

#title>h1 {
            margin: 0 0 0 0;
            padding-bottom: 1px;
            background: url("../visuals/title-ul.png") no-repeat bottom left;
            font-weight: 400;
            font-size: 3.0em;
            color: #66B6F8; /*blue shade*/
}

#title h2 {
margin: 0 0 0 0;
font-size: 1.2em;
font-weight: 400;
width: 400px;
color: #999999;
}

#sub {
clear: left;
margin: 72px 0 0 0;
width: 760px;
padding: 0;
}

#content {
clear: left;
position: absolute;
width: 497px;
margin: 0 263px 0 0;
padding: 0;
background: #ffffff;
color: #999999;
}

#mainPg {
margin: 30px 0 0 0;
width: 760px;
/*height: 300px;*/
padding: 0;
}

#noIndex { background: url("../visuals/fade.jpg") repeat-x top left; }
/*.frontphoto {
margin: 0 0 0 0;
border: 0;
float: left;
}*/
img { border: 0;
      }

#menu {
float: right;
width: 248px;
margin: 0 0 0 0;
padding: 0;
font-size: 0.9em;
}

#menu ul {	
font-weight: 550;
list-style: none;
width: 248px;
margin: 0 0 0 0;
padding: 0;
font-size: 1.6em;
}	

#menu li {
margin-bottom: 1px;
}

#menu li a {
height: 55px;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
display: block;
padding: 5px 3px 0 5px;
background: #D3D3D3;
line-height: 0.8em;
}	

#menu li a#current { background: #a3a3a3; }
	
#menu li a:hover, #menu li a#current:hover {
background: #66B6F0;
color: #FFFFFF;
}

#menu small {
padding: 0;
margin: 0 0 0 0;
font-weight: 400;
font-size: 0.7em;
color: #d3d3d3;
}

#content-box {
margin: 0 258px 0 0;
min-height: 285px;
/*max-height: 285px;*/
padding: 5px 5px 10px 5px;
line-height: 150%;
color: #777777;
visibility: visible;
background: url("../visuals/fade.jpg") repeat-x top left;
}

#content-box h1 {
margin: 0 0 0 0;
padding: 0 0 6px 0;
font-size: 2em;
color: #bb3333;
font-weight: 600;
}

#content-box h2 {
margin: 0 0 0 0;
padding: 10px 0 6px 3px;
font-size: 1.7em;
color: #888;
font-weight: 600;
}

#content-box h3{ 
                 margin: 0 0;
                 padding: 5px 0 4px 5px;
                 font-size: 1.3em;
                 color: #777;
                 }

#content-box p { 
                 padding-left: 5px;
 }

#content-txt { 
background: #eaeaea;
 }

#logo { display: block;
        margin: 0px auto 5px auto;
        }
a {
text-decoration: none;
color: #339EEB;
}

a:hover {
color: #B2DAF7;

}

a.links {
display: block; 
margin: 2px 0 0 0;
}

.hide {
display: none;
}

.subphoto {
margin: 0 0 20px 0;
border: 0;
float: left;
}


#footer { background: url("../visuals/footer-shade.png") repeat-x top left;
          border-top: 2px solid #66B6F8;
          font-family: monospace;
          text-align: center;
          padding: 2px 5px 10px 5px;
}

img.imgLeft { float: left;
              padding: 5px 8px;
              }

img.imgRight { float: right;
               padding: 5px 8px;
               }

.centering { text-align: center;
             }

.centering>img { padding: 3px;
                 border: 2px solid #cacaca;
                 } 

li#current { background-color: #fffeb5 !important;
             }

table.artGrid { width: 500px;
                margin: 5px;
                text-align: center;
                }

table.artGrid tr td { padding-top: 5px;
                      }

table.artGrid tr td:hover { background-color: #eee;
                            }

p#corniche { padding: 10px 30px 250px 20px;
             background: url('../visuals/sharjahBuildings.jpg') no-repeat top left;
             font-weight: bold;
             color: #fff;
 }

p#sharjah { padding: 250px 20px 10px 20px;
            background: url('../visuals/sharjah-bg500.jpg') no-repeat top left;
            font-weight: bold;
            color: #fff;
            }