/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/*
#container has an absolute width (900 pixel)
The width of inner elements is set to auto,
in this way all inner elements have the same
width of the element which contains them
*/

body {background-color:black; background-image:url('images/bg1.jpg');}
h1,h2,p,ul,li,body {color:gray;}

h1{font-size:28px; font-family:tahoma;}

#wrapper{width:1024px; margin-right:auto; margin-left:auto; }

#container{width:100%; }


/* ********* TopBar *************** */

#topbar{width:1024px; height:80px; display:block;}
#toptitle{width:700px; height:80px; float:left; padding-left:20px;} 
#topbanner{width:220px; height:80px; float:right;}


/* *********NavBar***************** */


#navbar{width:1024px; display:block; height:35px;}

#navl{width:25px; height:35px; background-color:black; float:left;}
#navc{width:974px; height:35px; background-color:gray; float:left;}
#navr{width:25px; height:35px; background-color:black; float:left;}

#nav 
{
 margin:0;
 padding:7px;
 cursor:default;
}

#nav li
{
padding-right:15px;
padding-left:15px;
background:gray;
display:inline;
}

#nav li a
{
font-family:arial;
text-decoration:none;
color:white;
}

#nav li a:hover
{
color:black;
background:gray;
}


/* ************************** MAin ************************************************ */

#main{width:1024px; height:auto; display:block; padding-top:10px; }


div.spacer{clear:both; height:10px; display:block;}



/* **************************** Footer ******************************************* */

#footer{width:100%; text-align:center; display:block; height:25px; font-family:arial; color:gray; padding:2px;}

/* *************************** Images Section ******************************** */


/* *************** Display ************** */





#display
{
height:auto; width:100%; 
}

#display img
{
margin-left:60px;
margin-bottom:20px;
border-style:solid;
border-width:2px;
border-color:black;
text-align:center;
}



/* ********* Index **************** */
#index
{
margin-left:30;
height:auto;
width:1024px;
overflow: auto;
}

#index a
{
color:black;
}

/* ************************** Home ************************* */

#homecon
{
height:400px;
width:1024px;
display:block;
}

#homel
{
margin-left:25;
height:396px;
width:35%;
float:left;
}

#homer
{
height:400px;
width:60%;
float:left;
border-color:black;
border-width:2px;
border-style:solid;
}