body { 	
	margin:0px;
	background-color:#06c;
}

a {	color:#06c; text-decoration:none; }
a:hover { text-decoration:underline; }
a:visited { color:#039; }


h1 { 
  font-family:Arial, Helvetica, sans-serif;
  font-size:36px; 
  font-weight:normal;
	line-height:normal;
	border:0px;
	border-bottom:0px; 
	border-color:darkgray;
	border-style:solid;
	padding-top:0px;
	color: black;
	}

h2 { 
  font-family:Helvetica, Arial, sans-serif; 
  font-weight:normal; 
	font-size:1.4em; 
	color: darkgray;
	}

table,tr,td { padding:0; margin:0; }

.tiny { 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color: darkgray;
	}

.sidepic { 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10 px; 
	float:right;
	}

.bright { color:orange; }

.quote { color: #666; padding:0; margin:0; font-size:80%; font-weight:bold; }

#brand { 
	background: #ffffff url("../images/brand2.gif") no-repeat;
	color:white;
	text-align:center;
}

.img {
  margin-right:4%;
  margin-left:4%;
  padding:30px;
  padding-bottom:1.5em;
  border:0px solid;
  }

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left;
font-family: Arial, Helvetica, sans-serif;
 }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#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");
	}


.bodypic {
        padding:10px;
        background:#FFFFFF;
        border:5px solid #000000;
        margin-right:0px;
        margin-left:0px;
        }

.whatsnew {
 background-image: url(../main_randomimages/photo1.jpg);
 padding:30px;
 padding:2em;
}

.center {
text-align: center;
background:#ffcc00;
padding-bottom:70px;
}
.center table {
width: 50%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

/* Posts */

.date-header {
margin:1.5em 0 .5em;
  }

.newpost {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.newpost-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:18pt;
  font-weight:normal;
  line-height:2.0em;
  color:#000000;
  }

.post {
  margin-right: 12%;
  margin-left: 12%;
  padding-top:10px;
  margin-bottom: 2%;
  }

.rei-text {
  margin-right: 7%;
  margin-left: 7%;
  padding-top:1.5em;
  font-size:120%;
  font-weight:normal;
  }
.back-color {
}
.post-title-big {
  margin-top:1px; 
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:170%;
  font-weight:normal;
  color:#000FFF;
  }
.post-title {
  margin-top:1px;
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#000000;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#000000;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.post img {
  padding:3px;
  border: 1px solid #010;
  margin: 5px;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

#nav {
	background-color:#e9e9e9;
	height:20px;
	color:white;
	text-align:center;
	width:100%;
	min-width:528px;
	border:0px;
	border-top:1px;
	border-bottom:1px;
	border-color:#999999;
	border-style:solid;
	font-size:15px;
	font-family:Helvetica, Arial, sans-serif;
}

/* Navigation */

#nav a { padding:4px; padding-left:15px; padding-right:15px; color:#333333; height:13px; }
#nav a:hover { color: #red; text-decoration: none; border-color:red;}
#nav span.here { 
  color:red;
  background-color: white;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:8px;
	height:18px;
}

#left {
	background-color:#dedede;
	color:#999999;
	/*text-align:right;*/
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	padding:0px;
	padding-top:45px;
	position:relative;
	vertical-align:top; 
	border:0px;
	border-right:1px;
	border-color:#999999;
	border-style:solid;
}

#subnav a { 
  background-color: #ffdb5d; 
	padding-left:9px;
	border:0px;
	border-top:1px;
	border-bottom:1px;
	border-color:#ffffff;
	border-style:solid;
	text-decoration: none;
	padding:5px;
	padding-left:12px; 
	display:block;
}

#subnav a:hover { background-color: #cccccc; color:#ffffff;  border-color:white;}

#subnav a img { border:1px solid #999999;margin:6px 0 }
#subnav a:hover img { border-color:#039 }

#subnav .here { 
  background-color: #ffffff; 
	color:#039;  
	padding-left:9px;
	border:0px;
	border-top:1px;
	border-bottom:1px;
	border-style:solid;
	border-color:#ffffff;
	text-decoration: none;
	padding:5px;
	padding-left:12px;
	display:block;
}

#right {
	background-color:#ffcc33;
	color:#black;
	text-align:left;
	font-family:Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px;
	padding:6px;
	padding-top:45px;
	border:0px;
	border-left:1px;
	border-color:#999999;
	border-style:solid;
	vertical-align: top;
}


#right h1 { 
	font-size:1em;
	color:#039;
	margin-top:0px;
	padding-top:0px;
	border-color:red;
}


#right p {
	color:#786000;
}

#middle {
	background-color:white;
	background-image:url("images/pic_home.jpg");
	background-repeat: no-repeat;
	color:black;
	width:100%;
	vertical-align: top;
}


#content { 
  padding:24px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	font-size:.75em;
 }

#main { position:relative }
#conEd { position:relative; top: auto; text-align:center; width:100% }
#bread {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-align:right;
	padding-right:24px;
	color:#808FB2;
}



