body 
{
  font-family     : Arial;
  font-size       : 10px;
  background      : #F5F8FB; 
  color           : #000000;
  padding         : 0px;
  margin          : 0px;
}
#main 
{
  background      : #F2F7FA;
  -moz-box-shadow: 5px 5px 3px #545D63;
  -webkit-box-shadow: 5px 5px 3px #545D63;
  box-shadow: 5px 5px 3px #545D63;

}
#header 
{
  background      : url('images/header.jpg');
  width           : 1024px;
  height          : 215px; 
}
#highlight 
{
  background      : rgb(116,161,208);
  width           : 250px;
  height          : 400px; 
  -moz-box-shadow: 5px 5px 3px #545D63;
  -webkit-box-shadow: 5px 5px 3px #545D63;
  box-shadow: 5px 5px 3px #545D63;
}
#topmenu {
  background: url('images/menutopback.png');
  width: 1024px;
  height : 50px; 
  font-size: 14px; 

}
#MenuTop :hover {
  padding: 4px;
  text-decoration:underline;
  font-size: 14px; 
}
#MenuTop a {
  height: 20px;
  padding: 4px;
  font-weight: bold;
  color  :   #000000;
  font-size: 14px; 
    
}
#loginmenu {
  background: rgb(1,77,187);
  width: 1024px;
  height : 30px; 
  font-size: 12px; 
  color : #FFFFFF;
}
#MenuLogin :hover {
  padding: 4px;
  text-decoration:underline;
  font-size: 12px; 

}
#MenuLogin a {
  height: 20px;
  padding: 4px;
  font-weight: bold;
  color  :   #000000;
  font-size: 12px; 
}
#MenuLogin li li a {
  background: #74A1D0;
  padding: 4px;
  border-bottom : 1px solid #666666;
  font-size: 12px; 
  width : 150px;  
}

#MenuTop li li a:hover {
  padding: 4px;
  border-bottom : 1px solid #666666;
  font-size: 14px; 
}
#menu {
  height: 20px;
  background: url('images/testback.jpg');
  vertical-align : top;
  font-size: 14px; 
  width : 200px;

}
#MainMenu :hover {
  padding: 4px;
  text-decoration:underline;
  font-size: 14px; 
}
#MainMenu a {
  height: 40px;
  padding: 4px;
  font-weight: bold;
  color  :   #000000;
  font-size: 14px; 
}

#MainMenu li li a {
  padding: 4px;
  border-bottom : 1px solid #666666;
  font-size: 14px; 
}

#MainMenu li li a:hover {
  padding: 4px;
  border-bottom : 1px solid #666666;
  font-size: 14px; 
}
#footer {
  background: url('images/menutopback.png');
  padding-top: 5px;
  color : #000000;
  height : 25px;
  width : 1024px;
}
#content {

 vertical-align : top;
 padding : 10px;
}

#right {
  width: 200px;
  background: #ABC6E3;
  vertical-align : top;
}
h1 {
  font-size : 22px;
  color : rgb(255,255,255);

  height : 15px;
  text-decoration : bold;
  padding: 4px;
  margin: 0px;
}
h2 {
  font-size : 15px;
  color : rgb(103,152,204);
  width: 95%;
  height : 20px;
  text-decoration : bold;
  border-bottom: 1px solid rgb(143,140,99);   
  padding: 4px;
  margin: 0px;
}
h3 {
  text-shadow : -1px -1px rgb(220,217,202);
  font-size : 20px;
  color : rgb(0,0,0);
  width: 95%;
  height : 12px;
  text-decoration : bold;
  border-bottom: 1px solid rgb(203,222,239);   
  padding: 4px;
  margin: 0px;
}
#data {
  background : #FFFFFF;
  border-bottom : 1px solid rgb(143,140,99);
  border-right : 1px solid rgb(143,140,99);
  -moz-box-shadow: 5px 5px 3px #545D63;
  -webkit-box-shadow: 5px 5px 3px #545D63;
  box-shadow: 5px 5px 3px #545D63;
}
table.data {
  background : rgb(243,242,237);
  border : 1px solid #666666;
  border-top : 1px solid rgb(143,140,99);
  border-left : 1px solid rgb(143,140,99);
}
#data th {
  background : url('images/menuback.png');
  color : #000000;
  height : 25px;
}
#sticky {

  background : #F5F706;
  color : #000000;
  height : 25px;
  -moz-box-shadow: 5px 5px 3px #545D63;
  -webkit-box-shadow: 5px 5px 3px #545D63;
  box-shadow: 5px 5px 3px #545D63;
}
#shadow {
  -moz-box-shadow: 5px 5px 3px #545D63;
  -webkit-box-shadow: 5px 5px 3px #545D63;
  box-shadow: 5px 5px 3px #545D63;
}
textarea {
  height: 80px;
}
#cssbutton {
  cursor: hand;
  cursor:pointer;
  color: #330066;
}
#savebutton {
  border: none;
  width: 100px;
  height: 30px;
  background: url('images/savebutton.png') no-repeat;
  cursor: hand;
  cursor:pointer;
  color: #FFFFFF;
}
#cssinput {
  color: #330066;
  border: 1px solid #D3D3D3;
  border-bottom : 2px solid #EFEFEF;
  border-top: 1px solid  #666666; 
  width: 100px;
}
th, td {
  vertical-align: top;
  font-size : 12px;
  text-align : left;
}
th {
  background: url('images/sidebuttonon.png');
  color:#434343;
  padding: 6px;
}
#login
{
   background: url('images/loginback.jpg');
   height : 50px;
}
#simplegrid {
  font-family : Helvetica; 
  font-size : 10px;
  background : rgb(243,242,237);
  color: #000000;
  border-bottom : 1px solid #666666;
  border-right : 1px solid #666666;

}

