/*********************************************************
* Title: janejech.css                                                                                   * 
* Date: August, 2009                                                                                *
* Author: Carol Wiedenmann                                                                    * 
*********************************************************/      

/*       
         ---------------------------------------------------------------------------------------------------
         |body  ---------------------------------------------------------------------------------------    |
         |      | topborder                                                                           |    |
         |      |  -----------------------    -----------------------    ------------------------     |    |
         |      |  | topleft              |   | topcenter           |    |  topright            |     |    |
         |      |  -----------------------    -----------------------    ------------------------     |    |
         |      ---------------------------------------------------------------------------------------    |
         |      ---------------------------------------------------------------------------------------    |
         |      | midborder                                                                           |    |
         |      |  -------------------------------------------------------------------------------    |    |
         |      |  | tabs                                                                        |    |    | 
         |      |  -------------------------------------------------------------------------------    |    |
         |      |  -------------------------------------------------------------------------------    |    |
         |      |  | columns                                                                     |    |    |
         |      |  | -----------------------------      ---------------------------------------  |    |    |
         |      |  | |  col1                     |      | col2                                |  |    |    |   
         |      |  | -----------------------------      ---------------------------------------  |    |    |
         |      |  |              or                                                             |    |    |
         |      |  | --------------------------------------------------------------------------  |    |    |
         |      |  | |  linkCenterColumn or MapCenterColumn                                   |  |    |    |                               |  |    |    |   
         |      |  | --------------------------------------------------------------------------  |    |    |      
         |      |  -------------------------------------------------------------------------------    |    |
         |      |                 or                                                             |    |    |
         |      |  -------------------------------------------------------------------------------    |    |
         |      |  | singleColumn                                                                |    |    |
         |      |  -------------------------------------------------------------------------------    |    |
         |      ---------------------------------------------------------------------------------------    | 
         |      ---------------------------------------------------------------------------------------    |
         |      | bottomtext                                                                          |    |
         |      ---------------------------------------------------------------------------------------    |
         --------------------------------------------------------------------------------------------------- 
*/

/*td {border: 1px dotted orange;}
div {border: 1px dotted purple;}*/
html{height:100%; min-height: 100%;}
body {height:100%; min-height: 100%;

  background : #002e62; 
  /*background : #df0323;*/
  /*background : #002e62; current*/
  /*background-image : url(http://janejech.com/index_files/bg-line5.jpg);*/
  background-image : url(bg-line6.jpg); current
  background-position : top;
  background-repeat : repeat-x; */
 /* behavior: url(csshover.htc); */ /* added for dropdown*/ }

#leftside {
  float : left;
  position : absolute;
  left: -12%;
  top : 30px;  
  z-index : 5;
}

#leftside2 {
  float : left;
  position : absolute;
  left: -90%;  
  z-index : 5;
}


#topborder {
  float : left;
  position : relative;
  left : 10%;
  top : 0;
  /*background-color : #002e62;*/
  width : 87%;
  height:auto;
  font-weight : bold;
  text-align : center;
  color : white;
  border-width : 3px;
  border-color : #999999;
  border-style : none;
  z-index : 5;
}
#topleft {
  position : relative;
  float : left;
  padding-top: 62px;
  /*width : 20%;*/
  width: 12%;
  text-align : left;
}
#topcenter {
  position : relative;
  float : left;
  /*width : 32%;*/
  width: 18%;
  text-align : center;
}
#topright {
  float : right;  
  /*width : 48%;*/
  width: 69%;
  text-align : right;
  top : 0;
}
#midborder {
  float : left;
  position : relative;
  left : 10%;
  top : 0;
  width : 80%;
  height:auto;/*40px*/;
  /*overflow:auto;*/
  background-color : #999999;
  border-color : #999999;
  border-style : none;
  border-width : 3px;
  color : white;
  z-index: 5;
  margin : 3px 0 0 0;
}
#tabs {
  float : left;
  position : relative;
  left : 0%;
  top : 0;
  width : 100%;
  height:auto;
  overflow:auto;
  background-color : #999999;
  color: #002e62;
  /*color : #e71737;*/
  z-index : 5; 
}


#navtext {
  color: #002e62;
  /*color : #e71737;*/

  font-size : 1.2em;
  width : 100%;
  height:auto;
}
.current-nav {display:block; width: auto;  float: left; 
 /* background: #999999 url(logostargray2.png) no-repeat top left;*/
   background: #999999 url(logostarred.png) no-repeat top left;
  border:  1px solid #736F6E; border-width: 2px 2px 0px 7px; border-bottom-style:none; 
  padding: 1px 3px 5px 1.5em; margin: 3px 4px 4px 1px; }

