/** BEGIN CUSTOM SKIN **/
  /* Custom font definitions
  ----------------------------------------------- */

  #container {
    width: 900px;
    text-align: left;
    margin: 0 auto;
  }
   
  
  /** BASIC STYLES **/
  /* Common Styles
  ----------------------------------------------- */  
  
  body {
    font: 76% Verdana, sans-serif;
    color: #fff;
    background: #f5450c;
  }

  h1, h2, h3, h4, h5, h6, p.description, a {
  	font-family: "Trebuchet MS", Trebuchet, arial, sans-serif;
  }
  h1 {
    text-align: left;
    font-weight: normal;
    font-size: 3em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 30px 20px 10px 15px;
    margin: 0;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    color: #000;
    background: #DC710F;
  }
  h2 {
    font-size: 2em;
    font-weight: normal;
    color: #000;
    margin: 0 0 1em 0;
  }
  h3 {
    font-size: 1.2em;
    font-weight: normal;
    color: #000;
    margin: 0 0 1em 0;	
  }
  h4 {
    font-size: 0.9em;
    color: #000;    
    letter-spacing: 0.2em;
  }
  h5 {
    font-size: 0.5em;
    margin-left: 0.2em;
  }
  h6 {
    font-size: 0.4em;
    font-weight: bold;
  }
  p, td {
    line-height: 1.5em;
  }
  code, kbd {
    font-size: 1.25em;
  }
  a:link {
    color: #0055FF;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 0 1em 0;
  }
  a:visited {
    color: #0055FF;
  }
  a:hover {
    text-decoration: underline overline;
    background-color: yellow;
  }
  a:active { 
    background-color: #000;
  }
  
  
  /** BOX **/
  /* basic box with shadow
  ----------------------------------------------- */    
  
  .out {
    display:block; 
    background: #9A3413; 
    border:0px solid #3C3C3C; 
    position:relative;
    margin:20px 0;
  }
 .in {
    text-align:left; 
    background:#FF6E0F; 
    border:0px solid #FF6E0F; 
    position:relative; 
    padding:20px;
    font-weight:normal;
  }
 .ltin {
    left:-8px;
  }
 .tpin {
    top:-8px;
  }
 .normal {width:900px;} /* change to suit */ 
  

  /** PHOTO GALLERY **/
  /* Thumbnail Images and Hover
  ----------------------------------------------- */

  .gallerycontainer{
	position: relative;
	margin: 3px 0px 0px ;
	height: 650px /*Add a height attribute and set to largest image's height to prevent overlaying*/
  }

  .thumbnail img{
	border: 1px solid #FF3300;
	margin: 5px 2px 2px ;
  }

  .thumbnail:hover{
	background-color: transparent;
  }

  .thumbnail:hover img{
	border: 1px solid white;
  }

  .thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #CF4C18;
	padding: 10px;
	left: -1000px;
	border: 5px  gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
  }

  .thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
  }

  .thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 330px; /*position where enlarged image should offset horizontally */
	z-index: 50;
  }
  
  
  /** BASIC STYLES **/
  /* Common Styles
  ----------------------------------------------- */  

  label
  {
    width: 6em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block
  }
 
  submit input
  {
    margin-left: 4.5em;
  }
  input
  {
    color: #781351;
    background: #fee3ad;
    border: 1px solid #781351
  }

 .submit input
  {
    color: #000;
    background: #ffa20f;
    border: 2px outset #d7b9c9
  }
  fieldset
  {
    border: 1px solid #781351;
    width: 30em
  }

  legend
  {
    color: #fff;
    background: #ffa20c;
    border: 1px solid #781351;
    padding: 2px 6px
  }