/*

$Id: BE.css,v 1.3 2008/05/06 22:43:07 bshomer Exp $
$Revision: 1.3 $
$Date: 2008/05/06 22:43:07 $
$Log: BE.css,v $
Revision 1.3  2008/05/06 22:43:07  bshomer
added embedded links code

Revision 1.2  2008/05/06 22:33:23  bshomer
Only added version control. No change.


*/


body { font: 100%/150% verdana, arial;
       color: #3E3C36;
       }

/****** Color Scheme *********/
.CAmainColor   {color: #1485a1;}
.CAdarkRed     {color: #a13013;}
.CAdarkerRed   {color: #a11330;}
.CAbrown       {color: #a16813;}
.CApurple      {color: #a11384;}
.CAbrightOlive {color: #84a113;}
.CAblue        {color: #3013a1;}

.highlight     {background-color: yellow;}

/****** Color Scheme *********/

/****** Organic Element Classes *********/
a img {border: none; }

a.tipLink:link{color: #3E3C36; text-decoration: none; cursor:help;}
a.tipLink:visited{color: #3E3C36; text-decoration: none; cursor:help;}
a.tipLink:hover{color: #3E3C36; text-decoration: none; cursor:help;}
a.tipLink:active{color: #3E3C36; text-decoration: none; cursor:help;}

/*a.embedded:link{color: #3E3C36; text-decoration: underline;}*/
a.embedded:link{color: #42506E; text-decoration: underline;}
a.embedded:visited{color: #42506E; text-decoration: underline;}
a.embedded:hover{color: #3E3C36; text-decoration: underline; background-color: #F5F0FF; }
a.embedded:active{color: #3E3C36; text-decoration: underline;}


ul.checkmarks { 
               list-style-image: url(/images/greenOK.gif);
              }

ul.sm_He_checkmarks { 
               list-style-image: url(/images/greenOK_HeSm.gif);
              }


ul.artli {
          list-style-image: url(/images/artli.jpg);
	  line-height: 50px;
	 }

.intext {
	display: inline;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.intext ul li{
	display: inline;
	/*list-style: none;*/
	list-style-type: none;
}

h1,h2,h3,h4 gstyle {
	color: #3A3030;
	font-size: 1.15em;
	font-weight: normal;
	margin-bottom: 0.1em;
	}

.gstyle2 {font-size: 1.1em;}

.gstyle3 {font-size: 1.0em;}

.greyCentred{
	border: 1px solid grey; 
	padding: 20px;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

/****** END Organic Element Classes *********/


/*.addThis {
	border:0px;
	width:125px;
	height:16px;
	position: absolute;
	top: 480px;
	right: 10px;
	z-index:10;
}
*/

.addThis {
	border:0px;
	width:125px;
	height:16px;
}


.squeeze {
	margin-top: 3px;
        margin-bottom: 0px;
}

#Rpanel { position: absolute;
          top: 0px;
          right: 0px;
          width: 250px;
          height: 1100px;
          overflow: auto;
          }

.mainDiv {
	background: transparent;
	background-position: top right;
	background-repeat: no-repeat;
	width:150px; 
	min-height:1200px; 
	margin-top: 120px;
	position:fixed;
	background-attachment:fixed;
	}


/*.panelDiv {
	padding-right:220px;
	padding-left:250px;
	padding-top: 130px;
	background: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	}*/


.panelDiv {
	padding-right:180px;
	padding-left:250px;
	padding-top: 160px;
	background: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	}

.panelDiv2010 {
	padding-right:160px;
	padding-left:250px;
	padding-top: 130px;
	background: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	}


/*.LOGO { position: fixed;
	top:      8px;
	right:    8px;
	width:    202px;
	height:   180px;
	}*/

.LOGO { position: fixed;
	top:      4px;
	right:    4px;
	width:    150px;
	height:   134px;
	}


.LOGO_SM { position: fixed;
	top:      4px;
	right:    4px;
	width:    150px;
	height:   134px;
	}
#newcontents { position: absolute;
               top: 0px;
               left: 0px;
               padding-top: 110px;
               padding-right: 240px;
               padding-left: 10px;
               background: transparent;
               min-width: 450px;
               height: 1100px;
            }

#Lpanel { position: absolute;
          top: 0px;
          left: 0px;
          width: 150px;
          height: 1100px;
          overflow: auto;
          }

#quote  { color: #887661;
	  /* color: #c8c3b1;  */
          font-family: Arial;
          font-size: 16px;
          font-weight: bolder;
          font-style: italic;
          line-height: 1.25em;
          text-indent: 10px;
          padding:     15px;
          }

#heading { color:#6471A2 ;
          font-family: Arial;
          font-size: 16px;
          font-weight: bolder;
          font-style: italic;
          line-height: 2px;
          text-indent: 10px; }
 

#menuSeparator  { width: 200px;
                  height: 1px;
                  }

#pscroller2{
width: 350px;
height: 20px;
border: 0px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
color: rgb(51, 102, 153);
}



.menuImg {
	width:    200px;
	height:    25px;
	border:     0px;
	}

.imgMenu { 
           border-width: 0px;  
           display: inline;
           width: 200px;
           height: 35px;
           position: relative;
           background: transparent;
           float:right;
           clear: both;
           margin: 0px;
           white-space: nowrap;
           padding: 0px;
           z-index: 2;
           top: 0px;
           }

.imgMenu:hover,
.imgMenu-active { 
                  background: transparent url(/images/menuBG.png)  no-repeat right center;
                  }

.menuTable { 
             position: absolute;
             right: 0px;
             top: 200px;
             white-space: nowrap;
             width: 202px;
             height: 220px;
	     z-index: 0;
             clear: both;
             }
.menuTable2010 { 
             position: absolute;
             right: 0px;
             top: 140px;
             white-space: nowrap;
             width: 150px;
             height: 220px;
	     z-index: 0;
             clear: both;
             }


table.wkshp {
	border-width:5px; 
	border-spacing:3px; 
	border-style:outset; 
	background-color:#F5F5F5;
	position: relative;
	top: 0px;
	margin-top: 20px;
	}

table.wkshp td {
	border-width:5px; 
	padding: 3px; 
	border-color:#ECB8F5; 
	border-style:groove; 
	background-color:white; 
	-moz-border-radius: 9px;
	white-space: pre-line;
	word-wrap: break-word; 
	}


.forkTip {
	color:#6471A2 ;
	font-family: Arial;
	font-size: 16px;
	font-weight: bolder;
	font-style: italic;
	position: relative;
	margin-bottom: 50px;
	top: 0px;
	width: 700px;
	padding: 15px;
	padding-top: 80px; 
	padding-bottom: 5px;
	background: transparent url(/images/tipOfTheFork.jpg) no-repeat right top ;
	border: 5px gray outset;
	}

.forkInside {
	background: transparent url(/images/forkBLcorner.jpg) no-repeat left bottom ;
	padding-left: 40px;
	padding-bottom: 5px;
	}

.greenH {font-size:small;
	font-family: helvetica,arial,sans-serif;
	font-style:italic;
	color:#698B69;
	display:inline;
	}

.center {text-align:center}

.balloonstyle {
                position:absolute;
                top: -200px;
                left: 0;
                padding: 5px;
                visibility: hidden;
                border:1px solid black;
                font:normal 12px Verdana;
                line-height: 18px;
                z-index: 100;
                background-color: #CED7E1;
                width: 200px;
                }


.greenFont  {font-size:small; font-family: Arial; color:#698B69;}
 
.blueFont  {text-align: left; font-family: Arial;
            color: #336699;font-size:14px; font-weight:bold;}

.largeGreenFont  {font-size:16px;font-family: Arial; color:#698B69;}
 
.largeBlueFont  {font-size:16px;  font-family: Arial;
                 color: #336699; font-weight:bold;}
.largePaleBlueFont  {font-size:large;  font-family: helvetica,arial,sans-serif; 
                 color: #ced7e2; font-weight:bold;}

.hugeBlueFont  {font-size:18px;  font-family: Arial;
                 color: #336699; font-weight:bold;}
.hugeGreenFont  {font-size:18px;  font-family: Arial;
                 color: #698B69; font-weight:bold;}
.hugeFont  {font-size:18px;  font-family: Arial;
                 color: black; font-weight:bold;}

.alertText {color:#CF3535; font-size:16px; font-weight:bold}


/*********  FOOTER RELATED ELEMENTS ***********/

.hfooter {position: absolute;
	bottom: 0px;
	width: 100%;
	font-size: 80%;
	color: #993d32;
	text-align: right;
	position: fixed;
	margin-top: 20px;
	background-color: #FDFCFF;
	border-top-color: #336699;
	border-top-style: ridge;
	border-top-width: 3px;
	padding-left: 15px;
	padding-right: 15px;
}


.footer {position: absolute;
	bottom: 0px;
	width: 100%;
	font-size: 80%;
	color: #993d32;
	text-align: right;
	position: fixed;
	margin-top: 20px;
	background-color: #FDFCFF;
	border-top-color: #336699;
	border-top-style: ridge;
	border-top-width: 3px;
	padding-left: 15px;
	padding-right: 15px;
}

a.afooter:link{color: #993266; text-decoration: none;}
a.afooter:visited{color: #993266; text-decoration: none;}
a.afooter:hover{color: #669932; text-decoration: none;}
a.afooter:active{color: #669932; text-decoration: none;}

.fmenu {
	color: #3E3C36;
	font-weight: bold;
	}
a.flink:link{color: #336699; text-decoration: none;font-weight: bold;}
a.flink:visited{color: #336699; text-decoration: none;font-weight: bold;}
a.flink:hover{color: #993d32; text-decoration: none;font-weight: bold;}
a.flink:active{color: #993d32; text-decoration: none;font-weight: bold;}

/*********  END FOOTER RELATED ELEMENTS ***********/


.infoBox,
.largeInfoBox { 
                position: absolute; 
                top: 330px; 
                left: 290px; 
                width: 520px; 
                height: 270px; 
                background-image: url(/images/contextFrame2.png); 
                background-repeat: no-repeat; 
                background-position: right top; 
                margin-bottom: 2em;
                z-index:100;
                display: none;
                }

.largeInfoBox { 
                width: 750px; 
                height: 450px;  
                background-image: url(/images/largeContextFrame2.png);
}

.sideInfoBox { 
                position: absolute; 
                top: 330px; 
                left: -521px; 
                width: 520px; 
                height: 270px; 
                background-image: url(/images/contextFrame2.png); 
                background-repeat: no-repeat; 
                background-position: right top; 
                margin-bottom: 2em;
                z-index:100;
                }


.infoCont,
.largeInfoCont { 
                 width: 480px; 
                 height: 210px; 
                 position: relative; 
                 top: 10px; 
                 right: 0px; 
                 padding-right: 35px;
                 padding-left: 15px;
                 overflow:auto;
                 }

.largeInfoCont { 
		width: 690px; 
		height: 410px; 
		padding-right: 35px;
		padding-left: 3px;
                }


.context { 
           font: 100%/150% verdana, arial;
           border-width: 1px;
           border-color: grey;
           border-style: solid;
           display: inline;
           background-color: #FAF3FC;
           }

.context:hover { background-color: #FDF9FF; }


#domticker{
width: 400px;
height: 100px;
padding: 20px;
border: 1px solid #C23DFF;
background-color: #FDF9FF;
filter:alpha(opacity=75);
-moz-opacity:1;
opacity:1;
}


/* Oriiginal transparency was filter:75 and others .70 */


#domticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FDF9FF;
}

#domticker a{
font-weight: bold;
text-decoration: none;
}