/*  <style type="text/css" media="all"> */

/* Graphics design by Alan Rubin */
/* Box configs from www.css.maxdesign.com.au/floatutorial/tutorial0916.htm with adjustments and additions */
/* The 'snazzy' box with rounded corners and the tabbed menu come from Stu Nickolls on www.CSSplay.co.uk  */
/* Combination and tweaking by Erik */
/* Last change 31 July 2006         */

/* Color reminder:     */
/* b2b red   : #DE5552 */
/* b2b green : #418952 */
/* b2b silver: #948D94 */

body {
  margin: 10px 5px 5px 5px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #FF0000;
  background-color: #FFFFFF;
  color: #39854A;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: x-small;
}

/* all the below link colors should be #39854A or around #105015 */
a:link    { color: #39854A; text-decoration: none; font-weight: bold; outline: none; }
a:visited { color: #39854A; text-decoration: none; font-weight: bold; outline: none; }
a:hover   { color: #105015; text-decoration: underline; }
a:active  { color: #105015; text-decoration: underline; }
.ahem { display: none; }

strong, b { font-weight: bold; }
p  { font-size: 12px; line-height: 22px; margin-top: 20px; margin-bottom: 10px; }

h1 { font-size: 24px; line-height: 30px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
h2 { font-size: 18px; line-height: 24px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
h3 { font-size: 16px; line-height: 22px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
h4 { font-size: 14px; line-height: 20px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
h5 { font-size: 12px; line-height: 18px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
h6 { font-size: 10px; line-height: 18px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
h7 { font-size:  9px; line-height: 16px;               margin-top: 15px; margin-bottom: 5px; }
img { border: 0; }

.level0 { font-size: 12px; line-height: 14px; }
.normal { font-size: 10px; line-height: 14px; }
.itals  { font-size: 10px; line-height: 14px; font-style: italic; }
.tiny   { font-size:  8px; line-height: 12px; }

#top { /* container for top section with logo and banner */
  width: 100%;
  height: 72px;
  padding: 0em;
  margin: 0 0 0.5em 0em;
  background-color: #FFFFFF;
  border: 0px solid gray;  /* <-- diagnostics only */
}

#topleft { /* for logo */
  position: absolute;
	top : 10px;
	left: 5px;
  width: 310px;
  height: 72px;
  padding: 0;
  margin: 0;
  background-color: #FFFFFF;
  border: 0px solid gray;  /* <-- diagnostics only */
	z-index: 0;
}
#topright { /* for banner */
  float:right; 
  width: 500px;
  height: 72px;
  padding: 0;
  margin: 0;
  background-color: #FFFFFF;
  border: 0px solid gray;  /* <-- diagnostics only */
	z-index: 1;
}

#left { /* for left col */
  float: left;
  width: 120px;
  margin: 0 0 0 0;
  padding: 0em;
  border: 0px solid #FF0000;  /* <-- diagnostics only */
}

#right { /* for right col */
  float: right;
  width: 160px;
  margin: 0 0 0 0;
  padding: 0em;
  border: 0px solid #0000FF; /* <-- diagnostics only */
}
#left p, #right p {margin: 0 0 1em 0; }

#content { /* for main content block in the center */
  margin: 0px 170px 0px 130px; /* was margin-top: -2px but IE6&7 doesn't understand that and messes up */
  /*max-width: 80em;*/
  color: #000000;
  border: 0px solid #00FF00;  /* <-- diagnostics only */
}

#content h2 { color:#39854A; margin: 0.5em 0 0 0; }
#content h3 { color:#39854A; margin: 0.5em 0 0 0; } /* logo color green */
#content h4 { color:#39854A; margin: 0.5em 0 0 0; }

#loosepic { /* for picture on AboutCon page*/
  float: right;
  width: 250px;
  padding: 0;
  margin: 5px 3px 5px 5px;
  border: 0px solid #FF0000;  /* <-- diagnostics only */
  background-color: #EEEEEE;
}

#listing { /* basic and premium listings */
  width: 98%;
  padding: 2px 2px 2px 2px;
  border-top: 3px solid #E0E0E0;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 0px solid #00FF00;  /* <-- diagnostics only */
}

#listlogo { /* for logo within listing */
  float: left;
	margin: 0 5px 0 0;
  border: 0px solid #FF0000;  /* <-- diagnostics only */
}

#listtelnrs { /* for small telnr box within listing */
  float: right;
  width: 150px;
  padding: .3em;
  margin: 5px 3px 5px 5px;
  border: 0px solid #FF0000;  /* <-- diagnostics only */
  background-color: #EEEEEE;
}

.movielisting { /* a special container for the long movie listing */
	position: relative; /* <-- necessary to get the position:absolute */
	top: 0;             /*     in the next following divs to work.    */
	left: 0;
  width: 90%;
	height: 100px;
  margin: 10px 10px 0px 10px;
  border-top: 0px solid #E0E0E0;
  overflow: visible;
	color: #000000;
  background-color: #EEEEEE;
}

