@charset "UTF-8";
/* CSS Document */

/* Magic to do 'frames' from CSS.
 * 
 * (c) Stian Søiland <stian@soiland.no> 2004
 * 
 * Parts of this file is copied freely from
 * the site http://devnull.tagsoup.com/fixed/
 * Many thanks to Eric Bednarz <devnull@tagsoup.com>
 *
 * You may use/modify/distribute/etc this source for free as long as you
 * keep the above copyright notices. 
 *
 * Essentially the trick is to make body only 100% high (ie. the screen
 * size), and then place div-boxes out where you want your "frames".
 * 
 * This allows fixed positioning even in Microsoft IE, as we can use
 * position: absolute for elements directly within body.
 * 
 * See the file fixed_ie.css for details on IE compatibility
 * hacks.
 * 
 */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin: 0px;
	background-color: #333;
}

div.left,div.bottom,div.midcontent,div.eventpics,div.homepics,div.inner,div.innerpics {
  position: absolute;  
  margin: 0;

  /* Debuglines */
  /*  border: 1px dotted #aaa;*/

  /* If scrolling is needed: */
  overflow: auto; 
}
div.left {
	/* Placed on the left side */
  top: 0px;
	left: 0px;
	/* Width of left */
  width: 200px;
	height: 100%;
	padding-left: 10px;
	/*background-image: url(../images/dot15px_grey.gif);*/
	background-repeat: repeat-y;
	padding-right: 10px;
	background-color: #FFF;
}
div.midcontent {
	/* In effect the rest of the screen, the main part if you like.  */
  top: 0px;
	left: 220px;
	/* width of .left */
  
	/* 100% - height of .bottom  */
	width: 300px;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	/*background-image: url(../images/dot15px_grey.gif);*/
	background-repeat: repeat-y;
	background-color: #FFF;
}
div.left div {
  position: static; 
  /* Restore to normal values */
  width: auto;
  height: auto;
}

div.bottom  {
	/* Placed in the lower part */
  bottom: 0;
	/* Don't overlap the left-side */
  left: 0em;
	/* Full width, this doesn't work completely with IE, but see
     fixed_ie5.css for details. */
  right: 0px;
	/* Height of bottom part */
  height: 50px;
	width: 17em;
	background-color: #FFF;
}
div.bottom div {
	/* Reset to normal values */  
  left: 0;
	right: 16em;
	height: auto;
}
.underline  {
	color: #00C;
}
div.eventpics {
	/* In effect the rest of the screen, the main part if you like.  */
  top: 0px;
	right: 0;
	/* 100% - height of .bottom  */
  height: 100%;
	background-color: #FFF;
	left: 540px;
	/*background-image: url(../images/dot15px_grey.gif);*/
	background-repeat: repeat-y;
	padding-left: 10px;
}
div.inner {
	/* background-image: url(../images/dashtrial_B.gif);*/
}
div.innerpics {
	font-size: 10px;
	color: #666;
}
.inner strong {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	line-height: 15px;
}
.subbold {
	font-weight: bold;
}
div.homepics {
	/* In effect the rest of the screen, the main part if you like.  */
  top: -1px;
	right: 0px;
	/* 100% - height of .bottom  */
  height: 100%;
	background-color: #E8E8E8;
	left: 222px;
	background-image: url(../images/CIMG1858JPG.jpg);
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #999;
}
a:active {
	text-decoration: none;
	color: #000;
}
div.midcontent div {
	/* Reset to normal values */  
  position: static;
	left: 0;
	right: auto;
	height: auto;
}

/* This trick is to fix something i IE 5 on Mac..  */
@media screen {
body>div.left,body>div.bottom,body>div.midcontent {
    position: fixed;
  }
}