/* oli_mods.css          Stylesheet for Mods page.  Version 1.5 of 15 Oct 2004  */


body {
	background-color: #0003ad;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 125%;
	text-decoration: none;
}


#container
{
	width: 98%;
	height: 100%;	 /* 13mar06 */
	margin: 10px auto;   /* for both Left and Right margins */
	line-height: 125%;
}


/*  Definition for the top-most bar.  No float because its at the top anyway	*/
#top_row {        
	width: 97%;
	margin-bottom: 5px;
 	height: 1.5em;  
	line-height: 1.5em;
	border-style: solid;
   border-width: 1px;
 	border-color: black;  
   background-color: #0058AB;
   clear: both; 
}


#footer {
	width: 97%;
 	height: 1.5em;  	 /* 13mar06 */
	border-style: solid;
   border-width: 1px;
 	border-color: black;  
   background-color: #0058AB;
   clear: both; 
	margin-top: 1em;
	padding: .5em;
}


/* Definition for positioning elements on the LEFT-hand side. */
#left_column {   
	float: left;
	width: 20%;
	display: inline; /* Fix for the doubled margin bug in IE 5.5 and 6 */
}



/* Definition for middle column, no right column	*/
#middle_column_full {        
	float: left;
	width: 73%;
	margin-left: 3%; 	
}


#gutter {
	float: left;
	width: 3%;
	height: 1px; 
}


.bugfix {
display: inline; /*** This is the fix for the doubled margin bug 
						See http://www.positioniseverything.net/explorer/doubled-margin.html ***/
}

/* Definition for the left and right side "menu" boxes		*/
.menu_box {        
	line-height: 1.5em;
	border-style: solid solid solid solid;
   border-width: 1px 1px 1px 1px;
 	border-color: black;  
	width: 100%; 
   padding: 5px;
	background-color: #0058AB; 
	min-height: 600px;
 } 


/* Definition for the "floating" boxes of content		*/
.content {        
	line-height: 1.5em;
	border-style: solid;
   border-width: 1px;
 	border-color: black; 
   width: 100%; 
   padding: 5px;
	background-color: #0058AB; 
  	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; 
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}


/* Definition for a small box filled with a gradient.  This may
   be used to "top" a content box and might contain a title.		*/    
.gradient {
	border-style: solid solid solid solid;
   border-width: 1px 1px 1px 1px;
 	border-color: black;  
   width: 100%; 
   padding: 5px;
   height: 2em;
	background-image: url(gradient5b-3.jpg);
	background-repeat: no-repeat;   
  	background-position: center;
}



/* Use this bolder text within the central gradient bar */
.heading {
	font-style: normal; 
	font-variant: normal; 
	font-weight: bolder; 
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   color: white;
   text-align: center;
}



h1 {
	font-weight: bolder;
	font-variant: normal; 
	font-weight: bolder;
  	font-size: 140%; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
   color: white;
   text-align: center;
   margin-top: 0em;
   padding-top: 0em;
	float: none;
}


/* Heading3		If the "float" parameter is left out the default heading
					margins apply and text goes all over the place.  				*/
h3 {
	font-style: normal; 
	font-variant: normal; 
	font-weight: bolder;
	font-size: 125%; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
   color: white;
   text-align: center;
   margin-top: 0em;
   padding-top: 0em;
	float: none;
}   



P {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; 
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height:  125%;
}


OL {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; 
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height:  125%;
}


.normaltext {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; 
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}


.tablecontent {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	line-height: 125%; 
	margin-left: 0px; margin-right: 0px; margin-top: 0px; 
	text-align: left; 
	text-decoration: none
}


.redtext {
	color: #990000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: small; 
	font-style: normal; 
	font-weight: normal; 
	line-height:  125%; 
	margin-bottom:  0px; 
	text-decoration: none
}


.outlined {
	border-style: solid;
   border-width: 1px;
 	border-color: black;  
}



P.faq {
	font-style: normal; 
	font-variant: normal; 
	font-weight: bolder; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: yellow;
} 



.breadcrumb   
{color: #FFFF33; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;  font-style: normal; font-weight: bold; text-decoration: none}
.breadcrumb A:active
{color: #FFCC33; font-weight: normal; text-decoration: none}
.breadcrumb A:visited
{color: #FFFF99; font-weight: normal; text-decoration : none}
.breadcrumb A:link
{color: #000099; font-weight: normal; text-decoration : none}
.breadcrumb A:hover
{color: #FFCC99; text-decoration : underline;}
.breadcrumb_div   /* color was FFFF33 also tried 333333 */
{color: #FFFF33; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; text-decoration: none}



/* Link colours use pseudo-classes to make all occurences appear as specified.  */
A:link 
{color: #FFFF99; text-decoration: none;}
A:visited
{color: #FFFF99; text-decoration: none;}
A:active
{color: #FFFF33; text-decoration: none;}
A:hover 
{color: #FFFF00; text-decoration: underline;}


	
/* Use this to uppercase and enhance the first letter of a content block
to create a nice effect.  See ORA CSS book p381   */
.dropcap:first-letter  { 	
							font-size: 200%;
							float: left;
							text-indent:0;
}


/* Use this for smaller-sized text in the left/right menu boxes i.e. 
for informational text */
.infotext {
	font-size: 80%;
	line-height: 1.1em;
}



/* Float something on the Left */
DIV.left {
	float: left; 
   text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
}


/* Float something on the Right */
DIV.right {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}	



/* Align something on the left but allow them to float - e.g. images .
   Includes a text centralisation float for P elements below    */
div.float {
  float: left;
}
 div.float p {
   text-align: center;
}



/* The next two can be used to float a variety of images or thumbnails fluidly.  The first
   acts as a container and the second ensures the container takes up "space" and does not get 
   its floated away from the content.
   See http://www.alistapart.com/articles/practicalcss/  for details   */
div.container {
   background-color: #0058AB;
}
div.spacer {
  clear: both;
}


/* The next pairs can be used to contain image/text pairs within a container DIV.  The 
 	leftcontent one does not always work in IE   */
div.leftcontent {
		float: left;
		max-width: 67%;
		min-width: 15%;
	   background-color: #0058AB;
		margin-right: 15px;
		padding-bottom: 20px;
		display: inline;
}
div.rightcontent {
}
		


P.left	{text-align: left; }
P.right	{text-align: right; }
P.super {vertical-align: super; }
P.sub {vertical-align: sub; }

			      

/* Copyright code 
	Use this: 	<BR>&#169; Oliver Theis 1997-2007<BR>
 */
.copyright {
	font-size: 70%;
	font-size: 70%;
}


/*	Drop shadow, idea from: www.alistapart.com/articles/cssdropshadows/   */
.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right !important; 
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 2px;
  }