.nav {
display : block; 
  float : left;
  width : auto;
  background-color : white;
  /*background: white url(logostarwhite2.png) no-repeat top left;*/
  background: white url(logostarred.png) no-repeat top left;
  border : 1px solid #736F6E;
   border-width: 2px 2px 2px 7px;
  padding : 1px 3px 5px 1.5em;
  margin : 4px 4px 4px 1px;   
}
/* start of added for dropdown*/
div#midborder #navtabs ul {margin: 0; padding: 0;  list-style: none; }
div#midborder #navtabs ul  li { position: relative; float: left; width: auto;}
div#midborder li ul {position: absolute; top: 30px; display: none; left: 0; z-index:20; }
div#midborder ul ul li a {display: block;  text-decoration: none; line-height: 20px; width: 8.2em; font-size: 0.75em; color: white /*#104E8B*/;
   padding: 2px; background: #DE5869  /*#558866 #D3D3D3*/; margin: 0 1px;  border-bottom: 0px solid #736F6E;  }
div#midborder ul ul li a:hover { background: white; color: black/*#e71737*/;  
  border: 1px solid  #002e62;  width: 8.4em; border-right-width: 5px; z-index:20; font-size: 0.70em;}
div#midborder li:hover ul { display: block;}

/* end of added for dropdown*/
#columns {
  float : left;
  position : relative;
  top : 4px;
  left : 0%;
  width : 100%; 
  /*height:auto;*/
  /*overflow:auto;*/
  background-color : #999999;  
  vertical-align : top;
  margin-top : 0;
  font-size : 0.85em;
  font-weight : normal; z-index: 5;
}

#aboutmeCenterColumn {
  position : relative;
  width : 78%;
  height:auto;
  border-color : white;
  text-align : left;
  /*color : #104e8b;*/ color: black;
  background-color:white; background: white url(JechLogo-watermarka.jpg)center no-repeat;
  /*background-size: 100%;  background-origin: content; */
  border-width : 3px;
  border-style : none;
  border-right-width : 1.5px;
  font-family : "Lucida Bright";
  vertical-align : top;
  /*font-size: 1.2em;*/
  /*font-weight: 110%;*/
  font-size: 1.25em;  
  margin : 1%;
  padding-top : 1%;
  padding-left : 10%;
  padding-right : 10%;
  padding-bottom : 1%;  z-index: -5;
}

#justthefactsCenterColumn {
  position : relative;
  width : 78%;
  height:auto;
  border-color : white;
  text-align : left;
  color : #000000;
  background-color : white;
  border-width : 3px;
  border-style : none;
  border-right-width : 1.5px;
  font-family : "Lucida Bright";
  vertical-align : top;
  font-size: 1.2em;
  margin : 1%;
  padding-top : 1%;
  padding-left : 10%;
  padding-right : 10%;
  padding-bottom : 1%; z-index: 5;
}

#linkCenterColumn {
  position : relative;
  width : 48%;
  height:100%;
  border-color : white;
  text-align : left;
  color : #104e8b;
  background-color : white;
  border-width : 3px;
  border-style : none;
  border-right-width : 1.5px;
  font-family : "Lucida Bright";
  font-size : 1.5em;
  vertical-align : top;
  margin : 1%;
  padding-top : 1%;
  padding-left : 25%;
  padding-right : 25%;
  padding-bottom : 1%;  z-index: 5;
}
 
 #mapCenterColumn { position:relative; width: 95%; height:auto; border-color:white; text-align:left; 
              color:#104E8B; background-color:white; border-width:3px; border-style:none; 
              border-right-width: 1.5px; 
              font-family: "Lucida Bright";
              vertical-align:top;  margin: 1%; z-index: 5;
              padding-top: 1%; padding-left: 5px; padding-right: 5px; padding-bottom : 1%;}

 #blogCenterColumn { position:relative; width: 95%; height: auto; border-color:white; text-align:left; 
              color:#104E8B; background-color:white; border-width:3px; border-style:none; 
              border-right-width: 1.5px; 
              /*font-family: "Lucida Bright";*/
              vertical-align:top;  margin: 1%; z-index: 5;
              padding-top: 1%; padding-left: 5px; padding-right: 5px; padding-bottom : 1%;}

 #photosCenterColumn { position:relative; width: 90%; height:auto; border-color:white; text-align:left; 
              color:#104E8B; background-color:white; border-width:3px; border-style:none;               
              vertical-align:top;
              font-family: "Lucida Bright";
              font-weight: bold;
              vertical-align:top;  margin: 0% 1% 1% 1%; z-index: 5;
              padding-top: 0%; padding-left: 4%; padding-right: 4%; padding-bottom : 1%;}

