/* CSS for silverbear-linux.com, sblinux.org 
filename: sbl-0802.css
Copyleft 2008 by John G. Boice under the GNU General Public License
for the text of the GPL : 
http://www.gnu.org/licenses/gpl.txt  
http://www.silverbear-linux.com/pages/gpl.txt
Free Software Foundation, Inc.,
 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
Briefly: this means you can freely use this CSS or a modified version of it, 
or incorporate a part of it in another document, but not without including  
this Copyleft notice in it's entirety at the head of the copy, modified document 
or document which includes this Copylefted material. 
*You may not charge a fee or price for this document nor any document that 
is a modified version of it nor any document which contains a portion of it. 
This summary is for general information purposes: the Copyleft is governed by 
the actual text of the GPL, to which two links are included in this notice.
*/


/* -------###################  01: PAGE LEVEL FORMATS ################### -------- */  
/* ----------------  determines characteristics of entire page ------------------ */  
body {
font-family: "Arial","Verdana", "Bitstream Vera Sans", "Helvetica", sans-serif;
font-size: 100%; /* make font sizing in ems and change here */
text-align :center;
background-color: #000000;
color: white;
}
#content {
margin-left: auto;
margin-right: auto;
padding: 0 0 0 0;
min-width:  700px;
max-width:  1200px;
background-color: Black;
color: #fff; 
text-align :center;
} 
.format {
float: left;
display: block; 
margin-left: auto;
margin-right: auto;
padding: 0 0 0 0;
text-align :center;	
}
/* ------- ################### END PAGE LEVEL FORMATS ################### --------- */
/* ------- ###################  02: COLUMN DIV FORMATS ###################  --------- */  
/* -------determines characteristics of the columns on the page --------- */  
/* ------------==========  for left column ========== -------------- */   
#navcol  {
float: left;
position: fixed;
display: block; 
top: 0px;
left : 0px; 
margin : 0em 0em 0em 0em ; 
padding : 0px; 
max-width:  24.00em;
height:  100%;
text-align: center;
background-color: inherit;
}
#menu {
position: relative;
display: block;
top: 0px;
left: 10px;
height : 16em;
margin : 2em  0em 0em 1em; 
padding : 0px; 
width : 18em; 
background-color : transparent; 
} 
#footer {
position : relative;
display : block; 
float: none;
margin : 0em  0em 0em 0em;
padding: 0em 0em 0em 0em ;
max-width : 18em; 
background-color: transparent;
text-decoration: none;
text-align: center;
color: #399;
} 
/* ------------ ========== end nav column formatting ==========-------------- */  
/* ------------ ========== for text column formatting ==========-------------- */  
.textcol {
  position: relative;
  display: block;

  padding: 0em 2em 0em 2em;
  margin :0.00em 3.00em  1.00em  18.0em;
  max-width: 80em;
  font-family: "Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif;
  font-size: 100%; 
  text-align : center;
  background-color: white;
  color : black;
}
/* ------------ end text column formatting-------------- */   
/* ------- ################### END 02: COLUMN DIV FORMATS ################### --------- */
/* ------- ################### 03: misc DIV FORMATS ################### --------- */
html > body #header {
width : 100%; 
} 
div.r {
float: right;
background: inherit;
margin: 0 1em auto 1em;
}
div.l {
float: left;
background: inherit;
margin: 0 0 auto 1em;
}
div.pix_l {
padding : 1em 1em 1em 0; 
float : left; 
border : 0;
text-decoration: none;
} 
div.pix_r {
padding : 1em 0 1em 1em; 
float : right; 
border : 0;
text-decoration: none; 
} 
div.ban {
display: inline;
margin-top: 0;
padding : 0 1em 0 1em; 
float : right; 
border : 0;
text-decoration: none; 
} 
/* ------------  misc image display styles-------------- */   
img.content {
margin: 0;
padding: 0 1em 0em 1em;
}
img.ban {
display: inline;
float: right; /* */
margin: 0 1em 0 0;
padding: 0 0 0 0;
}
img.sol {
padding : 1em; 
border : 0; 
}
img.inline1 {
display: inline;
float: left;
vertical-align: middle;
padding: 0px 5px 0px 2px ;
	
}
address img {
display: inline;
float: left;
vertical-align: middle;
width: 88px;
}
/* ------------ end  misc image display styles ------------ */
/* ------- ################### END 03: misc DIV FORMATS ################### --------- */
/* ------- ################### 04: TEXT  FORMATS ################### --------- */
/* ============= 4.2: MAIN TEXT STYLES =============  */   
p {
font : normal normal 0.9em "Arial", "Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif; 
text-align : justify; 
text-indent : 2em; 
margin-left : 0; 
margin-right : 2em; 
margin-top : 0; 
margin-bottom : 0; 
line-height : 1.2em; 
} 
p.bk {
font : normal normal 0.9em "Arial","Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif;
text-align : justify; 
text-indent : 0; 
margin-left : 0; 
margin-right : 2em; 
margin-top : 0.5em; 
margin-bottom : 0; 
line-height : 1.2em; 	
}
p.l {
padding-left: 0em;
padding-right: 1em;
text-align: left;
font : normal normal 0.9em "Arial","Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif;
text-decoration: none;
text-indent: 0;
line-height : 1.2em; 
}
p.r {
padding-left: 0.9em;
padding-right: 0em;
font : normal normal 0.8em "Arial","Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif;
text-align: right;
float : right;

text-decoration: none;
text-indent: 0;
line-height : 1.2em; 
}
p.block{
padding : 0.5em 1em 0.5em 1em;
text-align: justify;
font : normal normal 0.9em "Arial","Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif;
text-decoration: none;
text-indent: 0em;
line-height : 1.2em; 
background-color: #ddd;
}
p.ms {
font-family : monospace; 
font-size : 0.9em;
line-height : 1.2em; 
text-align: left;
text-indent:  0.00em;
	
margin-left : 0; 
margin-right : 4em; 
margin-top : 0em; 
margin-bottom : 0em; 
padding : 1em 1em 1.25em 1em;

background-color: #ddd;
}
pre {
font-family : monospace; 
font-size : 0.9em;
text-align: left;
margin: 1.00em 2.00em 1.00em 0.50em ;
line-height : 1.2em; 
background-color: #ddd;

} 
code {
font-family : System, monospace; 
font-size : 0.8em; 
display : inline; 
} 
strong, b {
font-weight : bold; 
} 
.c {
	text-align : center;
}
.k {
	color : black;
}

