body, div, td {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
div {position:absolute; display:block; margin:0; padding: 0;}

#Banner {
width:670; height:75; z-index:0; left: 0; top: 0; background-color:#FFFFFF; layer-background-color:#FFFFFF; clip: rect(0 720 75 0);
}

#Bannerhome {
width:700; height:75; z-index:0; left: 0; top: 0; background-color:#FFFFFF; layer-background-color:#FFFFFF; clip: rect(0 720 75 0);
}

#Location {
width:720; height:20; z-index:0; left: 0; top: 75; background-color:#000000; layer-background-color:#000000; clip: rect(0 720 20 0);
}

#Promoting {
width:400; height:20; z-index:1; left: 200; top: 75; background-color:#000000; layer-background-color:#000000; clip: rect(0 720 20 0);
}

#JournalLogo {
width:400; height:46; z-index:1; left: 160; top: 15;
}

#JournalLogohome {
width:400; height:46; z-index:1; left: 200; top: 15;
}

#LogoLayer {
width:113; height:50; z-index:1; left: 30; top: 13;
}

#LogoLayerhome {
width:113; height:50; z-index:1; left: 44; top: 13;
}

#BannerLinks {
width:120; height:55; z-index:1; left: 570; top: 10;
}

#BannerLinkshome {
width:120; height:55; z-index:1; left: 600; top: 10;
}

#Navigation {
width:200; height:225; z-index:0; left: 0; top: 95; background-color:#EEEEEE; layer-background-color:#EEEEEE;
}

#Picture {
width:520; height:225; z-index:1; left: 200; top: 95;
}

#Copyright {
width:200; z-index:3; left: 0; top: 340;
}

#ContentLayer {
width:520; z-index:3; left: 200; top: 340; padding: 10;
}

#Announcement {
width:520; z-index:0; left: 200; top: 340; padding: 0;
 }

.tableAnnounce {
background-image: url("/i/sj_index_announcement.jpg");
background-repeat: no-repeat;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
font-weight: bold;
}

a.linkAnnounce:link {
font-weight: bold;
text-decoration: none;
}

a.linkAnnounce:visited {
font-weight: bold;
text-decoration: none;
}

a.linkAnnounce:hover {
font-weight: bold;
text-decoration: underline;
}

#RegContentLayer {
left: 0; top: 95; padding: 20; background-color: #FFFFFF; layer-background-color: #FFFFFF;
}

.copyright {
font-family: Arial, Helvetica, sans-serif; font-size: x-small; padding-top: 5; padding-right: 5; padding-bottom: 5; padding-left: 5;
}

.content {
font-family: Arial, Helvetica, sans-serif;
}


a.button {
  display: block;
  border-radius: 10px;
  border: solid 1px #afafaf;
  background-color: #efefef;
  padding: 8px;
  text-align: center;
  background-image: -moz-linear-gradient(top, #efefef 0%, #bababa 100%);
  background-image: -webkit-linear-gradient(top, #efefef 0%, #bababa 100%);
  background-image: -ms-linear-gradient(top, #efefef 0%, #bababa 100%);
  background-image: -o-linear-gradient(top, #efefef 0%, #bababa 100%);
  background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%,#efefef), color-stop(100%,#bababa));
  text-decoration: none;
  font-weight: bold;
}

a.button:hover {
  background-color: #fddaa4;
  background-image: -moz-linear-gradient(top, #fddaa4 33%, #c9871c 100%);
  background-image: -webkit-linear-gradient(top, #fddaa4 33%, #c9871c 100%);
  background-image: -ms-linear-gradient(top, #fddaa4 33%, #c9871c 100%);
  background-image: linear-gradient(top, #fddaa4 33%, #c9871c 100%);
  background-image: -o-linear-gradient(top, #fddaa4 33%, #c9871c 100%);
  background-image: -webkit-gradient(linear, right top, right bottom, color-stop(33%,#fddaa4), color-stop(100%,#c9871c));
  text-decoration: none;
}