/* set Background image*/
body {
background-image:url('images/background.jpg');
text-align: center;
margin: auto;
}

/*Set properties for paragraph*/


p {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
}

div.imageText1
{
float:left;
padding:0px;
margin:0px 0px 0px 0px;
width: 300px;
}

/*Set float property to display image1 within the text content*/
img.image1 
{
/* margin settings top, right, bottom, left, which set
the margin properties of the image within the content*/
margin-left:50px;
margin-right:auto;
margin-top: 0px;
cursor: pointer;
cursor: hand;
}

div.imageText2
{
margin:0px 0px 0px 0px;
margin-top:60px;
margin-bottom:auto;
float:right;
padding:0px;
width: 300px;

}

/*Set float property to display image2 within the text content*/
img.image2 
{
margin-left:50px;
margin-right:auto;
margin-top: 0px;
cursor: pointer;
cursor: hand;
}

div.imageText3
{
float:left;
padding:0px;
margin:0px 0px 0px 0px;
width: 300px;
}

/*Set float property to display image2 within the text content*/
img.image3 
{
margin-left:50px;
margin-right:auto;
margin-top: 0px;
padding-bottom:10px;
cursor: pointer;
cursor: hand;
}

/*Here I define the list for the menu in the website*/
ul
{
float:left;
padding:0px;
margin:0px;
list-style-type:none;
}

/*Set the div container*/
#container
{
padding:0px;
height: 500px;
width: 980px;
margin: auto;
}

#header,#footer
{
position: relative;
width: 100%;
padding:0px;
}
#header{
height: 116px;
border-bottom:1px solid gray;

}

#topCenter{
margin-left:auto;
margin-right:auto;
padding:0px;
margin-top:20px;
width:600px;
height:75px;
background-image:url('images/header.gif');
position:relative;

}

#topLeft{
float:left;
text-align: left;
margin-left:0px;
margin-right:auto;
padding:0px;
width:170px;
height:110px;
background-image:url('images/corner_gate.jpg');
position:relative;

}

#topRight{
top:0;
position: absolute;
right: 0;
width:93px;
height:116px;
background-image:url('images/logo.gif');
text-align: right; 
}
#footer
{
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
height: 30px;
border-top:1px solid gray;
text-align: center;
padding:0px;
width: 980px;
}

div.content
{
padding-top: 0px;
margin-right: 55px;
margin-bottom:20x;
margin-left:255px;
margin-top: 5px;
width: 640px;
height: 367px;

}

#menu{
position:absolute;
text-align: left;
padding-top: 10px;
left: 0;
/*margin-right: 260px;*/
margin-bottom:20x;
margin-left:0px;
margin-top: 40px;
float: left;
}

/*border-style: dotted*/