span.fl {
text-align: left;
font : normal normal 0.8em "Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif;
text-decoration: none;
text-indent: 0;
line-height : 1.2em; 
	}
	
/* ============= end 4.1: MAIN TEXT STYLES =============  */ 
/* ============= 4.2: HEADLINE styles ============= */
h1{
font: normal normal bold 1.2em "Arial" , "Helvetica" , sans-serif ;
line-height: 1.4em;
text-align : center;
color: #369;
margin-bottom: 0.25em;
margin-top: 0em;
padding :1.00em 0.00em 0.00em 0.00em 
}
h2{
font: normal normal bold 1.2em "Arial","Helvetica", sans-serif;
line-height: 1.4em;
color: #369;
margin-bottom: 0.5em;
margin-top: 0.0em;
text-align: left;
}
h3{
font: normal normal bold 1.0em "Arial","Helvetica", sans-serif;
line-height: 1.2em;
text-align: left;
color: #369;
margin-bottom: 0.2em;
margin-top: 1.0em;
}
h3.c{
font: normal normal bold 1.0em "Arial","Helvetica", sans-serif;
line-height: 1.2em;
text-align: center;
color: #369;
margin-bottom: 0.2em;
margin-top: 1.0em;
}
h4{
font: normal normal bold 0.9em "Arial","Helvetica", sans-serif;
line-height: 0.9em;
text-align: left;
color: #369;
margin-bottom: 0.3em;
margin-top: 0.5em;
}
h5{
font: normal normal bold 0.8em "Arial","Helvetica", sans-serif;
line-height: 1.0em;
text-align: left;
color: #369;
margin-bottom: 0.2em;
margin-top: 0.2em;
}
h5.c{
font: normal normal bold 0.8em "Arial","Helvetica", sans-serif;
line-height: 1.0em;
text-align: center;
color: #369;
margin-bottom: 0.2em;
margin-top: 0.2em;
}
h6{
font: normal normal bold 0.7em/9.0em "Arial","Helvetica", sans-serif;
text-align: left;
color:#369;
margin-bottom: 1em;
margin-top: 0.2em;
text-decoration: none;
}
/* ============= end 4.2: headline styles ============= */
/* ============= 05: MAIN LIST STYLES =============  */ 
/* ============= 5.1: TEXT LISTS =============*/   
/* =============  5.1.1: Unordered Lists  ============= */
ul.text {
font : normal normal 0.9em "Arial", "Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif; 
line-height : 1.2em; 
margin-top : 0.3em; 
margin-bottom : 0em;
margin-left: 0em; 
} 
ul.text li {
color : Black; 
text-align : left; 
font : normal normal 0.9em "Arial", "Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif; 
line-height : 1.2em;
} 
ul.text2 {
list-style-type: none;
font : normal normal 0.9em "Arial", "Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif; 
line-height : 1.2em; 
margin-top : 0.5em; 
margin-bottom : 0.5em;
margin-left: 0em; 
} 
ul.text2 li {
color : Black; 
text-align : left; 
font : normal normal 0.9em "Arial", "Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif; 
line-height : 1.2em;
padding: 1.00em 0px 1.00em 1.00em ;
	
} 
/* ============= end Unordered Lists  ============= */
/* ============= 5.1.2: Ordered Lists  =============  */
ol {
font-family: Verdana, arial, sans-serif;
font-size: 0.80em ;
text-align: left;
text-indent:  0px;
}
/* ============= end Ordered Lists ============= */
/* =============  5.1.3: Other Lists =============  */
dl {
	font : normal normal 0.8em arial, verdana, "Lucida Typewriter", helvetica, sans-serif; 
	text-align: left;
}
/* =============  end Other Lists  ============= */
/* ============= end 05: TEXT LISTS =============*/ 

