/*  Style Sheet for Six Mile Lake Cottagers' Association Web Site   */
/*                                                                  */
/*  Revision History:                                               */
/*                                                                  */  
/*  11/13/2004 - Created.                                           */

body {
	font-family: verdana, sans-serif;
	font-size: 10pt;
	color: #000;
  margin:10px;
  padding:0;
  background: #F0EEEF;
  }

a:link, a:visited {
	text-decoration : none ;
	color: #2D4979 ;
/*	background: transparent ;*/
	}
	
a:hover, a:active {
	text-decoration : underline ; 
	color: #2D4979 ;
/*	background: transparent ;*/
	}	

.external {
  background: url("../images/icons/remote.gif") no-repeat center right;
  padding-right: 15px
  }

.external:hover { 
  background: url("../images/icons/remote_a.gif") right center no-repeat;
  }

.mailer {
  background: url("../images/icons/mailto.gif") no-repeat center right;
  padding-right: 15px
  }

.mailer:hover { 
  background: url("../images/icons/mailto_a.gif") right center no-repeat;
  }
  
.scrollup {
  float: right;
  font-size: 8pt;
  font-weight: normal;
  background: url("../images/icons/scrollup.gif") no-repeat center right;
  padding-right: 15px
  }

.scrollup:hover { 
  background: url("../images/icons/scrollup_a.gif") right center no-repeat;
  }
  

#Container {
	background: #FFF;
	width: 750px;
	border: 0;
  }

#navContent {
	font-size: 9pt;
	font-weight: bold;
  background: #7797C7;
  width: 100%; 
  }

#border {
	font-size: 10pt;
	font-weight: normal;
  margin-left: 10.6em;
  padding-left: 0.7em;
/*  margin-left:143px; */
/*  padding-left:9px;*/
  background:#FFF;
  }

#level2 {
  background: #D9DCDD;
  position: relative;
  width: inherit;
  }

#main, #main2 {
  padding: 1em 0.7em 0 0;
  background:#FFF;
  }

#main {
  margin-right:9em;
  }

/* Hides from IE-mac \*/
* html #level2, #main, #main2 {height: 1%;}
/* End hide from IE-mac */

#topBar{
	height: 134px;
  background-color: #7797C7;
	background: url("../images/SMLCABanner.jpg") bottom center no-repeat;
  }

#topBar a {
  position: absolute;
  margin: 20px 0 0 90px;
  height: 50px;
  width: 425px;
  text-decoration: none;
  }

#topBar a i { 
  visibility: hidden; 
  }

#titleBar{
	height: 48px ;
	background: #FFFFFF;
	text-align: left;
	border-bottom: 1px solid #2D4979 ;
  clear:right;
  }

#bottomBar{
	font : 7pt Verdana, Arial, Helvetica, sans-serif ;
	color: #FFFFFF ;
  width: 100%;
  padding: 3px 0 3px 0;
  margin: 0px auto;
  background-color: #2D4979;
  }

#bottomBar a:link, #bottomBar a:visited {
	text-decoration : none ;
	color: #FFF ;
	background: transparent ;
	}

#bottomBar a:hover, #bottomBar a:active {
	text-decoration : underline ;
	color: #FFF ;
	background: transparent ;
	}
  
#quickBar {
  position:absolute;
  width:9em;
  top:49px;
  right:0;
  }

#updateStamp {
  position: relative;
  bottom: 0;
  height: 1.2em;
  margin-top: 1em;
  padding-bottom: 0.1em;
  text-align: right;
  font-size: 6pt;
  font-weight: normal;
  color: #2D4979;
  }

#main h1, #main2 h1 {
  margin: 0;
  padding-left: .3em;
  padding-right: 5em;
  font: 1.25em Verdana, Helvetica, Arial, sans-serif;
  color: #FFF;
  background: #369;
  }
  
#main h2, #main2 h2 {
	font-size:12pt;
	font-weight: bold;
	color: #2D4979;
	}

#main h3, #main2 h3 {
  padding-top: 0.5em;
  clear: both;
	font-size:12pt;
	font-weight: bold;
	color: #2D4979;
	}
	
#main dt, #main2 dt {
  color: #2D4979;
  font-weight:bold;
  font-size:120%;
  margin-top:.8em
  }

ul { 
  list-style-type: square;
  }

.listLink {
	list-style: disc url("../images/listmark.gif");
	}

.tblStyleA, .tblStyleA td{
  border-collapse: collapse;
  border: 1px solid #2D4979;
	font-size:10pt;
	font-weight: normal;
  text-align: left;
	padding: 4px;
  }

.tblStyleB, .tblStyleB td {
  border-collapse: collapse;
  border: 1px solid #2D4979;
	font-size:10pt;
	font-weight: normal;
  text-align: center;
	padding: 4px;
  }

.tblStyleA th, .tblStyleB th{
  color: #FFF;
  border: 1px solid #2D4979;
  background: #369;
  text-align: center;
  }

.tblStyleC, .tblStyleC td {
  border-collapse: collapse;
  border-style: none;
	font-size:10pt;
	font-weight: normal;
  text-align: left;
  }

.disclaimer {
  color: #2D4979;
  font-size: 8pt;
  font-weight: normal;
  }

.centreImage {
  border: 0;
  margin: 0.5em 2em 0.5em 0.5em;
  float: none;
  }

.leftImage {
  border: 0;
  margin: 0.5em 2em 0.5em 0.5em;
  float: left;
  }

.rightImage {
  border: 0;
  margin: 0.5em;
  float: right;
  }

.emergency {
  color: #2D4979;
  text-indent: 2em;
  font-size: 18pt;
  font-weight: bold;
  }

#quickBar h3 {
  margin:0;
  padding:3px;
  color:#FFF;
  background:#369;
  font-weight:bold;
  font-size:1em;
  text-align:center;
  }

#quickBar h4 {
  margin: 0;
  padding: 3px;
  color: #2D4979;
  font-weight: normal;
  font-size: 0.8em;
  text-align: center;
  }
   
#titleBar img{
  margin-top: 6px;
  border: 0;
  }

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }
  
div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  margin-left: 3px;
/*  width: 79%;*/
  }

div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff;
  margin-right: 3px;
/*  width: 19%;*/
  }

div.spacer {
  clear: both;
  }

#nav, #nav ul { /* all lists */
  position: relative;
	float : left;
	width : 10.1em;
	list-style: none;
  padding: 0;
	margin: 48px 0 48px 0.5em;
/*	margin-left: 1em;*/
	line-height : 1.25em;
	background-color : #369;
  z-index: 1;
  }

#nav a {
  font: 9pt Verdana, sans-serif;
	font-weight : bold;
	display : block;
	width: 10em;
  w\idth: 9em;
	color : #FFF;
	text-decoration : none;
  padding: 0 0.5em;
	}

#nav a.daddy {
	background: url("../images/rightarrow.gif") center right no-repeat;
}
	
#nav li { /* all list items */
	position : relative;
	float : left;
	padding: 0;
	border : 1px solid #2D4979;
	margin-bottom : -1px;
	width: 10em;
	}
	
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10.05em;
	margin-top : -1.35em;
  }
	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	}
	
#nav li:hover, #nav li.sfhover {
	color : white;
	background-color:#7797C7;
	}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}