/******************************************************************************
* Defines styles for the article pages on the site.                           *
******************************************************************************/
a.movie:link {color: black; text-decoration: none}
a.movie:visited {color: black; text-decoration: none}
a.movie:active {color: black; text-decoration: none}
a.movie:hover {color: red; text-decoration: underline}

body {
  background-image:url('/images/background_wood.gif');
  /*background-image:url('/images/bgwood.jpg');*/
  margin-top: 20px;
  text-align: center;
}

#main {
  margin: 0px auto;
  width: 750px;
}

#content {
  background-color: #ffffff;
  background-position: -30% 0%;
  background-repeat: no-repeat;
  border: 0px solid #000000;
  border-top-width: 5px;
  border-left: 1px solid navy ;
  border-right: 1px solid navy ;
  border-bottom-width: 3px ;
  padding: 0px 0px 0px 0px; /*top right bottom left*/
  width: 750px;
}

#upper_left_corner { /* container for javascript clock */
  background-color: white;
  border: #000000 0px solid;
  width: 212px;
  height: 120px;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  float: left;
}

#clock {  /* javascript clock */
  border: #000000 0px solid;
  margin: 90px 0px 0px 0px; /*top right bottom left*/
  font-size: 16px;
  text-align: center;
}

#banner {  /* richehartland.com */
  background-color: white;
  padding: 0px;
  border: #000000 0px solid;
  width: 488px;
  height: 120px;
  margin: 0px 0px 0px 18px; /*top right bottom left*/
  float: left;
}

#bar {  /* richehartland.com */
  background-color: lightgray;
  padding: 0px;
  border: #000000 0px solid;
  width: 750px;
  height: 14px;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  clear: both;
}

.outer div {
	margin: 3px;
	padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	float: left;
}
.outer a, .outer li, .outer ul, .outer body {
	margin: 3px;
	padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.menu {
	width: 210px;
	height: 300px;
	border: #000000 0px solid;
	padding-top: 3px;
}

div.menu ul {
	list-style: none;
	text-indent: 0px;
}
div.menu li {
	margin-top: 3px;
}
div.menu a {
	font: 12px Verdana;
	padding: 4px;
	color: #646464;
	display:block;
	padding: 6px 30px;
	height: 20px;
	text-decoration: none;
	background: url('/images/background.gif');
}
div.menu a:hover {
	background: url('/images/highlight.gif') no-repeat right;
	padding: 6px 40px; 
	color: #3eac3e;
}

#outer_picture {  /* outer border for pictures */
  padding: 12px;
  /*background-color: pink;*/
  border: #000000 0px solid;
  width: 510px;
  height: 340px;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  float: left;
}

#picture {  /* pictures */
  /*background-color: lightgreen;*/
  /*background: url('/images/JenRichWedding255.png') no-repeat right;*/
  padding: 0px;
  border: #000000 0px solid;
  width: 510px;
  height: 340px;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
}

/* --------- COMING SOON --------------------------------------------------------------------------*/
#outer_coming_soon {  /* outer border for coming soon */
  background: url('/images/comingsoonbackground.png') no-repeat right;
  background-color: white;
  border: #000000 0px solid;
  width: 534px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  float: left;
}

#coming_soon_banner {
background: url('/images/comingsoon2.png') no-repeat right;
width: 534px;
height: 60px;
}

#coming_soon_theater_dvd {  /*  */
  background: url('/images/comingsoontheatersdvd2.png') no-repeat right;
  border: #000000 0px solid;
  width: 534px;
  height: 16px;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
}

/* --------- ON DECK --------------------------------------------------------------------------*/
#outer_on_deck {  /* outer border for coming soon */
  background-color: white;
  border: #000000 0px solid;
  width: 530px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  float: left;
}

#on_deck_banner {  /*  */
background: url('/images/ondeck.png') no-repeat right;
width: 534px;
height: 60px;
}

#on_deck_picture {  /* pictures */
  background-color: white;
  border: #000000 0px solid;
  width: 209px;
  height: 530px;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  float: left;
}

/* --------- RUNNER CALCULATOR --------------------------------------------------------------------------*/
#runner_calculator_banner {
background: url('/images/runnercalculator.png') no-repeat right;
width: 534px;
height: 60px;
}