/* ============= 06: NAVIGATION LISTS =============*/ 
/* ============= 6.1: navcol PAGE MENU =============  */
ul.pagemenu {
  list-style-type : none; 
  display : block;
  position : relative;
  left: 0px;
  width : 16em;
  text-align : left;
  text-decoration : none;
  font-size : 1.0em; 
  line-height : 2.0em;
  margin-top : 0.3em; 
  margin-bottom : 0;
  margin-left: 0;
  color : Black;
  background-color : transparent;
  border: none;
  padding : 0 0 0 0;
 }
ul.pagemenu li a {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : relative;
  left: 0px;
  width : 16em;
  border-top : 2px solid #dee; 
  border-right : 4px  solid  #9bc;
  border-bottom : 4px solid #9bc; 
  border-left : 2px solid #bdf;  
  background-color : #ddd;
  color : #06c; 
  text-align : left;
  font:  normal normal bold 0.8em  arial, sans-serif;
  padding : 0.3em 0 0.2em 1em;
}
ul.pagemenu li.c a {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : relative;
  left: 0px;
  width : 16em;
  border-top : 2px solid #dee; 
  border-right : 4px  solid  #9bc;
  border-bottom : 4px solid #9bc; 
  border-left : 2px solid #bdf;  
  background-color : #ddd;
  color : #06c; 
  text-align : center;
  font:  normal normal bold 0.8em  arial, sans-serif;
  padding : 0.3em 0 0.2em 1em;
}
/* ===== hover topmenu li ===== */
ul.pagemenu li a:hover {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  width : 16em;
  text-align : left;
  font:  normal normal bold 0.8em  arial, sans-serif;
  background-color : #def;
  color : #036;
  padding : 0.3em 0 0.2em 1em;
} 
ul.pagemenu ul.fly {
display : none; 
width : 24em;
}
ul.pagemenu li:hover > ul.fly {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : absolute;
  width : 21em;
  margin: 0;
  top: 1.5em;
  left: 2em;
  height: 2.8em;
  background: inherit;
  height:  25.00em;
}
ul.pagemenu > li:hover > ul.fly2 {
  top : 2em;
  left : 0em;
  width : 22em; 
}
/* ============= class:fly menu list =============  */
ul.fly{
  list-style-type : none; 
  display : block;
  position : relative;
  left: 0px;
  width : 22em;
  text-align : left;
  text-decoration : none;
  font-size : 1.0em; 
  line-height : 1.8em;
  margin-top : 0.3em; 
  margin-bottom : 0;
  margin-left: 0;
  color : Black;
  background-color : inherit;
  border: none;
  padding : 0 0 0 0;
 }