#foot {
	background-color:#06c;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-align:center;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	border:0px;
	border-top:1px;
	border-color:#666666;
	border-style:solid;
}

#newfoot {
	background-color:#000000;
	color:white;
	
	font-family:Helvetica, Arial, sans-serif; 
	font-size: 9px;
	text-align:center;
	width:98.80%;
	padding:6px;
	border:0px;
	border-top:0px;
	border-color:black;
	border-style:solid;
}


#foot a { color:white; }
#subnav a { color:#333333; }

.img_snap { 
	border:0px; 
	line-height:180%; 
	border-color: #808FB2; 
	color: #808FB2; 
	border-style:solid; 
	margin:16px;
	margin-top:0px;
	padding:3px; 
	font-size:10px;
	clear:both;
}


#right .img_snap { margin:4px; }

a .homelink {
	position:absolute;
	top:55px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
}

	  

a:hover .homelink { color:white; text-decoration:underline; }

p.dc:first-letter { 
	color: white;
	background-color:red; 
	font-size: 250%;
	font-family: times, serif;
	line-height:100%;
	font-weight: bold;
	margin-right:1px;
	padding-top: 2px;
	padding-left:20px;
	padding-right:2px;
	padding-bottom: 2px;
}


.programlist { padding-top:1em; padding-bottom:1em;}
.columnL {width:300px; float:left; padding:50px; color:#000000; }
.columnR { width:45%; float:right; padding:2%;}

.archiveL{ width:50;}
.archiveR{ width:50;}
.sidebar {
	border: 1px solid #960;
	margin:0.5em;
	padding:0;
	margin-top:2px;
	margin-right:0px;
	width:30%;
	float:right;
	background-color:#EDE4C9}
.sidebar h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:white; background-color:#996600; margin:0px; margin-bottom:0.3em; line-height:normal; padding:0.3em; }
.sidebar p { margin-top:.7em; margin-bottom:.5em; line-height:normal; padding-left:.3em; padding-right:.3em;}

form ul {
	list-style: none;
	margin-left: 20;
	padding-left: 0px;
	text-indent: -20px;
}

#calendar td { padding:5px; }



/* What's New */
#announce { float:right; width:35%; margin:0 0 6px 6px; background-color:#dee; padding:6px; border:1px solid #acc }
#announce h2 { color:red; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; }
#announceOld h2 { color:black; font-size:1em; border-top:1px dashed #acc; padding-bottom:0; margin-bottom:0; }
#announceOld p { margin:0 }
a.morelink { font-size:9px; text-decoration:underline }
a.morelink:hover { text-decoration:none }
.rbBox h2 { margin-top:0; margin-bottom:.5em; }
.rbBox p { margin-bottom:0; margin-top:.5em; }
/* START - second example */

 /* set millions of background images */
#announcements .rbBox    { background:#eee; }

#announcements .rbTop         { background: url("../images/blue_corner_u.gif") repeat-x;  }
#announcements .rbTop div     { background: url("../images/blue_corner_ul.gif") no-repeat top left; }
#announcements .rbTop div div { background: url("../images/blue_corner_ur.gif") no-repeat top right; }

#announcements .rbBot         { background: url("../images/blue_corner_b.gif") repeat-x; }
#announcements .rbBot div     { background: url("../images/blue_corner_ll.gif") no-repeat top left; }
#announcements .rbBot div div { background: url("../images/blue_corner_lr.gif") no-repeat top right; }

#announcements .rbLeft { background: url("../images/blue_corner_l.gif") repeat-y; }
#announcements .rbRight     { background: url("../images/blue_corner_r.gif") repeat-y right; }

 
 /* height and width stuff, width not really nessisary. */
#announcements .rbTop div, #announcements .rbTop, #announcements .rbBot div, #announcements .rbBot {
	width: 100%;
	height: 10px;
	font-size: 1px;
	padding:0; margin:0;
}
#announcements .rbRight  { padding: 1px 10px ; margin: 0; border:0 }
#announcements .rbBox { margin-bottom:1em;  }
#announcements { float:right; margin-left:1em; width:45%;  }

#announcements h2 { font-size:1em; color:black; }
#announcements .primary h2 { color:red; font-size:1em; }
.primary { background-color:#ffc }



/* Products */
.product, #products, #allproducts { margin-top: 0; margin-bottom:0 }
#products { margin-bottom:2em }
.product p, #products p, #allproducts p { margin:.5em 0 0 0; }
.product img { margin-left:.25em }
#allproducts img { margin-left:.5em }



/* Archive */
#subnav .archive a { display:inline; background:none; color:#039; text-decoration:none; border:0 }
#subnav .archive a:hover { text-decoration:underline }

/* Images */
.imageLeft { float:left; padding:3px; margin:6px; border:1px solid #666 }
.imageLeft { float:right; padding:3px; margin:6px; border:1px solid #666 }