/* css for Othick, March 09     background-image: url(images/bacgroundtile.gif); background-repeat: repeat-x repeat-y; */

body {  
  margin:0px; 
  padding:0px; 
  background-image: url(images/body_bkg.gif); 
  background-repeat: repeat-x repeat-y;
	text-align:center;   
}


/* complete page container  */
div.outer {
  display:block;
	background-color:#ffffff;
  width:960px;
  height:100%;
  margin:0 auto;
  top:0px;
  text-align:left;

}

/* middle outer section width:960px;*/
div.midout { 
  width: 960px;     
  border-width: 0px; 
  border-style: none; 
  float:left; 
}

/* top banner with Othick in italics */		
.imban {
  width: 960px; 
  height: 85px; 
  background-image: url(images/othick-banner.jpg); 
}

/* flash or jpg in the centre */
div.imflash {
  width:960px; 
  height:240px; 
  border-width:0px; 
  border-style: none; 
  float:left;
}

/* for navigation bar */
.menban {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  line-height: 20px;
  color: #000000; 
  width: 960px;
  height: 30px;
  vertical-align: middle;
  background-image: url(images/nav-bg.gif);
  background-repeat: repeat-x;
}
/* style for the ul and li tags in navigation */
.nav ul,li {
  display: inline; /* bring the lists to line next to each other */
  list-style: none; /* remove the bullet points */
  vertical-align: middle;
}
/* style for nav links */
.nav a:link, .nav a:visited, .nav a:active {
  color: #000000; 
  text-decoration: none; 
  padding: 4px;
 
}
/* style for link on hover #ffcc33 is gold*/
.nav a:hover {
  color: #000000;
  text-decoration:underline;
  padding: 4px; 
}
/* style for current page */
.nav #current {
  color: #ffffff; 
  text-decoration: none;
  padding: 4px;
}

/* this section contains intro and is above content */
div.intro-r {
  width:960px; 
  border-width:0px; 
  border-style: none; 
  float:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  text-decoration: none;
  font-style: italic;
  font-weight: bold;
  text-align:left;
  line-height: 1.0em;
  color: #cc1100; 
}

div.intro-g {
  width:960px; 
  border-width:0px; 
  border-style: none; 
  float:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  text-decoration: none;
  font-style: italic;
  font-weight: bold;
   text-align: left;
  line-height: 1.4em;
  color: #333333; 	
}

/* middle inner section which comes below flash and has the content in */
div.midin {
  width:960px; 
  border-width:0px; 
  border-style: none; 
  float:left;
}

/* 1/3 page inner content section which comes below flash and has the content in */
div.secin {
  width:300px; 
  border-width:0px; 
  border-style: none; 
  float:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
   text-align: left;
  line-height: 1.2em;
  color: #333333; 
  padding: 10px;
}

p.italic {
  font-style:italic;
}

p.bold {
  font-weight:bold;
  line-height:1.4em;
}


.redletter {
color:#cc0000;
font-weight: bold;
font-size: 1.6em;
text-decoration: none;
padding: 0px;
line-height: 2.0em;
}

.redletter a:link, .redletter a:visited, .redletter a:active {
color: #cc0000;
font-weight: bold;
text-decoration: underline;
font-style: normal;
}

.redletter a:hover {
color: #ff0000;
font-weight: bold;
text-decoration: underline;
font-style: normal;
}


/* p title top for secin */
div.secinTop {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  line-height: 1.0em;
  color: #333333; 
  padding: 0px;
} 

/* p title top for green secin */
div.secinTopG {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  line-height: 1.6em;
  color: #228b22; 
  padding: 0px;
}

p.padded {
padding: 32px;
} 

/* content links */
a:link {
  color: #333333; 
  text-decoration: underline;
} 

a:active 
  {color: #333333; 
  text-decoration: underline;
}

a:visited {
  color: #333333; 
  text-decoration: underline;
}

a:hover {
  color: #666666; 
  text-decoration: underline;
}

/* horizontal rules */
/* red near top */
hr.red {
  color: #cc1100; /* for IE */
  background-color: #cc1100; /* for opera and mozilla */
  width: 960px;
  height: 4px;
  border: none;
}


/* bottom div with contact etc.  */		
div.lower {
  width: 960px; 
  background-color:#ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 0.6em;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4em;
  text-decoration: none;
  color: #333333; 
  text-align:center;
}

/* special green list */

p.greenginger {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.0em;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1.6em;
  text-decoration: none;
  color: #228b22;
}

p.greengingerb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.0em;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2em;
  text-decoration: none;
  color: #228b22;
}

.greengingerb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.0em;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  line-height: 1.6em;
  text-decoration: none;
  color: #228b22;
}

.greyb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.0em;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  line-height: 1.3em;
  text-decoration: none;
  color: #333333;
}

.cherb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.0em;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  line-height: 1.3em;
  text-decoration: none;
  color: #cc0000;
}

.greengingeri {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.0em;
  text-decoration: none;
  font-style:italic;
  font-weight: normal;
  line-height: 1.2em;
  text-decoration: none;
  color: #228b22;
}

/* the inner part is now in 1/2 not 1/3 */
div.sec2 {
  width:440px; 
  border-width:0px; 
  border-style: none; 
  float:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
   text-align: left;
  line-height: 1.6em;
  color: #333333; 
  padding: 20px;
}