/*This body area sets up the overall page defaults*/

body{
background-color:orange;
margin:0;
text-align:center;
}

/*This #page_setup area sets up the page structure*/
/*Connected to the <div id="page_setup"> area of web page*/

#page_setup{
width: 1000px; /*Total width of page area*/
margin-left:auto;
margin-right:auto;
border:5px solid gray;
}

/*This #page_banner area sets up the top section area to display your banner*/
/*Connected to the <div id="page_banner"> area of web page*/

#page_banner {
height:200px; /*Height of the banner area*/
background-color:black;
}

/*This #page_display area holds the main page content like images & writing*/
/*Connected to the <div id="page_display"> area of web page*/

#page_display {
background-color:silver;
height:2000px; /*Total height of page*/
}

/*******************MENU AREAS*********************/

.jqueryslidemenu{
font: bold 15px Verdana; /*top menu font control*/
background: navy; /*menu strip background color-NOT LINK areas must match LINE 61*/
width: 100%;
}

/*affects menu spacing-leave alone if possible*/
.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*menu alignment*/
/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top MAIN level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: navy; /*background of link area tabs (default state)-must match menu strip LINE 39*/
padding: 10px 20px; /*padding inside link areas-top/bottom & right/left*/
border-right: 1px solid #778; /*leave it*/
text-decoration: none;
}

/* Sub level menu links style-DROP DOWN area*/
.jqueryslidemenu ul li ul li a{
font: bold 15px Verdana;
width: 160px; /*width (pixels) of sub menus drop areas*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

/* TOP ROW LINK font color*/
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

/***********hover menu**********/
.jqueryslidemenu ul li a:hover{
background: white; /*tab link background color during hover state*/
color: navy; /*font color during hover state*/
}
	
/*************************************LEAVE IT************************************/
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}



