/*style="width:50px; height:50px;" @charset "iso-8859-1"; */
	body {
	background-image: url('http://www.xubo.org/images/lighter-blue-texture.gif');
	font-family: "Arial Narrow",Verdana, Arial, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin: 0;
	/*background-color: #A4BCD7; */
}

p {
	font-size: 10pt;
	margin: 2px;	 /* b4 june 3rd, 0px */
	line-height: 18px;	  /* b4 june 3rd, 15px */
}
h1 {
	font-family: "Arial Narrow",Tahoma, Verdana, Arial, sans-serif;
	font-size: 12pt;
	color: #000000;
	margin-left: 0px;
	padding-top: 3px;
	margin-bottom: 10px;
   }  
h2 {
	font-family: "Arial Narrow",Tahoma, Verdana, Arial, sans-serif;
	font-size: 12pt;
	color: #E17933;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
} 
h2.fees-info {
	font-family: "Arial Narrow", Tahoma, Verdana, Arial, sans-serif;
	font-size: 12pt;
	color: #E17933;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
}
h3 {
	font-family: "Arial Narrow", Verdana, Arial, sans-serif;
	font-size: 10pt;
	color: #E17933;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
h4 {
	font-family: "Arial Narrow", Tahoma, Verdana, Arial, sans-serif;
	font-size: 12pt;
	color: black;
	margin-left: 0px;
	margin-top: 3px;
	margin-bottom: 10px;
}	
h5 {
	font-family: "Arial Narrow", Verdana, Arial, sans-serif;
	font-size: 10pt;
	color: #E17933;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
}
h6 {
	font-family: "Arial Narrow", Verdana, Arial, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
} 
ul {
    font-family: "Arial Narrow", Verdana, Arial, sans-serif;
	list-style-position: outside; 
	padding-top:0px; 
	margin-top:0px;
}

li {
	margin-left: 0px;
	font-size:10pt;
}	

table {
	padding: 0px;
	border: 0px solid;	
}
img {
	margin: 0px;
	padding: 0px; 
	border: 0px; 
}
strong {	
	font-weight: bold;	
}
a {
	font-weight: bold;
	font-size: 11pt;
}
	
a:link {
	color: #1D09AA;
	text-decoration: underline;
}
a:visited {
	color: #1D09AA;
	/*text-decoration: overline; */
}
a:hover {
	color: #1D09AA;
	/*text-decoration: underline;	 */
}
a:active {
	color: #1D09AA;
	/*text-decoration: none;   */
}

/*end general style*/  

.border-table { /*the main table around the outside of the page*/
	width: 744px;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 3px;	 
	text-align: center; 
	padding:10px;
	border: 1px solid #ddd;
}
.centered-table {	
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}
div.banner {
	margin-bottom: 3px;
	border: 5px ridge lightblue;
	width: 700px;
	height: 125px;
}  

br.clear-mod { 
	clear: both; 
	line-height: 0; 
	display: block; 
}

	/* START TOP MENU BAR based upon FreeStyle Menu v1.0RC by Angus Turnbull http://www.twinhelix.com*/
	
	/* All <ul> tags in the menu including the first level */
	.menulist, .menulist  ul {
	 margin: 0;
	 padding: 0;
	 list-style: none;
	}
	
	/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
	.menulist ul {
	 display: none;
	 position: absolute;
	 top: 1.0em; margin-top: 15px; /* I'm using ems and px to allow people to zoom their font */
	 left: -1px;
	 width: 155px;              // was 188
	 height: 25px;
	}
		
	/* Second and third etc. level submenus - position across from parent instead */
	.menulist ul ul {
	 top: -1px; margin-top: 0px;
	 left: 155px;                // was 188
	}
	
		/*
	 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
	 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
	*/
	.menulist li {	/*top menu list items when not selected or highlighted */
		 float: left;
		 display: block;
		 font-weight: bold;
		 color: #1D09AA;
		 position: relative;
		border: 1px solid #ddd;
		margin-right: -1px;
		 margin-bottom: -1px;
		height: 35px;
		width: 138px;                  // width of top level menu box (was 122px)
		text-align: center;
		vertical-align: middle;
	}
		
	/* Items in the dropdown submenus */
	.menulist ul li {
	 float: none;
	 margin-right: 0;
	border-top: 1px solid white;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	 color: #1D09AA;
	 background-color: #DDDDDD;	 
	 width: 155px;          /* was 188px */
	 height: 25px;
	 text-align: left;
	 vertical-align: middle;
	}
	.menulist ul>li:last-child {
	 margin-bottom: 1px; /* Mozilla fix */
	 color: #1D09AA;
	 background-color: #DDDDDD;
	 border-top: 1px solid white;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	}
		
	/* Links inside the menu */
	.menulist a {
	font-family: "Arial Narrow", Tahoma, Verdana, Arial, sans-serif;
	 display: block;
	 padding-left: 3px;
	 padding-right: 3px;
	 padding-top: 6px;
	 padding-bottom: 5px;
	 color: #1D09AA;
	 font-size: 10pt;
	 text-decoration:  none;
	}

	/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
		
	.menulist a:hover, .menulist a:focus, .menulist a.highlighted:hover, a.highlighted { /*the list item which the mouse is currently over providing it has no submenu. this also appears briefly in the delay before the submenu is displayed*/
	 color: #E17933;
	 font-weight: bold;
	 background-color: #FFFFFF;
	 border: 0px;
	 text-decoration:  none;
	}
			
	/* Only style submenu indicators within submenus. */
	.menulist a .subind {
	 display: none;
	}
	.menulist ul a .subind {
	 display: block;
	 float: right;
	}
		
	/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
	.menulist a {
	 float: left;
	}
	.menulist ul a {
	 float: none;
	}
	/* \*/
	.menulist a {
	 float: none;
	}
	/* */
		
	/*

 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */
	
/*END TOP MENU BAR

/* Central column: main area on 3 columned page*/
div.central_column {
	float: left;
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px; 
	text-align:left; 
	width:382px;             /* changed from 390 on 2/6/2009, changed from 380 to 382 on 2/28/2009 */
}
div.central_column p {
	width: 380px;             /* changed from 390 on 2/6/2009*/
	margin-left:0px;
	margin-right:0px;
	margin-top:0;
	margin-bottom:10px;
	font-size: 12pt;
}
div.central_column a{
	line-height: 12pt;
	font-size: 12pt;
}
div.wide_right{
	float: left; 
	margin-left: 0px;
	padding-left: 10px;
	/*padding-right: 10px;*/
	padding-top: 10px;
	padding-bottom: 10px; 
	text-align:left; 
	width:560px;      /* was 570 */
}
div.wide_right p {
	width: 555px;    /* was 570 */
	margin-left:0px;
	margin-right:0px;
	margin-top:0;
	margin-bottom:10px;
	font-size: 12pt;
	text-align:left;
}

div.wide_right a {
	line-height: 12pt;
	font-size: 11pt;
}
div.one-wide-column { 
	float: left;  
	width: 725px; /*755 */
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:left;
	font-size: 13pt;
}
div.one-wide-column p {
	width: 700px; 
	float: left;
	margin-left:0px;
	margin-right:0px;
	margin-top:0;
	margin-bottom:10px;
	font-size: 12pt;
	text-align: left;	
}
div.one-wide-column a {
	line-height: 12pt;
	font-size: 13pt;
}
div.left-container{	 /*the container for the left hand column*/
	width: 142px;  /*145*/
	float:left; 
	padding-top: 10px;
}
div.wider-left-container{	
	width: 160px;
	float:left; 
	padding-top: 10px;
	padding-right: 10px;
}
div.right-container {   
	width: 180px;
	float:right; 
	padding-top: 10px;
} 

div.left-promo{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	float: left;
	width: 140px;
	padding-bottom: 10px;
	margin: 0px;
}
div.left-promo p {
	text-align:left;
	width: 128px;
	font-size:8pt;
	color: #928787;
	border: 1px solid #ddd;
	padding:6px;
	font-weight: bold;
	line-height: 17px;	
}

div.left-promo strong {
	font-size: 9pt; 
	color: #000000; 
	line-height: 12pt;
	border-bottom: 0px;
}	
div.left-promo a {
    font-size: 8pt;
}  

div.right-promo{
    text-align:left;
	font-family: "Arial Narrow", Tahoma, Verdana, Arial, sans-serif;
	float: right;
	width: 180px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

div.right-promo p {
	text-align:left;
	width: 164px ;
	font-size:10pt;
	color: #928787;
	border: 1px solid #ddd;
	margin-right: 0px;
	margin-left: 0px;
	padding:6px;
	line-height: 17px;
	font-weight: bold;
}

div.right-promo strong{
	font-size: 11pt; 
	color: #000000; 
	line-height: 12pt;
	border-bottom: 0px;
}

div.right-promo img {
	 padding-bottom: 0px;
}

div.right-promo a {
    font-size: 9pt;
} 

.black {
	font-size: 10pt;
}


/* start bottom table = links menu at the bottom of the page*/
div.bottom-table {
	font-family: "Arial Narrow", Tahoma, Verdana, Arial, sans-serif;
	width: 728px;
	text-align: center;
	font-size:9pt;
	padding: 8px;
	border: 1px solid #ddd;
}
.bottom-table a {
	font-weight: normal;
	font-size:9pt;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}
.bottom-table p{
	width: 712px;
	font-size:9pt;
	margin-bottom:8px;
}
div.bookmarks {
	width:728px; 
	font-family: "Arial Narrow", Tahoma, Verdana, Arial, sans-serif; 
	text-align: center; 	
	padding-top: 3px; 
	padding-bottom:0px; 
	padding-left: 8px; 
	padding-right: 8px; 
	/*border: 1px solid #c3cbd6;*/
	font-size: 9pt; 
	height:40px; 
	margin-bottom: 10px; 
	vertical-align:center;
}

div.bookmarks a {
	font-weight: normal; 
	font-size:9pt; 
	text-align: center; 
	padding-left: 8px; 
	padding-right:8px;
}	
img.bookmark-image {
	position: relative;
	top: 7px; 
	float:top; 
	width:32px; 
	height:23px; 
	padding-bottom:0px; 	
	padding-top:0px; 
	border:0px;
}
.copy {	  /* the copywrite at the bottom of the page*/
	float: left;	
	width:457px;
	margin-left: auto; margin-right: auto;
	margin-top: 20px;
	padding-bottom: 3px;
	color: black;
	font-size: 8pt;
	}	

.copy a{
	font-size: 9pt;
}

.ppt-box {
   font-family: "Arial Narrow", Tahoma, Verdana, Arial, sans-serif; 
   font-size: 11pt;
   font-weight: bold;
   width: 60px;
   margin: 5px;
   border: 5px solid #6297BC;
   height: 40px;
   padding: 10px;
   font-color: green;
   background-image: url(../images/ppt.png);
}	
.ppt-box p {
   width: 45px;
}