#outer_runner_calculator {  /* outer border for runner calculator */
  background-color: white;
  border: #000000 0px solid;
  width: 534px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  float: left;
}

#inner_runner_calculator {  /*  */
  /*background: url('/images/runnercalculatorbackground.png') no-repeat right;*/
  background-color: white;
  float: left;
  border: #000000 0px solid;
  width: 534px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  font-size: 11px;
  text-align: left;
}
/* --------- COUNTDOWN --------------------------------------------------------------------------*/
#countdown_banner {  /*  */
background: url('/images/countdown.png') no-repeat right;
width: 534px;
height: 60px;
}

#outer_countdown {  /* outer border for countdown */
  background-color: white;
  border: #000000 0px solid;
  width: 534px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  float: left;
}

#inner_countdown {  /* outer border for countdown */
  background: url('/images/countdownbackground.png') no-repeat right;
  border: #000000 0px solid;
  width: 534px;
  height: 280px;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  color: white;
}

#container #header #header_main {
	float: left;
	padding: 2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*color: #FFFFFF;/*white*/
	color: #0000FF;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
	color: yellow;
}
#container #box {
	padding: 3px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
    border: #000000 0px solid;
	color: white;
}

#container #footer {
    clear:both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

#container #header {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*background-image: url(header_bg.gif);*/
	/*background-repeat: repeat-x;*/
	height: 22px;
	color: white;
}
th.cd {
    padding:5px;
	background-image: url('/images/hbg.gif');
	background-repeat: repeat-x;
    color:#fff;
}

/* --------- FOOD COACH --------------------------------------------------------------------------*/
#food_coach_banner {  /*  */
background: url('/images/foodcoach.png') no-repeat right;
width: 534px;
height: 60px;
}

#outer_food_coach {  /* outer border for food coach */
  background-color: white;
  border: #000000 0px solid;
  width: 530px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  float: left;
}

#inner_food_coach {  /*  */
  background-color: white;
  border: #000000 0px solid;
  width: 534px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  font-size: 11px;
  text-align: left;
  color: black;
}

th.fc1 {
    padding:5px;
	background-color: #D2691E;
    color: #F0F8FF;
	font-size: 12px;
}

th.fc2 {
    padding:5px;
	background-color: #FF8C00;
    color: #F0F8FF;
	font-size: 12px;
}

div.space {
  font-size:0;
  background-color: transparent;
  height: 10px;
  display: block;
}

/* --------- ESPANOL --------------------------------------------------------------------------*/
#espanol_banner {  /*  */
background: url('/images/espanol.png') no-repeat right;
width: 534px;
height: 60px;
}

#outer_espanol {  /* outer border for espanol */
  background-color: white;
  border: #000000 0px solid;
  width: 530px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  float: left;
}

#inner_espanol {  /*  */
  background-color: white;
  border: #000000 0px solid;
  width: 518px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  padding-left: 7px;
  padding-right: 7px;
  font-size: 11px;
  text-align: left;
  color: black;
}

#english_espanol {  /*  */
  background-color: khaki;
  border: #000000 0px solid;
  width: 250px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  font-size: 11px;
  text-align: left;
  color: black;
  float: left;
}

#divider_espanol {  /*  */
  background-color: white;
  border: #000000 0px solid;
  width: 14px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  font-size: 11px;
  text-align: left;
  color: black;
  float: left;
}

#spanish_espanol {  /*  */
  background-color: gold;
  border: #000000 0px solid;
  width: 250px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  font-size: 11px;
  text-align: left;
  color: black;
  float: left;
}

#bottom_bar_espanol {  /*  */
  background-color: white;
  border: #000000 0px solid;
  width: 532px;
  height: auto;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  font-size: 11px;
  color: black;
  clear: both;
}

/* --------- SPACE BOTTOM --------------------------------------------------------------------------*/
div.space_bottom {
  font-size:0;
  background-color: white;
  height: 10px;
  display: block;
  clear: both;
}

/* --------- FOOTER --------------------------------------------------------------------------*/
#footer {  /* footer */
  background-color: lightblue;
  padding: 0px;
  border: #000000 0px solid;
  width: 750px;
  height: 20px;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  clear: both;
  text-align: center;
  font: 10px corbel;
}