#simplegrid thead {
  background: url('images/menuback.png');
  color: #000000;
  margin-bottom : 5px;  
  height : 50px;
}

#simplegrid th {
  border-top: 1px solid #000000;
  background: url('images/applicationmenu.png');
  height: 25px;
  padding:2px;
}

#simplegrid th a {
  color : #000000;
  
}
#simplegrid td {
  border-right: 1px dashed rgb(0,102,204);
  padding: 3px;
}

#simplegrid tfoot {
  
}

#simplegrid .navigate a {
     
  padding : 1px;
  padding-left: 3px;
  padding-right : 3px;
  width: 10px;
  color : #4C4FBF;
}

#simplegrid .row {
  cursor: hand;
  cursor: pointer;
  border : 1px solid rgb(204,204,255);
}  

#simplegrid .rowonmouseclick {
  cursor : hand;
  cursor : pointer;
  color: #000000; 
  background: rgb(202,220,240);
    font-weight: bold;
}

#simplegrid .rowonmouseover {
  cursor: hand;
  cursor: pointer;
  color: #000000;
  background: rgb(234,230,131);
}
h5 {
  font-size : 12px;
  font-weight: bold;
  color: #999999;
  padding: 0px;
  margin: 0px;
  background: url('images/linetext.png');
  width: 100%;
    
}



h4 {
  font-size : 12px;
  text-decoration : bold;
  border-bottom: 1px solid rgb(23,31,116);
  
}



#tab {
  background: url('images/taboff.png') no-repeat; 
  width: 120px;
  height: 15px;
  padding-top: 6px;
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration : none;
  color: #060606;
}

.selected {
  background: url('images/tab.png') no-repeat; 
  width: 120px;
  height: 15px;
  padding-top: 6px;
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration : none;
  color: #FFFFFF;
}
 #newsheader
{
  background      : url('images/newsheader.jpg');
  width           : 790px;
  height          : 307px;       
}
#leftcontent
{
  background      : rgb(187,194,206);
  width           : 430px;
  height          : 100%;       
}
#issueno
{
  background      : rgb(66,94,119);
  width           : 360px;
  height          : 70px;       
}
#rightcontent
{
  background      : rgb(187,194,206);
  width           : 360px;
  height          : 100%;      
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 500px; background-color: #000; }

#middleawe {
  border: 1px solid rgb(120,120,120);
  box-shadow: 1px 1px 1px 1px rgb(209,209,209);
  background : #FFFFFF;
  width : 590px;
  position: absolute;
  left: 50%;
  
  margin-left: -300px;
  margin-top: 0px;
}
#spiceaddside {
  border: 1px solid rgb(120,120,120);
  box-shadow: 1px 1px 1px 1px rgb(209,209,209);
  background : #FFFFFF;
  width : 190px;
  position: absolute;
  left: 50%;
  
  margin-left: 316px;
  margin-top: 175px;
}
#advert {
  height: 172px;
  border : 1px solid rgb(228,228,228);
  margin: 14px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 54%, #f6f6f6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#f6f6f6), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#f6f6f6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#f6f6f6 100%); /* IE10+ */
  background: linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#f6f6f6 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 *//
}
#middle {
  border: 1px solid rgb(120,120,120);
  box-shadow: 1px 1px 1px 1px rgb(209,209,209);
  background : #FFFFFF;
  width : 600px;
  position: absolute;
  left: 50%;
  
  margin-left: -300px;
  margin-top: 0px;
}

#btnleft {
 
  width: 33px;
  height: 33px;
  position : absolute;
  top : 92px;
  left: 2px;
  z-index : 100000;
}

#btnright {
  
  height: 33px;
  width: 33px;
  position : absolute;
  left : 100%;
  margin-left: -36px;
  top : 92px;
  z-index : 100000;

  
  
}