ul.fly  li a {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : relative;
  left: 0px;
  width : 23em;
  border-top : 2px solid #dee; 
  border-right : 4px  solid  #9bc;
  border-bottom : 4px solid #9bc; 
  border-left : 2px solid #bdf;  
  background-color : #ddd;
  color : #06c; 
  text-align : left;
  font:  normal normal bold 0.7em  arial, sans-serif;
  padding : 0.3em 0 0.2em 1em;
}
/* ============= hover pagemenu li.fly ============= */
ul.fly  li a:hover {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  width : 23em;
  text-align : left;
  font:  normal normal bold 0.7em  arial, sans-serif;
  background-color : #def;
  color : #036;
  padding : 0.3em 0 0.2em 1em;
} 
li.fly > p {
margin-top : 0.2em; 
} 
/* ============= hover li.fly > fly2 ============= */
ul.fly ul.fly2 {
display : none; 
width : 28em;
}
ul.fly li:hover > ul.fly2 {
  list-style-type : none; 
  display : block;
  position : absolute;
  top : 2.0em; /* controls vertical placement of top flyout list item */
  left : 17em; /* controls horizontal placement of flyout list items */
  width : 20em;
  text-align : left;
  text-decoration : none;
  font-size : 1.0em; 
  line-height : 2.0em;
  margin-top : 0.5em; 
  color : Black;
  background-color : transparent;
  border: none;
  padding : 0 0 0 0;
}
/* ============= hover li.fly > fly2 ============= */
ul.fly ul.fly3 {
display : none; 
width : 28em;
}
ul.fly li:hover > ul.fly3 {
  list-style-type : none; 
  display : block;
  position : absolute;
  top : 4.5em; /* controls vertical placement of top flyout list item */
  left : 17em; /* controls horizontal placement of flyout list items */
  width : 20em;
  text-align : left;
  text-decoration : none;
  font-size : 1.0em; 
  line-height : 2.0em;
  margin-top : 0.5em; 
  color : Black;
  background-color : transparent;
  border: none;
  padding : 0 0 0 0;
}
ul.fly ul.fly4 {
display : none; 
width : 28em;
}
ul.fly li:hover > ul.fly4 {
  list-style-type : none; 
  display : block;
  position : absolute;
  top : 6.8em; /* controls vertical placement of top flyout list item */
  left : 17em; /* controls horizontal placement of flyout list items */
  width : 20em;
  text-align : left;
  text-decoration : none;
  font-size : 1.0em; 
  line-height : 2.0em;
  margin-top : 0.5em; 
  color : Black;
  background-color : transparent;
  border: none;
  padding : 0 0 0 0;
}

/* 
li.fly a {
display : block; 
background-color : #DCDCDC;
color: Black; 
text-decoration : none;
}
*/
/* ============= end  6.1: navcol PAGE MENU  =============  */
/*  ============= 6.2: menu-16l list ============= */
ul.menu-16l {
  list-style-type : none; 
  display : block;
  position : relative;
  left: 0px;
  width : 12em;
  text-align : left;
  text-decoration : none;
  font-size : 1.0em; 
  line-height:  150%;
  margin-top : 0.3em; 
  margin-bottom : 0;
  margin-left: 0;
  color : Red;
  background-color : #eee;
  border: none;
  padding : 0 0 0 0;
 }
ul.menu-16l li a {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : relative;
  left: 0px;
  width : 16.00em;
  border-top : 2px solid #dee; 
  border-right : 4px  solid  #9bc;
  border-bottom : 4px solid #9bc; 
  border-left : 2px solid #bdf;  
  background-color : #eee;
  color : Red; 
  text-align : left;
  font:  normal normal bold 0.8em  arial, sans-serif;
  padding : 0.5em 0 0.2em 1em;
}
ul.menu-16l li a:visited {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  width : 16em;
  border-top : 2px solid #dee; 
  border-right : 4px  solid  #9bc;
  border-bottom : 4px solid #9bc; 
  border-left : 2px solid #bdf;  
  background-color : #eee;
  color : Red; 
  text-align : left;
  font:  normal normal bold 0.8em  arial, sans-serif;
  padding : 0.5em 0 0.2em 1em;
}
/* ===== hover menu-16l li ===== */
ul.menu-16l li a:hover {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  width : 16em;
  text-align : left;
  font:  normal normal bold 0.8em  arial, sans-serif;
  background-color : #dee;
  color : #06c;
  padding : 0.5em 0 0.2em 1.0em;
} 
/* ============= end  6.2:menu-16l list =============  */

