/* CSS Document */

/*Formatting
----------------------*/
body {
  margin:0;
  padding: 20px 20px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#333;
  text-align: center;
  font-size/* */:/**/12px;
  font-size: /**/12px;
  }
a:link {
  color:#c60;
  text-decoration:none;
  }
a:visited {
  color:#c60;
  text-decoration:none;
  }
a:hover {
  color:#fff;
  text-decoration:none;
  background-color:#c60;
  }
a img {
  border-width:0;
  }
 
  
p {
  margin:.75em 0 .75em 20px;
  line-height:15px;
}  
p .noindent{
  margin:.75em 0 .75em 0;
  line-height:15px;
}  
h1 {
  margin:1.5em 0 .75em;
  font:95%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  letter-spacing:.2em;
  color:#999;
  text-transform:uppercase;
} 
h2 {
  font:95% Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:-.1em;
  color:#666;
}
li {
	list-style-image:url(/images/handli.png);
	list-style-position:inside;
	margin:0 0 0 25px;
}


.indent { 
   margin-left:25px;
}
.divider {
   border-bottom:1px dotted #666;
   margin:.75em 0 .75em 0;
} 
.outline {
border-width:1px;
border-style:solid;
border-color:#000000;
}
.blue {
   color:#000099; 
  }
.pink {
	color:#CC0000;
  } 

/* Widths and Positions 
-----------------------------------*/
   
@media all {
  #header {
    width:545px;
    }
  #content {
    width:525px;
    margin:0 auto;
    padding:0;
    text-align:left;
	vertical-align:top;
    }
  #main {
    width:345px;
    float:left;
	text-align:left;
	vertical-align: top;
    }
  #sidebar {
    width:150px;
	max-width:150px;
    float:right;
	text-align:left;
	vertical-align:top;
    }
  }

@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }
  
/*Lightbox stuff
--------------------------*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}