/* CSS for  sblinux.org 
filename: sbl-0807.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://sblinux.org/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: #eff;
color: Black;
}
#content {
margin-left: auto;
margin-right: auto;
padding: 0 0 0 0;
min-width:  700px;
max-width:  1200px;
background-color: #eff;
color: #000; 
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: PAGE ELEMENT DIV FORMATS ###################  --------- */  
/* -------determines characteristics of the columns on the page --------- */  
#banner {
position : fixed;
display : block; 
float: none;
top: 0px;
left: 0px;
margin : 0em  0em 0em 0em;
padding: 0em 0em 0em 80px ;
width :  100% ; 
height:  66px;
text-decoration: none;
text-align: center;
color: #000;
background-color: #eff;
background-image: url("../grafx/banner02-66.jpg");
} 
#logo {
position :fixed;
display : block; 
top: 0px;
left:100px;
float: none;
margin : 0em  0em 0em 0em;
padding: 0em 0em 0em 0em ;
max-width : 100px; 
background-color: transparent;
text-decoration: none;
text-align: center;
color: #000;
} 
#menu1 {
position: fixed;
display: block;
float: none;
top: 85px;
left: 0px;
height : 60px;
margin : 0em  0em 0em 0em; 
padding : 0px; 
width : 18em; 
background-color : transparent; 
} 
#menu2 {
position: fixed;
display: block;
float: none;
top: 200px;
left: 0px;
height : 40px;
margin : 0em  0em 0em 0em; 
padding : 0px; 
width : 18em; 
background-color : transparent; 
} 
.block1 {
  position :fixed;
  display : block; 
  top: 300px;
  left: 40px;
  float: none;
  margin : 0em  0em 0em 0em;
  padding: 0em 0em 0em 0em ;
  max-width : 100px; 
  background: inherit;
  text-decoration: none;
  text-align: center;
  color: #000;
} 
.textcol {
  position: relative;
  display: block;
  padding: 0em 2em 0em 2em;
  margin : 66px 20px  1.00em  155px;
  max-width: 80em;
  font-family: "Verdana", "Bitstream Vera Sans", "Arial","Helvetica", sans-serif;
  font-size: 100%; 
  text-align : center;
  background-color:#eff;
  color : black;
}
/* ------- ################### END 02: PAGE ELEMENT DIV FORMATS ################### --------- */
/* ------- ################### 03: misc DIV FORMATS ################### --------- */
div.r {
float: right;
background: inherit;
color: #000;
margin: 0 1em auto 1em;
}
div.l {
float: left;
background: inherit;
color: #000;
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; 
} 
/* ------- ################### 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; 
color: #000;
background: inherit;
} 
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; 
color: #000;
background: inherit;
}
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; 
color: #000;
background: inherit;
}
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; 
color: #000;
background: inherit;
}
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: #dee;
color: #000;
}
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;
color: #000;
}
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: #dee;
color: #000;
} 
code {
font-family : System, monospace; 
font-size : 0.8em; 
display : inline; 
} 
strong, b {
font-weight : bold; 
} 
.c {
	text-align : center;
}
.k {
	color : black;
	background: inherit;
}
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; 
color: #000;
background: inherit;
}
/* ============= end 4.1: MAIN TEXT STYLES =============  */ 
/* ============= 4.2: HEADLINE styles ============= */
h1{
font: normal normal bold 1.4em "Arial" , "Helvetica" , sans-serif ;
line-height: 1.4em;
text-align : center;
color: #369;
background: inherit;
margin-bottom: 0.25em;
margin-top: 0em;
padding :1.00em 0.00em 0.00em 0.00em 
}
h2{
font: normal normal bold 1.4em "Arial","Helvetica", sans-serif;
line-height: 1.4em;
color: #369;
background: inherit;
margin-bottom: 0.5em;
margin-top: 0.0em;
text-align: left;
}
h3{
font: normal normal bold 1.2em "Arial","Helvetica", sans-serif;
line-height: 1.2em;
text-align: left;
color: #369;
background: inherit;
margin-bottom: 0.2em;
margin-top: 1.0em;
}
h3.c{
font: normal normal bold 1.2em "Arial","Helvetica", sans-serif;
line-height: 1.2em;
text-align: center;
color: #369;
background: inherit;
margin-bottom: 0.2em;
margin-top: 1.0em;
}
h4{
font: normal normal bold 1.0em "Arial","Helvetica", sans-serif;
line-height: 0.9em;
text-align: left;
color: #369;
background: inherit;
margin-bottom: 0.3em;
margin-top: 0.5em;
}
h5{
font: normal normal bold 0.9em "Arial","Helvetica", sans-serif;
line-height: 1.0em;
text-align: left;
color: #369;
background: inherit;
margin-bottom: 0.2em;
margin-top: 0.2em;
}
h5.c{
font: normal normal bold 0.9em "Arial","Helvetica", sans-serif;
line-height: 1.0em;
text-align: center;
color: #369;
background: inherit;
margin-bottom: 0.2em;
margin-top: 0.2em;
}
h6{
font: normal normal bold 0.8em/9.0em "Arial","Helvetica", sans-serif;
text-align: left;
color:#369;
background: inherit;
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-right : 2em; 
margin-bottom : 0em;
margin-left: 0em; 
} 
ul.text li {
color : Black; 
background: inherit;
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; 
color : Black; 
background: inherit;
margin-top : 0.5em; 
margin-right : 2em; 
margin-bottom : 0.5em;
margin-left: 0em; 
} 
ul.text2 li {
color : Black; 
background: inherit;
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", "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;
  min-width : 14em;
  max-width : 22em;
  text-align :center;
  text-decoration : none;
  font-size : 1.0em; 
  line-height : 2.0em;
  margin-top : 0.3em; 
  margin-right: 0em;
  margin-bottom : 0em;
  margin-left: 0em;
  color : Black;
  background-color : transparent;
  border: none;
  padding : 0px 0px 0px 0px;
 }