/*  ============= 6.4: menu-40r list =============  */
ul.menu-40r {
  list-style-type : none; 
  display : block;
  position : relative;
  text-align : left;
  text-decoration : none;
  font-size : 1.0em; 
  line-height:  150%;
  margin-top : 0.3em; 
  margin-bottom : 0;
  margin-left: 2em;
  color : Black;
  background-color : inherit;
  border: none;
  padding : 0 0 0 0;
   }
ul.menu-40r li a {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : relative;
  left: 0px;
  width : 40em;
  border-top : 2px solid #dee; 
  border-right : 4px  solid  #9bc;
  border-bottom : 4px solid #9bc; 
  border-left : 2px solid #bdf;  
  background-color : #ddd;
  color : #06c; 
  text-align : left;
  line-height : 150%;
  font:  normal normal bold 0.8em  arial, sans-serif;
  padding : 0.5em 0 0.2em 1em;
}
ul.menu-40r li a:visited {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  width : 40em;
  border-top : 2px solid #dee; 
  border-right : 4px  solid  #9bc;
  border-bottom : 4px solid #9bc; 
  border-left : 2px solid #bdf;  
  background-color : #ddd;
  color : #06c; 
  text-align : left;
  line-height : 150%;
  font:  normal normal bold 0.8em  arial, sans-serif;
  padding : 0.5em 0em 0.2em 1em;
}
/* ===== hover menu-40r li ===== */
ul.menu-40r li a:hover {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  width : 40em;
  text-align : left;
  line-height : 150%;
  font:  normal normal bold 0.8em  arial, sans-serif;
  background-color : #def;
  color : #036;
  padding : 0.5em 0em 0.2em 1em;
} 
/*  ============= end  6.4: menu-40r list =============  */
/* ============= 6.5: footer hover mechanism ============= */
#footer ul {
display: block;
width: 260px;
font-size : 1em; 
height : 400px;
margin-top : 200px;
margin-bottom :  0;
margin-left:  0; 
}
#footer ul li{
list-style-type: none;
background-color: transparent;
margin-top: 0;
border: none;
}
#footer ul li:hover{
display: block;
background-image: url(grafx/SilverBear-line1.png);
text-decoration: none;
margin-top: 0;
border: none;
}
#footer ul li.c{
list-style-type: none;
background-color: transparent;

margin-top: 0;

text-align : center;
border: none;
}
/*  ============= end 6.5: footer hover mechanism ============= */
/* ============= end 06 NAVIGATION LISTS =============*/  
/*  =============  07: TABLES  ============= */
table {
	background-color: aqua;
	white-space: normal;
	margin: 0.5em 1em 0.5em 0;
	font: caption;	
}
/*  ============= End 07: Tables  ============= */
/* ============= 08: GENERAL LINK STYLING ============= */
a {
text-decoration : none; 
font-weight : bold; 
color : #339;
background-color: inherit; 
} 
a:link {
text-decoration: none;
border: none;
}
a:link, a:visited {
text-decoration: none;
border: none;
}
a:hover, a:active {
text-decoration: none;
color: #399;

}

/* =============  8.2: for inline links ============= */

span.color {
background: transparent;
color: #069;
font-weight: bold;
}
span.rcolor {
display: block;    
background: transparent;
color: #06c;
font-weight: bold;
text-align: right;
}
span.color2 {
background: transparent;
color: #399;
font-weight: bold;
}
span.fl {
text-align: left;
font : normal normal 0.8em "Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif;
text-decoration: none;
text-indent: 0;
line-height : 1.2em; 
	}
/* ============= end 08: GENERAL LINK STYLING ============= */