body {
background-color: #ffffff;
margin: 0 auto;
}
#page {
width: 1024px;
height: 768px;
background-image: url(udhamock1page.jpg);
background-repeat: no-repeat;
background-position: top left;
margin: 0 auto;
color: #ffffff;
}
a {
text-decoration: none;
color: #650303;
}
a.white {
color: #ffffff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: none;
}
#toplinks {
width: 900px;
height: 20px;
text-align: right;
font-size: 15px;
margin-left: 30px;
padding-top: 5px;
color: #ffffff;
}
#midlinks {
width: 600px;
height: 20px;
margin: 90px 0 10px 300px;
color: #000000;
}
.nav {
width: 580px;
height: 30px;
margin: 0 0 30px 200px;
border: 2px solid #650303;
}
.nav ul {
padding:0; 
margin:0;
list-style-type: none;
position:absolute;
float: left;
}
.nav ul li {
float: left;
list-style-type: none;

}
.nav ul li ul {
visibility: hidden;
font-size: 15px;
width: 1000px;
margin-top: -15px;
color: #650303;
}
.nav ul li:hover ul {
visibility: visible;
}
.nav ul li a span {
visibility: hidden;
}
ul.fun {
margin-left: -100px;
}
ul.fun2 {
margin-left: -50px;
}
#home {
width: 60px;
height: 30px;
background: url(udhabuttonhome.jpg) top left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#home:hover {
width: 60px;
height: 30px;
background: url(udhabuttonhome.jpg) bottom left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#about {
width: 60px;
height: 30px;
background: url(udhabuttonabout.jpg) bottom left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#about:hover {
width: 60px;
height: 30px;
background: url(udhabuttonabout.jpg) bottom left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}

#projects {
width: 80px;
height: 30px;
background: url(udhabuttonprojects.jpg) top left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#projects:hover {
width: 80px;
height: 30px;
background: url(udhabuttonprojects.jpg) bottom left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#action {
width: 100px;
height: 30px;
background: url(udhabuttonaction.jpg) top left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#action:hover {
width: 100px;
height: 30px;
background: url(udhabuttonaction.jpg) bottom left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#get {
width: 120px;
height: 30px;
background: url(udhabuttonget.jpg) top left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#get:hover {
width: 120px;
height: 30px;
background: url(udhabuttonget.jpg) bottom left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#partners {
width: 80px;
height: 30px;
background: url(udhabuttonpartners.jpg) top left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#partners:hover {
width: 80px;
height: 30px;
background: url(udhabuttonpartners.jpg) bottom left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#contact {
width: 80px;
height: 30px;
background: url(udhabuttoncontact.jpg) top left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#contact:hover {
width: 80px;
height: 30px;
background: url(udhabuttoncontact.jpg) bottom left no-repeat;
margin: 0;
display: block;
text-decoration: none;
}
#content {
width: 810px;
height:520px;
margin: 30px 0 0 90px;
color: #000000;
font-size: 14px;
}
#foot {
width: 854px;
font-size: 12px;
margin: -10px 0 5px 90px;
text-align: center;
color: #ffffff;
}
h4 {
margin-bottom: -10px;
font-size: 20px;
}