#formsCenterColumn { position:relative; width: 90%; height:auto;  /*overflow:auto;*/ border-color:white; text-align:left; 
              color:#104E8B; background-color:white; border-width:3px; border-style:none;               
              vertical-align:top; 
              font-family: "Lucida Bright";
              font-weight: bold;
              vertical-align:top;  margin: 1% 1% 1% 1%; z-index: 5;
              padding-top: 2%; padding-left: 4%; padding-right: 4%; padding-bottom : 4%;}


#formTitle {text-align: center; font-size: 1.75em; padding-bottom: 1%;}
.linkInfo {border-bottom: 0.1em solid #999999; margin-bottom: 0;}

#formSkip {text-align: center; font-size: 1.75em; padding-bottom: 1%; color:#104E8B; }
#formCheckbox {position:relative; width: 50%; height:auto; text-align: left; padding-left:21%;  margin: 1% 1% 1% 1%; }
.formInput {position:relative; float: left; width: 100%; height:auto; padding-bottom: 1%; }
.formLabel {position:relative; float: left;  width: 20%; height:auto; text-align: right; padding-right: 1%;
  background: #DCDCDC; border-left: 0.5em solid #999999; font-weight: bold;}
.formText {display: block; position:relative; float: left;  width: 70%; height:auto; text-align: left; }
input.formText:focus {background-color: #F0E68C;}
textArea.formText:focus {background-color: #F0E68C;}

#formSubmit {position:relative; float: right; width: 25%; height:auto; padding-left: 70%;} 
#formSubmitCenter {position:relative; float: right; width: 25%; height:auto; padding-left: 30%;}
#formResources {position:relative; float: right; font-size: .6em; text-align:center; width: 90%; height:auto; }

#yardsignstyCenterColumn { position:relative; width: 90%; height:auto; border-color:white; text-align:left; 
              color:#104E8B; background-color:white; border-width:3px; border-style:none;               
              vertical-align:top; 
              font-family: "Lucida Bright";
              font-weight: bold;
              vertical-align:top;  margin: 1% 1% 1% 1%; z-index: 5;
              padding-top: 2%; padding-left: 4%; padding-right: 4%; padding-bottom : 2%;}
 

 #col1 { float:left; position:relative; width: 23%; height:auto; border-color:white; text-align:center; 
              color:#104E8B; background-color:white; border: red solid 4px; font-weight: bold;
              font-family: "Lucida Bright";
              vertical-align:top; padding: 1%; z-index: 5;
              margin: 1%; }

 #col1a { float: left; position:absolute; bottom: 1px;  width: 23%; height:auto; border-color:white; text-align:left; 
              color:#104E8B; background-color:white; border-color: white; border-style: solid;
              border-width: 0; 
              border-left-width: 4px;
              border-right-width: 4px;
              font-weight: bold;
              font-family: "Lucida Bright";
              vertical-align:top; padding: 1%; z-index: 6;
              margin: 1%; }



#col2Extra {
  position : relative;   
  width : 68%; height:auto;  
  float : right;
  border: white;
  border-width : 3px;
  border-style : none;
  border-left-width : 1.5px;
  text-align : left;
  color : black;  
  vertical-align : text-top;
  background-color : white;
  color : black;
  /* padding-top : 5px; */
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 1%;
  margin : 1% 1% 3% 1%; z-index: 5;


  /*margin : 5% 1% 1% 0%;*/
}
  

#col2 {
  position : relative; 
  width : 68%; height:auto;  
  float : right;
  border-color : white;
  text-align : left;
  color : black;
  border-width : 3px;
  border-style : none;
  border-left-width : 1.5px;
  vertical-align : text-top;
  background-color : white;
  color : black;
  /*padding-top : 1%;*/
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 1%;
  padding-top : 5px;
  margin : 1% 1% 1% 1%;  z-index: 5;

  /*margin : 5% 1% 1% 0%;*/
}
.box {
  display : block; 
  float : left; 
  /*background-image : url(http://janejech.com/index_files/box3.jpg);*/
  background-image : url(box4.jpg);
  background-color : #002e62;
  width : 240px;
  height : 75px;    
  margin : 1px 6px 3px 6px;
  padding: 0;
  border : 1px solid  #002e62;   border-width: 2px 2px 2px 9px;
  display: inline;
  /*border-style : none;*/
 
}
.smallbox {
  display : block;
  float : left;
  /*background-image : url(http://janejech.com/index_files/box3.jpg);*/
  background-image : url(box3.jpg);
  width : 130px;
  height : 40px;
  margin : 1% 1% 1% 1%;
  border-style : none;
}

