/* start with the 3 col stuff (and a 2 col with 1px right col, requires container2 left2 right2 otherstuff same */
body {
  min-width: 600px;   /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}
#container {
   padding-left: 200px;                      /* LC fullwidth */
   padding-right: 200px;     /* RC fullwidth + CC padding */
}
#container2 {
   padding-left: 200px;                      /* LC fullwidth */
   padding-right: 1px;     /* RC fullwidth + CC padding */
}
#container .column {
   position: relative;
   float: left;
}
#container2 .column {
   position: relative;
   float: left;
}
#center {
   padding: 0px 0px;       /* CC padding */
   width: 100%;
}
#left {
   width: 180px;             /* LC width */
   padding: 0 10px;          /* LC padding */
   right: 200px;             /* LC fullwidth + CC padding */
   margin-left: -100%;
}
#left2 {
   width: 180px;             /* LC width */
   padding: 0 10px;          /* LC padding */
   right: 200px;             /* LC fullwidth + CC padding */
   margin-left: -100%;
}
#right {
   width: 180px;             /* RC width */
   padding: 0 10px;          /* RC padding */
   margin-right: -100%;
}
#right2 {
   width: 1px;             /* RC width */
   padding: 0px;          /* RC padding */
   margin-right: -100%;
}
#center {
   padding: 0px 0px;       /* CC padding */
   width: 100%;
}
#left {
   width: 180px;             /* LC width */
   padding: 0 10px;          /* LC padding */
   right: 200px;             /* LC fullwidth + CC padding */
   margin-left: -100%;
}
#left2 {
   width: 180px;             /* LC width */
   padding: 0 10px;          /* LC padding */
   right: 200px;             /* LC fullwidth + CC padding */
   margin-left: -100%;
}
#right {
   width: 180px;             /* RC width */
   padding: 0 10px;                               /* RC padding */
   margin-right: -100%;
}
#right2 {
   width: 1px;             /* RC width */
   padding: 0px;                              /* RC padding */
   margin-right: -100%;
}
#footer {
   clear: both;
}
/*** IE Fix ***/
* html #left {
   left: 200px;              /* RC fullwidth */
}
* html #left2 {
   left: 1px;              /* RC fullwidth */
}
/*** Equal-height Columns ***/
#container {
   overflow: hidden;
}
#container2 {
   overflow: hidden;
}
#container .column {
   padding-bottom: 1001em;     /* X + padding-bottom */
   margin-bottom: -1000em;     /* X */
}
#container2 .column {
   padding-bottom: 1001em;     /* X + padding-bottom */
   margin-bottom: -1000em;     /* X */
}
/*** Footer Fix ***/
* html body {
   overflow: hidden;
}
* html #footer-wrapper {
   float: left;
   position: relative;
   width: 100%;
   padding-bottom: 10010px;
   margin-bottom: -10000px;
}
/*=---------------------------------------------------------------------------------
   end of 3 col   (and 2 col)
--------------------------------------------------------------------------------*/
@font-face {
	font-family: 'Junction';
	src: url('Junction_02.eot');
	src: local('Junction'), local('Junction'), url('http://e105.org/jwfx/css/fonts/Junction_02.woff') format('woff'), url('http://e105.org/jwfx/css/fonts/Junction_02.otf') format('opentype'), url('http://e105.org/jwfx/css/fonts/Junction_02.svg#Junction') format('svg');
}
body {
   margin: 0;
   padding: 0;
   font-family: 'Junction',verdana, helvetica, arial, sans-serif;
   color: #154a54;
   font-size: 12px;
	 background-image: url(../img/bb9.jpg);
   line-height: 130%;
}
/*----------------------
   headers
   h1 and h2 go at the top of each page
   h3 is the box title
   h4 section title within a box
-----------------------*/
h1,h2,h3,h4 {       
   text-indent: 0px; 
   margin: 0px;
   padding: 0px;
   font-weight: normal;
   color: #154a54;
}
h1 {     
   margin-top: 35px;
   line-height:70%;
}
h2 {     
   font-size:18px;
   margin: 35px 0px 55px 10px;
}
h3 {
   font-size:18px;
   font-color:#154a54   ;
   padding: 0px 0px 10px 0px;
   line-height:100%;
}
h4 {
   font-size:12px;
   font-color:#154a54   ;
   padding: 10px 0px 0px 0px;
   font-weight:bold;
}
#title {
   font-size: 18px;
   letter-spacing: 0.4em;
}
#subtitle{
   font-size: 9px;
   letter-spacing: 0.4em;
}
/*-----------------------
   header stuff
--------------------------*/   
#headerBoxSec {
   background: #F4FCE4;
   border: 1px solid #5c604d ;
   margin: 10px 10px 0px 10px;
   padding: 0px 15px 0px 10px;
}
#headerBoxSec a:hover {
   background-color: #F4FCE4;
}
#headerLeft{
   float:left;
}
#headerRight{
   float:right;
}   
.clearBoth{
   clear:both;
}
/*------------------ 
   the link bar
-------------------*/   
#linkBar {
   border: 1px solid #5c604d;
   background: #F4FCE4 ;
   margin: 2px 10px 0px 10px ;
}
#linkLeft {
   float:left;
   background: #F4FCE4 ;
}
#linkRight {
   float:right;
}
#linkBar ul {
   margin: 0px 0px 0px 0px ;
   padding: 0px;
}
#linkBar ul li {
   padding: 0px ;
   margin: 0px;
   display: inline;
   border-right: 1px solid #5c604d;
}
#linkBar  A {
   color: ;
}
#linkBar  A:hover {
   color: ;
   background: #c6cbb5;
}
#search {
   background: #F4FCE4;
}
#searchButton {
   margin: 0px;
   margin-top: 0px;
   padding: 0px;
   background: #c6cbb5;
   font-size: 9px;
   color: #154a54   ; 
   font-weight: normal;
}
#searchBox {
   font-family: 'Junction',verdana, helvetica, arial, sans-serif;
   color: #154a54;
   font-size: 12px;
}
/*-----------------------
   footer stuff
--------------------------*/   
#footerBoxSec {
   background: #F4FCE4;
   border: 1px solid #5c604d ;
   margin: 0px 10px 10px 10px;
   padding: 7px 10px 35px 0px;
}
#footerRight{
   float:right;
}   
#footerRight  a:hover {
   background-color: #F4FCE4;
}
#footerLeft{
   float:left;
   margin: 0px;
   padding:0px 40px 0px 10px;
}
/*-----------------------
   navTag stuff:  navTag is the top/bottom tag on each box
------------------------*/   
div.navTag {
   text-align: right;
   padding: 0px;
   margin-top: 10px;
}
div.footerNavTag {
   padding: 0px;
   margin: 0px;
}
/*--------------------------
   generic list stuff
---------------------------*/
ul { 
   list-style: none; 
   padding: 0px; 
   margin: 0px; 
   text-indent: 0px;
}
li {
   text-indent: -15px; 
   padding: 0px;
   margin: 0px 0px 12px 15px;
}
ul ul li {
   text-indent: 0px;
   padding: 0px;
   margin: 0px 0px 8px 15px;
}
.tight {
   margin-bottom: 0px;
}
/*-------------------------
   p:  para. styles
   numbers indicate which side a margin is on
-------------------------*/
.stdPara {
   text-indent: 0px; 
   margin: 8px 0px 0px 0px;
   padding: 0px;
}
.barePara {
   text-indent: 0px;
   margin: 0px;
   padding: 0px;
}
.hangPara {
   text-indent: -10px; 
   margin: 8px 0px 0px 10px;
   padding: 0px;
}
.hilitePara {
   margin: 12px 12px 12px 12px;
   padding: 12px 12px 12px 12px;
   border: 1px solid #5c604d;
   background: #FFF9F9;
}
.spacePara {                             /* not sure if need, only used in faust */
   margin: 0px 15px 20px 15px;
   line-height: 140%;
}
/*---------------- 
   links
----------------*/
a, a:link, a:visited, a:hover, a:active {
   color: #663e70 ;
   text-decoration:none;
   border-bottom: dotted 1px #8f2db5;
}
a.locLink:link{
   border-bottom: dashed 1px #8f2db5;
}
a.cleanLink {
   border-bottom:none;
}
a.imageLink {
   border-bottom:none;
}
a:hover {
   background: #c6cbb5 ;
}
a.locLink:hover{
   background: #c6cbb5;
}
/*-------------------------
   navBox
---------------------------*/   
#navBox h3 {
   text-indent: 0px;
}
#navBox {
   margin: 2px 0px 0px 0px;
   font-size:12px;
   padding: 10px 0px 10px 0px;
   background: #F4FCE4;
   color: #154a54;
   border: 1px solid #5c604d;
}
#navBox .menuPad {
   padding-bottom: 10px;
}
#navBox a 
{
   display: block; 
   padding-left: 23px ; 
   text-indent: -8px;
   border:none;
   text-decoration:none;
}
#navBox a:hover {
   background: #c6cbb5; 
}
#navBox a.navActive {
   font-weight: bold;
}
#navBox a.navInctive {
   font-weight: normal;
}
#navBox h3 {
   margin-left: 15px;
}
/*---------------
  site map, this should be separate
-----------------*/  
#siteMap {
   margin: 15px 20px 15px 20px;
}
#siteMap ul li {
   margin: 0px;
   padding: 0px;
}
#siteMap ul ul li  {
   margin: 0px;
   padding: 0px;
   padding-left: 10px;
}
/*-----------------
   general box
----------------------*/
.boxSec {
   margin: 2px 0px 0px 0px;
   padding: 10px 25px 10px 25px;
   background: #F4FCE4;
   border: 1px solid #5c604d;
   font-size:12px;
}
/*----------------------------------------------
bigPic pages
----------------------------------------*/
.leftPic {
   clear: left;
   float: left;
   margin: 12px 20px 12px -15px;
   border: 1px solid #5c604d;
}
.leftFirstPic {
   float: left;
   margin: 0px 12px 20px -15px;
   border: 1px solid #5c604d;
}
.rightPic {
   clear: right;
   float: right;
   margin: 12px -15px 12px 20px;
   border: 1px solid #5c604d;
}
.rightFirstPic {
   float: right;
   margin: 0px -15px 10px 20px;
   border: 1px solid #5c604d;
}
#twoColBoxSec {
   margin: 2px 10px 5px 0px;
   background: #F4FCE4;
   border: 1px solid #5c604d;
   min-height:1100px;      /* full height of picture stacks */
   padding: 40px 45px 30px 45px;
}
/*-----------------------------
   put these somewhere
----------------------------*/
img {
   border: 0px;
}
em {
   color: blue;
}
var {
   color: #551A8B;
}
code {
   color: black;
}
samp {
   color: purple;
}