/*
   Base Style Sheet for the HVBC web site
   Copyright 2007 Highland View Baptsit Church. All Rights Reserved.
   $Id: base.css,v 1.0 2007/02/03 11:58:00 Exp $
*/

/*                 
   General styling 
*/
html {
  background-color: white;
  color: #696969;
}

body {  
  margin: 0px;
  padding: 0px;
  background-color: white;
  color: #696969;
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 1em; /* setting base font to user's prefered size */
  min-width:800px;
  max-width:900px;
}

a:link         {text-decoration: underline;color: #4a4a4a;}
a:visited      {text-decoration: underline;color: #4a4a4a;}
a:hover        {text-decoration: underline;color: #9c9c9c;}
a:active       {text-decoration: underline;color: #9c9c9c;}

img {
  border:none;
}

/*
   Header/Mast Styling
*/

h1 {
  color: #73a0c5;
  font-size: 26pt;
  font-weight: bold;    
  padding-top: 5px;
  padding-left: 2%;
  position:relative;
}

h3 {
  color: #73a0c5;
  font-size: 14pt;
  font-style: italic;
  padding-left: 2%;
  line-height: 75%;
  position:relative;
}

/*
div.header {
  border:1px dotted black;
  width:500px;
  float:left;
}

div.search {
  border:2px solid black;
  with:100px;
  float:right;
}
*/

div.search {
  position:absolute;
  left:682px;
  top:75px;
}

div.navbar {
  background-color: #73a0c5;
  color: white;
  position:relative;
  height:25px;
  text-align:center;
}

span.navbar {
  padding-left:30px;
  padding-right:30px;
  text-align:center;
}

a.mast:link    {text-decoration: none;color: #73a0c5;}
a.mast:visited {text-decoration: none;color: #73a0c5;}
a.mast:hover   {text-decoration: none;color: #73a0c5;}
a.mast:active  {text-decoration: none;color: #73a0c5;}

a.navbar:link    {text-decoration: none;color: white;}
a.navbar:visited {text-decoration: none;color: white;}
a.navbar:hover   {text-decoration: underline;color: white;}
a.navbar:active  {text-decoration: underline;color: white;}

/*
   Body of Document
*/

span.ponder {
  font-size: 10pt;
  color: navy;
}

p.updated {
  font-size: 9.5pt;
  text-align: right;
  margin-bottom: 2px;
}

div.homeimage {
  float:right;
  width:570px;
}

p {
  padding-right:2%;
}

/*
   Sub-Menu
*/
 
div.submenu {
  float:left;
  padding-right:10px;
  padding-top:10px;
  margin-top:20px;
  margin-right:10px;
  padding:0px;
}

div.subtitle {
  border:1px solid black;
  width:180px;
  margin:0px;
  padding:0px;
}

div.subbody {
  height:25px;
  background-color:#b0b0c1;
  text-align:center;
  color:black;
  margin:0px;
  padding:0px;
}

ul.sub {
  font-size:9.5pt;
  list-style-type:none;
  margin:8px;
  padding:0px;
}

/*
  Online Calendar
*/

div.month {
  border:3px solid #73a0c5;
  width:714px;
  height:532px;
  text-align:left
  font-family:"Courier New", fixed-width;
  font-size:9pt;
  margin-top:5px;
  margin-left:93px;
}

div.dayofweek {
  float:left;
  width:100px;
  height:20px;
  background-color:black;
  color:white;
  border:1px solid #73a0c5;
  text-align:center;
}

div.day-active {
  float:left;
  width:100px;
  height:100px;
  background-color:#d3d3d3;
  color:black;
  border:1px solid #73a0c5;
}

div.day-inactive {
  float:left;
  width:100px;
  height:100px;
  background-color:#404040;
  border:1px solid #73a0c5;
}

div.dayofmonth {
  float:left;
  width:20px;
  height:20px;
  text-align:center;
  border-right:2px solid #73a0c5;
  border-bottom:2px solid #73a0c5;
}

div.dayofmonth-pad {
  height:22px;
  width:76px;
  float:right;
}



a.calendar:link    {text-decoration: underline;color: black;}
a.calendar:visited {text-decoration: underline;color: black;}
a.calendar:hover   {text-decoration: underline;color: red;}
a.calendar:active  {text-decoration: underline;color: red;}