.boxicon {
  display : block;
  position : relative;
  float : left;
  text-align : center;
  color : white;
  font-size : 1.6em;
  margin : 15px;
  padding: 0px;   
}
.boxcontent {
  display : block;
  position : relative;
  float : left;
  /*padding : 15px;*/ 
  text-align : center;
  color : white;
  font-size : 1.5em;
}
.smallboxicon {
  display : block;
  position : relative;
  float : left;
  text-align : center;
  color : white;
  font-size : .6em;
  padding : 7px;
}
.smallboxcontent {
  /* display : block;
  position : relative; */
  float : left;
  padding : 7px;
  text-align : center;
  color : white;
  font-size : 1em;
}

.smallboxcontentnext {
  /* display : block;
  position : relative; */
  float : left;
  padding : 7px 7px 7px 30px;
  text-align : center;
  color : white;
  font-size : 1em;              
}

#singleColumn {
  float : left;
  position : relative;
  /* top : 4px; */
  left : 0%;
  width : 100%; height:auto;
  background-color : #999999;  
  vertical-align : top;
  margin-top : 0;
  font-size : .85em;
  font-weight : normal;
  padding-top : 1%;
  padding-bottom : 1%;
  text-align : center;
}
#bottomtext {
  position : relative;
   float : left;
  width : 100%; height:auto;
  color : #3399ff;
  text-align : center;  
}
.centerAboutme { display:block; text-align : center; color : #104e8b; font-size: 110%;
/*color: #000080 ; */ 
}
.halfwidth {position: relative; width: 50%; float : left; height: auto;}


.centerAboutmeBottom { display:block; text-align : center; color : #104e8b; font-size: 110%;
  border: 2px solid #002e62; border-width: 1px 1px 1px 1em; 
  margin: 0.5em 0; padding: 0;
  line-height: 1em; width: 100%;
}
.indent {text-indent: 2em; margin-top: 0;}

.signature {
  font-family : "Bradley Hand ITC";
  font-size : 2.5em;
  color : red;
  font-weight : bold;
}
/*.currnav:visited {color:white;}
.currnav:active{color:white;}
.nav:visited {color:color: #002e62;;}
.nav:active{color:black;}*/
a.current-nav {text-decoration: none; /*font-size: 1em; color: white;*/}
/*a.current-nav:hover { background: #002e62; url(logostargrayhover.png) no-repeat top left; text-decoration: none;}*/
.current-nav:hover { background: #999999 url(logostardarkred.png) no-repeat top left; text-decoration: none; color: white; /*border-width: 2px 2px 2px 7px;*/ }
a.nav {text-decoration: none; font-size: 1em; /*color: #104E8B;*/}
/*a.nav:hover { background: #002e62; url(logostarwhitehover.png) no-repeat top left; text-decoration: none;}*/
.nav:hover { background: white url(logostardarkred.png) no-repeat top left; text-decoration: none; color: #002e62;; /*border-width: 2px 2px 2px 7px; */ }

a.boxcontent {text-decoration: none;}
a.boxcontent:hover {color: #B0C4DE;}

a.textlink {text-decoration: none; display: inline-block; color: black; background-color: #B0C4DE;}
a.textlink:hover {background-color: #D3D3D3; color: black;}

a.newsReleaselink { color: #00008b;   /*background-color: #B0C4DE;
D3D3D3*/}
a.newsReleaselink:hover {background-color: #B0C4DE; /*C0C0C0;*/ color: black; display: inline-block; text-decoration: none;}

#tabs a:link {
  color : #104e8b;
}
#tabs a:visited {
  color : #002e62;;
}
#tabs a:hover {
  color : black;
}
#tabs a:active {
  color : black;
} 
#blogtabs a:link {
  color : #104e8b;
}
#blogtabs a:visited {
  color : #002e62;;
}
#blogtabs a:hover {
  color : black;
}
#blogtabs a:active {
  color : black;
}