ul.pagemenu li.l a {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : relative;
  left: 0px;
  min-width : 22em;
  max-width : 22em;
  border-top : 0; 
  border-right : 1px  solid  #333;
  border-bottom : 2px solid #333; 
  border-left : 0; 
  background-image: url("../grafx/menubar-36.jpg");
  background-color: inherit;
  color : #036; 
  text-align : left;
  font:  normal normal bold 12px  "Arial", sans-serif;
  padding : 1px 0px 2px 5px;
}
ul.pagemenu li.l  a:visited {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : relative;
  left: 0px;
  min-width : 22em;
  max-width : 22em;
  border-top : 0; 
  border-right : 1px  solid  #333;
  border-bottom : 2px solid #333; 
  border-left : 0; 
  background-color: inherit;
  background-image: url("../grafx/menubar-36.jpg");
  color : #036; 
  text-align : left;
  font:  normal normal bold 12px  "Arial", sans-serif;
  padding : 1px 0px 2px 5px;
}
ul.pagemenu  li.c a {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : relative;
  left: 0px;
  min-width : 22em;
  max-width : 22em;
  border-top : 0; 
  border-right : 1px  solid  #333; 
  border-bottom : 2px solid #333; 
  border-left :0;  
  background-color : inherit;
  background-image: url("../grafx/menubar-36.jpg");
  color : #036; 
  text-align : center;
  font:  normal normal bold 12px  "Arial", sans-serif;
  padding : 1px 0px 2px 5px;
}
ul.pagemenu  li.short a {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : relative;
  left: 0px;
  min-width : 14em;
  max-width : 14em;
  border-top : 0; 
  border-right : 1px  solid  #333; 
  border-bottom : 2px solid #333; 
  border-left :0;  
  background-color : inherit;
  background-image: url("../grafx/menubar-36.jpg");
  color : #036; 
  text-align : center;
  font:  normal normal bold 12px  "Arial", sans-serif;
  padding : 1px 0px 2px 5px;
}
/* ===== hover topmenu li ===== */
ul.pagemenu li.l a:hover {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  min-width : 22em;
  max-width : 22em;
  background-color : inherit;
  color : #06c;
  text-align : left;
  font:  normal normal bold 12px  "Arial", sans-serif;
  padding : 1px 0px 2px 5px;
} 
ul.pagemenu  li.c a:hover {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  min-width : 22em;
  max-width : 22em;
  text-align : center;
  background-color : inherit;
  color : #06c;
  font:  normal normal bold 12px  "Arial", sans-serif;
  padding : 1px 0px 2px 5px;
} 
ul.pagemenu  li.short a:hover {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  min-width : 14em;
  max-width : 14em;
  text-align : center;
  background-color : inherit;
  color : #06c;
  font:  normal normal bold 12px  "Arial", sans-serif;
  padding : 1px 0px 2px 5px;
} 
ul.pagemenu ul.fly {
display : none; 
width : 22em;
}
ul.pagemenu li:hover > ul.fly {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : absolute;
  min-width : 22em;
  max-width : 22em;
  margin: 0;
  top: 1.5em;
  left: 2em;
  height: 2.8em;
  background: inherit;
 /* height:  25.00em;*/
}
/* ============= class:fly menu list =============  */
ul.fly{
  list-style-type : none; 
  display : block;
  position : relative;
  left: 0px;
  min-width : 22em;
  max-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 : 0px 0px 0px 0px;
 }
