/* -----------------------------------------------
Title:  Mi Casa Stylesheet 1
Author: Nigel Brown
Date:   04 March 2008
----------------------------------------------- */

/* Generic
------------------------------------------------------------------*/
body
{
	margin: 0;
	padding: 0;
	font-size: 85%;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	color: #333;
	background-color: #d6d6d6;
	background-image: url(canvas.png);
}

   h1
{
	color: #333366;
	font-size: 150%;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 2px 0;
}

.intro
{
	color: #333366;
	font-size: 120%;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	margin: 0 0 2px 0;
}

	h2
{
	color: #b52c07;
	font-size: 120%;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}

h2 a { text-decoration: none; }

h3
{
	color: #5b5e0e;
	font-size: 106%;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin-top: 0;
}

#page
{
	margin: 1em auto;
	width: 960px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #676767;
}

#header
{
	width: 100%;
	border: 1px none #fff;
	position: relative;
}

#header h1
{
	font-size: 1px;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}

#rightcol
{
	float: right;
	width: 150px;
	border-left: 1px solid #c5c877;
	padding-left: 4px;
	text-align: center;
	font-size: 70%;
}

hr.style
   {
   height:0.1em;
   width:85%;
   color:#c5c877;
   }

#contents1 { margin: 0 170px 20px 20px; text-align: justify}
#contents2 { margin: 0 20px 20px 20px; text-align: justify}
#contents1 p { font-size: 90%; line-height: 110%; }
#contents2 p { font-size: 90%; line-height: 110%; }

.display { border-bottom: 1px solid #c5c877;}
.underline {font-size: 100%; width: 85%; border-bottom: 1px solid #c5c877;}
.imagefloatright { float: right; }
.imagefloatleft { float: left; }
img.left {float:left; margin:0 10px 10px 0}
.alignright
  {
  float:right;
  margin-left:5px;
  margin-bottom:5px;
  }
  
.alignleft
  {
  float:left;
  margin-right:5px;
  margin-bottom:5px;
  }


#footer
{
	clear: both;
	color: #272900;
	text-align: center;
	font-size: 75%;
}

form.style fieldset { border:1px solid cadetblue; color: #2a2a5b; }

form.style legend {
  padding: 0.5em 0.5em;
  border:1px solid cadetblue;
  color: #2a2a5b;
  font-size:90%;
  }

/* Links
------------------------------------------------------------------*/
a:link,
a:visited {
	text-decoration:underline;
	color:#a32620;
	}	

/* for table layout with alternating colours by Rachel Andrew*/

.datatable
  {
  border:2px solid #d6dde6;
  border-collapse:collapse;
  }
  
  .datatable2
  {
    border-collapse:collapse;
  }                        
  
.datatable td
  {
  border:2px solid #d6dde6;
  padding-left:5px;
  padding-right:5px;
  vertical-align:top;
  font:0.8em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
  }
  
.datatable th
  {
  border:1px solid #828282;
  background-color:#9cc2c9;
  font-weight:bold;
  text-align:center;
  padding-left:4px;
  font:1.1em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  }
  
.datatable caption
  {
  font:bold 1.0em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  color:#2a2a5b;
  text-align:left;
  padding-top:3px;
  padding-bottom:8px;
  }

.datatable tr.altrow
  {
  background-color:#edeac7;
  color:#000000;
  }
 
 /* end table layout with alternating colours by Rachel Andrew*/


/* "Karate Corners: XHTML/CSS Rounded Corners" by Kyle Schaeffer
------------------------------------------------------------------*/
.cornerBox { position: relative; background: #c5c857; width: 100%; }
.corner { position: absolute; width: 10px; height: 10px; background: url('corners.gif') no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 10px; }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }


/* Highslide
------------------------------------------------------------------*/
* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	 color: black;
	 font-size: 8pt;
	 font-family: sans-serif;
	 font-weight: bold;
    text-decoration: none;
	 padding: 2px;
	 border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}