﻿body
{
    background-color: #FFFFFF; /* background-image: url(images/Pattern1.gif);
      background-repeat: repeat-y; */
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #003366;
    font-size: 10pt;
    margin: 0px;
}

/* Top area background */
    .tparea
    {
      background-image: url(http://instituteofjamaica.org.jm/images/bg2.jpg);
      background-repeat: repeat-x;
    }

/* Main menu style */
    .mainmenu
{
    float: left;
    position: relative;
    /*left: 100px;
    top: 100px;*/
}
    
/* Jamaica Journal area */
    .jjarea1
    {
      background-image: url(images/partner_jj.gif);
      background-repeat: no-repeat;
    }  
    .jjarea2
    {
      background-image: url(images/part_bottom.gif);
      background-repeat: no-repeat;
    }
    
/* Photo and caption */
    .photocontain{padding-left:5px;padding-bottom:10px;}
    /*.photo{height:300px;width:400px;}*/
    .photocaption{font:bold 90% Arial, Helvetica, sans-serif;line-height:1.5;text-align:center;}

  
    
/* To created rounded edge box without image */
    div#container2{width:158px;margin: 0 auto;padding:0px 0;text-align:left}
    div#content2{float:left;width:158px;padding:10px 0;background: #2b383f}
    div#container3{width:158px;margin: 0 auto;padding:0px 0;text-align:left}
    div#content3{float:left;width:158px;padding:10px 0;background: #2b383f}
    div#container4{width:358px;margin: 0 auto;padding:0px 0;text-align:left; background-color:Transparent}
    div#content4{float:left;width:358px;padding:10px 0;border-style:solid; border-color:blue;background: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.8;"}
    div#container5{width:358px;margin: 0 auto;padding:0px 0;text-align:left; background-color:Transparent}
    div#content5{float:left;width:308px;padding:10px 0; border-style:solid; border-color:green;background: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.8;"}

/* to create rounded edge box */
    .bl {background: url("images/bl.gif") 0 100% no-repeat #e68200; width: 15em}
    .br {background: url("images/br.gif") 100% 100% no-repeat}
    .tl {background: url("images/tl.gif") 0 0 no-repeat}
    .tr {background: url("images/tr.gif") 100% 0 no-repeat; padding:10px}
    .clear {font-size: 1px; height: 1px}

/* to create 2nd rounded edge box */
    .bl2 {background: url("images/bl.gif") 0 100% no-repeat #e68200; width: 22em}
    .br2 {background: url("images/br.gif") 100% 100% no-repeat}
    .tl2 {background: url("images/tl.gif") 0 0 no-repeat}
    .tr2 {background: url("images/tr.gif") 100% 0 no-repeat; padding:10px}

/* to create 3rd rounded edge box - blue line border */
    .bl3
{
    background: url(images/bl2.gif) #2590de no-repeat 0px 100%;
    width: 45em;
}
    .br3 {background: url("images/br2.gif") 100% 100% no-repeat}
    .tl3 {background: url("images/tl2.gif") 0 0 no-repeat}
    .tr3 {background: url("images/tr2.gif") 100% 0 no-repeat; padding:10px}
        
    
    .bt { /* Text/Article body */
        color: #rrggbb;
        font: noarmal 10px arial;
        width: 20em
    } 
    
    A:link {text-decoration: none; color: #006600;}
    A:visited {text-decoration: none}
    A:active {text-decoration: none}
    A:hover {font-size:24; font-weight:bold; color: red;}
    
    .class1 A:link {text-decoration: none; color:Black;}
    .class1 A:visited {text-decoration: none}
    .class1 A:active {text-decoration: none}
    .class1 A:hover {font-size:10; font-weight:normal; color: red;}
    .class1 A:zindex {z-index: 999;}
    
    
    #motioncontainer {
    width:expression(Math.min(this.offsetWidth, maxwidth)+'px');
    }

/* Dotted background vertical line and solid gray line background horizontal */
.gridx
{
    width: 9px; 
    background-image: url(images/1dot2.gif); 
    background-repeat: repeat-y;
}
.gridy
{
    background-position-y: center; 
    height:5px; 
    background-color: whitesmoke;
}



.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#b40000}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ff9393;
  border-right:1px solid #ff9393;
  background:#ff4343}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffe6e6;
  border-right:1px solid #ffe6e6;
  background:#ff3434}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ff3434;
  border-right:1px solid #ff3434;}
.spiffy4{
  border-left:1px solid #ff9393;
  border-right:1px solid #ff9393}
.spiffy5{
  border-left:1px solid #ff4343;
  border-right:1px solid #ff4343}
.spiffyfg{
  background:#b40000}
