/* Here are the different layers */

#Page {
BACKGROUND: #FFFFBB;
HEIGHT: 100%;
LEFT: 0PX;
POSITION: ABSOLUTE;
TOP: 0PX;
VISIBILITY: VISIBLE;
WIDTH: 100%;
Z-INDEX: 0
}

#MenuBar {
BACKGROUND: URL(../../images/index/grassall.jpg) left top repeat-y;
HEIGHT: 100%;
LEFT: 0PX;
POSITION: ABSOLUTE;
TOP: 0PX;
VISIBILITY: VISIBLE;
WIDTH: 140PX;
Z-INDEX: 1
}

#Vertbar {
BACKGROUND: URL(../../images/index/vcutout.gif) left top;
HEIGHT: 100%;
LEFT: 124PX;
POSITION: ABSOLUTE;
TOP: 0px;
WIDTH: 21PX;
Z-INDEX: 3
}

#Logo {
BACKGROUND-IMAGE: URL(../../images/index/splogo.gif);
HEIGHT: 50PX;
LEFT: 0PX;
POSITION: ABSOLUTE;
TOP: 10PX;
WIDTH: 121PX;
Z-INDEX: 9
}

#Title {
BACKGROUND: URL(../../images/index/grassall.jpg) left top repeat-x;
HEIGHT: 100PX;
LEFT: 0PX;
POSITION: ABSOLUTE;
TOP: 0PX;
WIDTH: 100%;
Z-INDEX: 7
}

#Banner {
HEIGHT: 80PX;
LEFT: 170PX;
POSITION: ABSOLUTE;
TOP: 10PX;
WIDTH: 100%;
Z-INDEX: 10
}

#Horbar {
BACKGROUND: URL(../../images/index/hcutout.gif);
BACKGROUND-REPEAT: repeat-X;
HEIGHT: 21PX;
LEFT: 0PX;
POSITION: ABSOLUTE;
TOP: 88PX;
WIDTH: 100%;
Z-INDEX: 8
}

#Patch {
BACKGROUND: url(../../images/index/grassall.jpg);
BACKGROUND-REPEAT: repeat-x;
HEIGHT: 21px;
LEFT: 0px;
POSITION: ABSOLUTE;
TOP: 88px;
WIDTH: 124px;
Z-INDEX: 6
}

#Main {
BACKGROUND: #FFFFBB;
HEIGHT: 100%;
LEFT: 145px;
POSITION: RELATIVE;
TOP: 108px;
WIDTH: 87%;
Z-INDEX: 6
}

#Pagination {
BACKGROUND: #FFFFBB;
HEIGHT: 50px;
LEFT: 155px;
POSITION: ABSOLUTE;
TOP: 5px;
WIDTH: 650px;
Z-INDEX: 10
}

#SaveButton {
BACKGROUND: #DAF4F0;
HEIGHT: 28px;
LEFT: 750px;
POSITION: ABSOLUTE;
TOP: 5px;
WIDTH: 120px;
Z-INDEX: 10
}

#AddSearch {
BACKGROUND: #FFFFBB;
HEIGHT: 50px;
LEFT: 155px;
TOP: 350px;
POSITION: ABSOLUTE;
Z-INDEX: 10
}

#Article {
BACKGROUND: #FFFFBB;
FLOAT: LEFT;
POSITION: RELATIVE;
MARGIN-TOP: 120PX;
MARGIN-LEFT: 5PX;
WIDTH: 60%;
Z-INDEX: 7
}
* HTML>BODY #Article {TOP: 120PX}

#NewIssue {
BACKGROUND: #FFFFBB;
FLOAT: RIGHT;
POSITION: RELATIVE;
MARGIN-TOP: 120PX;
MARGIN-RIGHT: 5PX;
WIDTH: 35%;
Z-INDEX: 7
}

#VBar {
BACKGROUND: #FFFFBB;
FLOAT: LEFT;
HEIGHT: 100px;
LEFT: 10px;
POSITION: RELATIVE;
TOP: 5px;
WIDTH: 1%;
Z-INDEX: 15
}

#StampHeader {
BACKGROUND: #FFFFBB;
POSITION: RELATIVE;
MARGIN-TOP: 5PX;
MARGIN-LEFT: 5PX;
HEIGHT: 110px;
WIDTH: 95%;
Z-INDEX: 7
}

#CatNum {
BACKGROUND: #DAF4F0;
FLOAT: LEFT;
HEIGHT: 105px;
LEFT: 10px;
POSITION: RELATIVE;
TOP: 5px;
WIDTH: 18%;
Z-INDEX: 15
}

#MainStampInfo {
BACKGROUND: #FFFFBB;
FLOAT: LEFT;
HEIGHT: 105px;
LEFT: 10px;
POSITION: RELATIVE;
TOP: 5px;
WIDTH: 56%;
Z-INDEX: 15
}


#StampValue {
BACKGROUND: #DAF4F0;
FLOAT: LEFT;
HEIGHT: 105px;
LEFT: 10px;
POSITION: RELATIVE;
TOP: 5px;
WIDTH: 16%;
Z-INDEX: 15
}

#HBar {
BACKGROUND: #FFFFBB;
FLOAT: LEFT;
HEIGHT: 8px;
LEFT: 0px;
POSITION: RELATIVE;
TOP: 0px;
WIDTH: 96%;
Z-INDEX: 15
}

* HTML>BODY #NewIssue {TOP: 120PX}


/* Here are the menu items */
div.Button {
  POSITION: ABSOLUTE;
  HEIGHT: 25px;
  LEFT: 11px;
  TOP: 122px;
  WIDTH: 100px;
  Z-INDEX: 10
}

div.Button A {
  DISPLAY: BLOCK; 
  WIDTH: 100px; 
  HEIGHT: 20px;
}

div.Button SPAN {
  DISPLAY: BLOCK; 
  PADDING-BOTTOM: 0.1em; 
  PADDING-LEFT: 0.1em; 
  PADDING-RIGHT: 0.1em; 
  PADDING-TOP: 0.1em
}

div.Button A:hover { 
  BACKGROUND: TRANSPARENT;
  DISPLAY: block;
  BORDER-BOTTOM: rgb(240,232,200) 3px solid; 
  BORDER-LEFT: rgb(192,165,52) 3px solid; 
  BORDER-RIGHT: rgb(240,232,200) 3px solid; 
  BORDER-TOP: rgb(192,165,52) 3px solid;
  HEIGHT: 19px;
  WIDTH: 95px
}

div.Award {
  POSITION: ABSOLUTE;
  LEFT: 16px;
  TOP: 450px;
  WIDTH: 90px;
  Z-INDEX: 10
}