.movieposter { /* for poster within long movie listing */
	position: absolute;
	top: 3px;
	left: 3px;
	width:79px;
	height:94px;
	overflow: hidden;
}

.movietextarea1 { /* for 1st text area with title */
	position: absolute;
	top: 0;
	left: 85px;
	width: 320px;
	height: 60px;
  padding: 2px;
  background-color: #EEEEEE;
	overflow: hidden;
}
.movietextarea2 { /* for 2nd text area with rating and IMDB link */
	position: absolute;
	top: 65px;
	left: 85px;
	width: 320px;
	height: 27px;
  padding: 2px;
  background-color: #EEEEEE;
	overflow: hidden;
}
.movietextarea2 a {
	font-size: 8px; line-height: 10px; font-weight: normal; color: black; }

.moviesmallright { /* for box to the right of the movie text area */
	position: absolute;
	top: 3px;
	right: 3px;
  width: 150px;
	height: 94px;
  background-color: #AAAAAA;
	text-align: center;
	overflow: hidden;
}
.moviesmallright h3 {	color: #FFFF00; } /* <-- doesn't seem to work... */
.moviesmallright h5 {	font-size: 12px; line-height: 16px; color: #FFFF00; }

table.movtab
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	width: 90%;
	background-color: #666666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.movtab td
{
	background-color: #CCCCCC;
	color: #000000;
	padding: 4px;
	text-align: left;
	border: 1px #FFFFFF solid;
}

#bottom { /* for the small print */
  clear: both;
  margin: 10px 0px 0px 0px;
  padding: .5em;
  font-size: x-small;
  text-align: center;
  color: #555555; 
  background-color: #F0F0F0;
  border-top: 1px solid gray;
}

/***************************************************************************/
/* For the 'snazzy corners' box, with rounded corners - from CSSplay.co.uk */
/* First some font specs */
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin: 0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#0060A0;}
.xsnazzy h2 {font-size:2em; color:#0060A0; border:0; padding-top:0.5em;}
.xsnazzy h3 {font-size:1.5em; color:#0060A0; border:0; padding-top:0.5em;}
.xsnazzy p  {padding-bottom:0.5em;}

/* Settings for the container box - do not change */
.xsnazzy { background: transparent; margin: 0 0 0 0; padding: 0px 0px 0px 0px; }

/* The elements of the top and bottom slices */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;} /* small corner boxes - leave alone */
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {
  background:#FFFFFF; /* <-- color top and bottom slices of the inside of the box */
  border-left:1px solid #333333; border-right:1px solid #333333;} /* colors for left and right curves */
.xb1 {margin:0 5px; background:#000000;} /*<-- this is the color for the top border */
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

/* settings for the (inner) contents box - these can be changed as needed */
.xboxcontent {
  display: block;
  overflow: hidden;
  background: #FFFFFF;       /* <-- color of the inside contents box */
  border: 1px solid #333333; /*<-- this is the color of the left and right borders */
  border-width: 0 1px 0 1px;
  font-size: x-small;
}
/* a special one for the movies page */
.mvxboxcontent {
  display: block;
  overflow: hidden;
  background: #000000;       /* <-- color of the inside contents box */
  border: 1px solid #000000; /*<-- this is the color of the left and right borders */
  border-width: 0 1px 0 1px;
	padding: 0 .5em 0 .5em;
  font-size: x-small;
	color:#FFFFFF;
}
/* end of definition of 'snazzy' box with rounded corners */

/**************************************************************************/
/* start definition tabs menu - from www.cssplay.co.uk                    */

.snazzy {background:transparent; border: 0px solid #000000; /* border for diagnostics only! */ }
.snazzy span {text-align:center; color:#F0F0F0; margin:0; font-weight:normal;}

.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #F0F0F0; border-right:1px solid #F0F0F0;}
.b1 {margin:0 5px; background:#F0F0F0;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #F0F0F0; border-right:1px solid #F0F0F0;}

.silver {background:#C0C0C0;}
a:hover b.silver {background:#808080;}

.active {padding-top:0px; background:#D5555A; cursor:default;} /* Logo color red */

#navigation2 {
  background:transparent;
  margin:0 0 0 0em; /* The last margin setting places the menu horizontally. */
                    /* This works out differently in different browsers      */
  padding: 0 0 0 2em;
  height:3em;
  border: 0px solid #00FF00; /* <-- diagnostics only */

/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation2 ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation2 li {display:block; float:left; margin:0 1px;}

.pad {display:block; height:1em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

a.menu2, a.menu2:visited {display:block; text-decoration:none; width:6.1em;} /* the latter is the width of the tab*/
a.menu2:hover {background:transparent; cursor:pointer;}
a.menu2:hover .boxcontent {padding-bottom:0.8em; background:#808080;}
a.menu2:hover .pad {height:0.2em;}
/* end definition tabs menu*/

/**************************************************************************/

/* </style> */