ul.fly  li.al a {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : relative;
  left: 0px;
  min-width : 22em;
  max-width : 22em;
  border-top : 0; 
  border-right : 1px  solid  #333; 
  border-bottom : 2px solid #333; 
  border-left :0;  
  background-color : inherit;
  color : #036; 
  text-align : left;
  font:  normal normal bold 12px  "Arial", sans-serif;
  padding : 1px 0px 2px 5px;
}
ul.fly  li.c a {
  list-style-type : none;
  text-decoration : none;
  display : block; 
  position : relative;
  left: 0px;
  min-width : 22em;
  max-width : 22em;
  border-top : 0; 
  border-right : 1px  solid  #333; 
  border-bottom : 2px solid #333; 
  border-left :0;  
  background-color : inherit;
  color : #036; 
  text-align : center;
  font:  normal normal bold 12px  "Arial", sans-serif;
  padding : 1px 0px 2px 5px;
}
/* ============= hover pagemenu li.fly ============= */
ul.fly  li.al a:hover {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  min-width : 22em;
  max-width : 22em;
  text-align : left;
  background-color : inherit;
  color : #06c;
  font:  normal normal bold 12px  "Arial", sans-serif;
  padding : 1px 0px 2px 5px;
} 
ul.fly  li.c a:hover {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  min-width : 22em;
  max-width : 22em;
  text-align : center;
  background-color : inherit;
  color : #06c;
  font:  normal normal bold 12px  "Arial", sans-serif;
  padding : 1px 0px 2px 5px;
} 
li.fly > p {
margin-top : 0.2em; 
} 
/* ============= end  6.1: navcol PAGE MENU  =============  */
/*  ============= 6.2: text column .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 : 0; 
  border-right : 1px  solid  #333; 
  border-bottom : 2px solid #333; 
  border-left : 2px solid #bdf;  
  background-color : inherit;
  background-image: url("../grafx/menubar-36.jpg");
  color : #036; 
  text-align : left;
  line-height : 150%;
  font:  normal normal bold 0.8em  arial, sans-serif;
  padding : 0.5em 0em 0.3em 1em;
}
ul.menu-40r li a:visited {
  list-style-type : none;
  text-decoration : none; 
  display : block; 
  position : relative;
  left: 0px; 
  width : 40em;
   border-top : 0; 
  border-right : 1px  solid  #333; 
  border-bottom : 2px solid #333; 
  border-left : 2px solid #bdf;  
  background-color : inherit;
  color : #036; 
  text-align : left;
  line-height : 150%;
  font:  normal normal bold 0.8em  arial, sans-serif;
  padding : 0.5em 0em 0.3em 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 : inherit;
  color : #06c;
  padding : 0.5em 0em 0.3em 1em;
} 
/*  ============= end  6.2: menu-40r list =============  */
/* ------- ###################  END 06:  NAVIGATION LISTS ################### --------- */
/* ------- ###################  07: TABLES  ################### --------- */
table {
	background-color: #ccffff;
	color : #000;
	white-space: normal;
	margin: 0.5em 1em 0.5em 0;
	font: caption;	
	text-align: left;
	vertical-align: baseline;
	
	}
td {
	text-align: left;
	vertical-align: baseline;
	padding-left:  16px;
	
}



/* ------- ###################  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;
  background: inherit;
}
span.redlink a {
  background: inherit;
  color: #00e;
  font-weight: bold;
}
.redlink a:hover, a:active {
  text-decoration: none;
  color: #e00;
  background: inherit;
}
/* ----- ################  8.2: for inline links  ############### ------- */
.color {
  background: inherit;
  color: #069;
  font-weight: bold;
}
.rcolor {
  display: block;    
  background: inherit;
  color: #06c;
  font-weight: bold;
  text-align: right;
}
.color2 {
  background: inherit;
  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  ############### ------- */
/* ------- ################### 09:  IMG FORMATS ################### --------- */
img.content {
  margin: 0;
  padding: 0 1em 0em 1em;
  border: 0px;
}
img.ban {
  display: inline;
  float: right; /* */
  margin: 0 1em 0 0;
  padding: 0 0 0 0;
  border: 0px;
}
img.sol {
  padding : 1em; 
  border : 0px; 
}
img.inline1 {
  display: inline;
  float: left;
  vertical-align: middle;
  border: 0px;
  padding: 0px 5px 0px 2px ;
	
}
address img {
display: inline;
float: left;
vertical-align: middle;
width: 88px;
}
/* ------- ################# END 09: IMG FORMATS ################# --------- */