BODY {
		color: #222222;		
		background-color: #e6e6e6;														/* customizable */
		margin: 0px 0px 0px 0px;														/* customizable */
		font-family: Arial, Helvetica, Verdana, sans-serif;		/* customizable guided */
		font-size: 12px;																			/* customizable guided: xx-small x-small small medium[*] large x-large xx-large */	
		background-image: url(bg.gif); 

		/* textured background for cool filling/shading? */
	}

.invis {color: #e6e6e6; font-size:1px;cursor:default}			/* invisible text....used for search engines positioning */

P, OL, UL, LI {margin-top: 0px; margin-bottom: 0px;}			/* no stupid automatic margin */

a:link,a:visited {																				/* common links begin */
		color: #0000aa;																				/* customizable */
		text-decoration: none;														/* customizable guided */
		font-weight: normal;																	/* customizable guided */
		font-style: normal;																		/* customizable guided */
		}

a:hover {
		color: #0000ff;																				/* customizable */
		text-decoration: underline;														/* customizable guided*/
		font-weight: normal;																	/* customizable guided*/
		font-style: normal;																		/* customizable guided*/
}																													/* common links end */

H1 {																											/* headers definition begin */
		color: #000099;																				/* customizable */
		font-size: large;																	/* customizable guided: xx-small x-small small medium[*] large x-large xx-large */	
		font-weight: bold;																		/* customizable guided */
		font-style:italic;																		/* customizable guided */
		margin: 2px;

		}
H2 {
		color: #999999;																				/* customizable */
		font-size: large;																	/* customizable guided: xx-small x-small small medium[*] large x-large xx-large */	
		font-weight: bold;																		/* customizable guided */
		font-style:italic;																		/* customizable guided */
		margin: 2px;
		}
		
H3 {
		color: #000099;																				/* customizable */
		font-size: medium;																	/* customizable guided: xx-small x-small small medium[*] large x-large xx-large */	
		font-weight: bold;																		/* customizable guided */
		font-style:italic;																		/* customizable guided */
		margin: 2px;
		}
		
H4 {
		color: #999999;																				/* customizable */
		font-size: medium;																	/* customizable guided: xx-small x-small small medium[*] large x-large xx-large */	
		font-weight: bold;																		/* customizable guided */
		font-style:italic;																		/* customizable guided */
		margin: 2px;		}
		
H5 {
		color: #000099;																				/* customizable */
		font-size: small;																	/* customizable guided: xx-small x-small small medium[*] large x-large xx-large */	
		font-weight: bold;																		/* customizable guided */
		font-style:italic;																		/* customizable guided */
		margin: 2px;                                      
		}
		
H6 {
		color: #999999;																				/* customizable */
		font-size: small;																	/* customizable guided: xx-small x-small small medium[*] large x-large xx-large */	
		font-weight: bold;																		/* customizable guided */
		font-style:italic;																		/* customizable guided */
		margin: 2px;
		}																											/* headers definition end */
										
FORM { 																										/* form elements begin */
		padding: 3px;               								          /* customizable */ 
		margin: 3px;								                          /* customizable */
		border: 1px solid #999999;                            /* customizable + customizable guided*/
		}

INPUT.text ,SELECT,TEXTAREA {margin:1px; 									/* all form elements with margin; pseudo class .text to avoid background radio,check,img */
		color:#990000;																				/* customizable guided to bulid opt gradient table */
		background-color: #cccccc; 														/* customizable guided to bulid opt gradient table */
		border: 1px solid #990000; 														/* customizable + customizable guided*/
		}	

SELECT {font-size:1em}																		/* automatic +0.1 to input em for a bug in IE 5+ (select text is smaller :( ) */

.opt1 {background: #CCCCCC;color:black;}									/* automatic gained from guided selection of input background color */
.opt2 {background: #CCCCFF;color:black;}									/* automatic gained from guided selection of input background color */
.opt3 {background: #FFCCFF;color:black;}									/* automatic gained from guided selection of input background color */
.opt4 {background: #FFCCCC;color:black;}									/* automatic gained from guided selection of input background color */
.opt5 {background: #FFFFCC;color:black;}									/* automatic gained from guided selection of input background color */
.opt6 {background: #CCFFCC;color:black;}									/* automatic gained from guided selection of input background color */
.opt7 {background: #CCFFFF;color:black;}									/* automatic gained from guided selection of input background color */
.opt8 {background: #FFCCFF;color:black;}									/* automatic gained from guided selection of input background color */


INPUT.button {cursor:pointer;cursor:hand;									/* pseudo class .button to replace button look...empty for browser default */
		background-color: #000099;														/* customizable */
		color: #FFFFFF;																				/* customizable */
		border:1px solid #990000;															/* customizable + customizable guided*/
	}																												/* end form elements */
	

/* TABLES ?!?!? */



.evidence	{																								/* common mix... create xml strings for FCK */	
		color: black;																					/* customizable */
		background-color:yellow;															/* customizable */
		font-style: italic;																		/* customizable */
}

	/* css layout...... who said CSS is better than tables design?!?!? *grin* */

#logo {																										/* logohead: company logo */
		text-align: center;																		/* customizable guided */
		}

#copy {																										/* copyright notes */
		padding:20px 0px 0px 15px;
		border: 0px solid black;															/* customizable + customizable guided*/
		color:	#666666;																			/* customizable */
		font-size:10px;
		line-height:1.2em
		}
#copy	a:link {color:#000099;font-weight:bold}


#header {																									/* header container */
		font-size: 11px;																		/* customizable */
		background-image: url(header_bg.gif); background-repeat: no-repeat;
		background-position: bottom;  	
		}

#footer {																									/* footer container*/		
		font-size: 11px;																			/* customizable */
		padding:0px 0px 0px 0px;
		background-image: url(footer_bg.gif); background-repeat: no-repeat;
		background-position: top;  	

		}


#middler, .middler {																			/* middle portion of page (navigation+contents */
		/* use a background image ? ! ? don-t know....*/
				background-image: url(middler_bg.gif);
			}

#lefter {																									/* left column container */
padding-left:11px;
}

#righter {																									/* left column container */
		}

#content {																								/* main contents box */
		padding:10px;
		background-color: #ffffff;
		min-height:200px;
		line-height:1.4em;
		margin-right:11px;
	  background-image: url('sbaf.gif');
  	background-repeat: no-repeat;
		}


.navbarA {padding:0px;font-size:11px;color: #000099;margin:0px;}
.navbarA ul {list-style-type: none;overflow:hidden;margin:0px;padding:1px}
.navbarA li {display:inline;margin-left:4px;}
.navbarA .division {display:inline;margin-left:4px;}
.navbarA a:link, .navbarA a:visited {color: #222222;text-decoration: none;}
.navbarA a:hover {text-decoration: underline;color: #0000ff;}

.navbarB {padding:0px;font-size:11px;color: #000000;margin:0px;}
.navbarB ul {list-style-type: none;overflow:hidden;margin:0px;padding:1px}
.navbarB li {display:inline;margin-left:10px;}
.navbarB .division {display:inline;margin-left:10px;}
.navbarB a:link, .navbarB a:visited {color: #000099;text-decoration: none;}
.navbarB a:hover {text-decoration: underline;color: #0000ff;}


.eventA {padding:5px;border:1px dotted #ffd200}

.focusA {}

.focusA .focus_box {}
.focusA .focus_box .image {padding:5px}
.focusA .focus_box .title {font-weight:bold;font-size:1.2em}
.focusA .focus_box .title a:link, .focusA .focus_box .title a:visited {font-weight:bold}
.focusA .focus_box .where {font-weight:bold}
.focusA .focus_box .date {color:#464699}
.focusA .focus_box .source {color:gray}
.focusA .focus_box .abstract {line-height:1.2em}

.focusA .focus_small .focus_box {}
.focusA .focus_small .focus_box .image {padding:0px}
.focusA .focus_small .focus_box .title {}
.focusA .focus_small .focus_box .title a:link, .focusA .focus_small .focus_box .title a:visited {}
.focusA .focus_small .focus_box .title a:hover {}
.focusA .focus_small .focus_box .where {}
.focusA .focus_small .focus_box .date {}
.focusA .focus_small .focus_box .source {}
.focusA .focus_small .focus_box .abstract {}
.focusA .focus_small .focus_box .famcat {}

.focusA .focus_medium .focus_box {line-height:1.1em;padding:3px;margin-bottom:5px;border-left:1px dotted white}
.focusA .focus_medium .focus_box .image {padding:1px;border:1px solid #cc6688}
.focusA .focus_medium .focus_box .title {font-size:11px;margin-bottom:2px}
.focusA .focus_medium .focus_box .title a:link, .focusA .focus_medium .focus_box .title a:visited {color:#0000cc}
.focusA .focus_medium .focus_box .title a:hover {}
.focusA .focus_medium .focus_box .where {}
.focusA .focus_medium .focus_box .date {color:gray}
.focusA .focus_medium .focus_box .source {}
.focusA .focus_medium .focus_box .abstract {font-size:11px;text-align:justify}
.focusA .focus_medium .focus_box .famcat {}

.focusA .focus_list .focus_box {line-height:1.2em;margin:0px;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid #dddddd}
.focusA .focus_list .focus_box .image {padding:1px;border:1px solid #cccccc}
.focusA .focus_list .focus_box .title {margin:0px;}
.focusA .focus_list .focus_box .title a:link, .focusA .focus_list .focus_box .title a:visited {margin:0px;font-size:0.9em;line-height:1.2em;text-decoration:none;color:#0033aa}
.focusA .focus_list .focus_box .title a:hover {text-decoration:underline}
.focusA .focus_list .focus_box .where {}
.focusA .focus_list .focus_box .date {color:gray}
.focusA .focus_list .focus_box .source {}
.focusA .focus_list .focus_box .abstract {}
.focusA .focus_list .focus_box .famcat {}


.focusB .focus_medium .focus_box {line-height:1.1em;padding:3px;margin-top:3px;margin-bottom:3px;border-bottom:1px solid gray}
.focusB .focus_medium .focus_box a:link, .focusB .focus_medium .focus_box a:visited {color:#ffffff}
.focusB .focus_medium .focus_box .image {padding:1px;border:1px solid #6688cc}
.focusB .focus_medium .focus_box .title {font-size:11px;margin-bottom:2px;border-left:2px solid white;padding-left:2px}
.focusB .focus_medium .focus_box .title a:link, .focusB .focus_medium .focus_box .title a:visited {font-size:11px;font-weight:bold;color:#fdc33f}
.focusB .focus_medium .focus_box .title a:hover {color:#ffffff}
.focusB .focus_medium .focus_box .where {}
.focusB .focus_medium .focus_box .date {color:#ffffff;font-size:10px}
.focusB .focus_medium .focus_box .source {}
.focusB .focus_medium .focus_box .abstract {font-size:11px;color:#cccccc}
.focusB .focus_medium .focus_box .famcat {}

div.sidenav {																		/* padding of navigation */
background-color: #000066;

}

div.sidenav ul {																/* clear li of all UL in navigation */

  list-style-type: none; 												/* get rid of the bullets */
  padding:0;             												/* no padding */
  margin:0;              												/* no margin for IE either */
  	white-space: nowrap;
  	word-wrap: break-word;

}


div.sidenav ul li a{																		/* level0 padding & height */
		border-bottom:1px solid #7c7c7c;
  	display: block; 
  	overflow:hidden;
		padding:4px 0px 3px 5px;
		text-align:left;
		margin:5px 0px 0px 0px;
}

div.sidenav ul li a:link,div.sidenav ul li a:visited {	/* level0 links */
		font-family:Arial, Helvetica, Verdana, sans-serif;
		font-size:11px;
	  color: #ffffff;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		font-style: normal;
    background-image: url(lev0.gif);
  	background-repeat: no-repeat;
  	background-position: 4px 4px;  	
}

div.sidenav ul li.lev0sel a:link,div.sidenav ul li.lev0sel a:visited {										/* level0 select */
  background-image: url(lev0sel.gif);
  background-repeat: no-repeat;
 	background-position: 4px 4px;  
 	color:#fdc33f;
}

div.sidenav ul li a:hover,div.sidenav ul li.lev0sel a:hover {															/* level0 hover */
  background-color: #000099;
  background-image: url(lev0sel.gif);
  background-repeat: no-repeat;
  background-position: 4px 4px;  
  	}

		
div.sidenav ul ul li a{																	/* level1 padding & height */
		border-top:0px;
  	overflow:hidden;display: block;
  	padding:2px 0px 2px 3px;
		margin:0px;
}

div.sidenav ul ul li.lev1 a:link, div.sidenav ul ul li.lev1 a:visited {				/* level1 links */
		text-transform: none;
		font-weight:normal;
    background-image: url(lev1.gif);
  	background-repeat: no-repeat;
  	background-position: 9px ;											/* adjust to indent level1 */
color:#ffffff}

div.sidenav ul li li.lev1sel a:link,div.sidenav ul li li.lev1sel a:visited {										/* level1 select */
		text-transform: none;
	font-weight:normal;
		background-color:#ffffff;
		color:#000099;
    background-image: url(lev1sel.gif);
  	background-repeat: no-repeat;
  	background-position: 9px ;	}

div.sidenav ul li li.lev1 a:hover,div.sidenav ul li li.lev1sel a:hover {															/* level1 hover */
  color: #000099;
  background-color: #e6e6e6; 
  background-image: none;
}