body{
	color: #444444;
	background-color: #ffffff;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	/*font-family: Verdana, Arial, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	background-image: url(../cxro-images/CSS/background-v01.png);
	background-repeat:no-repeat;
	background-position:center 0px;
}

form,input,select{
	color: #444444;
	background-color: #ffffff;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	/*font-family: Verdana, Arial, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

form.AJAXSearch input{
	background-image: url(../images/CSS/AJAXSearch-v01.png);
	background-repeat:no-repeat;
	padding-left: 20px;
	height:20px;
	width:160px;
}

/* LEFT HAND SIDE BORDERS IN BLUEPRINT
The general problem is that blueprint is only set
up to do right-hand-side borders. How does it do this?
To start off, you need to know that all blurpeint spans 
get a margin-right of *BORDER* (12 here) pixels (EXHIBIT 1) When 
you want to add a RHS border to a div, the .border class 
does this:

.border {padding-right:5px;margin-right:6px;border-right:1px solid #eee;}

which as you can see, converts the 'margin-right:12px' to
a combination of a 5-px-padding, a line, and a 6-px margin-right

BUT, when you want to add a border to the LHS of a div, 
you face the problem that the "gutter" is part of the 
previous div rather than the current one.  It sure would have
been better if blueprint made half of each "gutter" belong to
each of its neighbors.

If you want to make a left border on a column, you
need to "prep" the previous span so that its "margin-right"
is one less than it is supposed to be and then add a 1-px
border-left to the current span. 

EXHIBIT 1: grid.css
.container {width:996px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:12px;}
*/

.prepleftborder{
	margin-right:11px;
}

.leftborder {
	border-left:1px solid #eee;
}

.container{
background-color: ffffff;
border-left:1px solid #DBDBDB;
border-right:1px solid #DBDBDB;
/*margin-top:20px; */
}

/* Hack fix for the extra white space at the
bottom of the page.  Fix URL bookmarked in WebDev/CSS" */

/*.clearfix:after, .container:after {content:"\0020";
} */

h1{
	font-size:3em;
	line-height:1.2;
	margin-bottom:0.5em;
	/*font-family: "BlairMdITC";*/
	
}
h2{
	/*color:#888888; */
	padding-top:0px;
	margin-top:0px;
}
h3 {
	padding-bottom:0px;
	margin-bottom:10px;
	/*color:#777777;*/
}
h4 {
	padding-bottom:0px;
	margin-bottom:0px;
	/*color:#777777;*/
}

img{
	padding-bottom:0em;
}
p img {margin-top:0px;}
p img.right {margin-top:0px;}

p + p  { text-indent: 0; margin-top:1.5em;} /* Don't want this default in fancy-type. *

/*Link settings
---------------*/

a{
	color:#0088CC;
	/* color: #AC0081; */
	/* font-weight:bold; */
	font-size:100%;	
	text-decoration:none;
}

a.black{
	color:#000000;
}

a:hover{
		/* font-weight : bold; */
	font-size:100%;
	text-decoration:underline;
	color:#0088CC;

}

label.error{ 
	background: #ffffff; 
	color: #8a1f11; 
	border-color: #ffffff; 
}

.vpush-1{padding-top:10px;}
.vpush-2{padding-top:20px;}
.vpush-3{padding-top:30px;}
.vpush-4{padding-top:40px;}
.vpush-5{padding-top:50px;}
.vpush-6{padding-top:60px;}
.vpush-7{padding-top:70px;}
.vpush-8{padding-top:80px;}
.vpush-9{padding-top:90px;}
.vpush-10{padding-top:100px;}

.vfill-1{height:10px;}
.vfill-2{height:20px;}
.vfill-3{height:30px;}
.vfill-4{height:40px;}
.vfill-5{height:50px;}
.vfill-6{height:60px;}

span.nav{font-size:12px;}
span.startquote{
	/*color:#BF30A9; */
	/*color:#3399CC; */
	font-weight:bold;
}

span.instrument{
	/*color:#BF30A9; */
	/*color:#3399CC; */
	/*color:#7B8600; */
}

tr.even td {
	background:#f8f8f8;
	border-bottom: 1px solid #f3f3f3;
}
tr, td{
	border-bottom: 1px solid #f3f3f3;
}

tr.last td {
	border-bottom: 0px solid #f3f3f3;
}

tr.noborder td{
	border-bottom: 0px solid #f3f3f3;
}

table, td, th {vertical-align:top;}

div.black{
	background-color:#000000;
	color: #555555;
}

h1.black{
	color:#ffffff;
}
h2.black{
	color:#ffffff;
}


h3.black{
	color:#999999;
}
h3.gray{
	color:#666666;
}

p.black{
	color:#888888;
}

/* FOOTER
--------- */

.footer{
	background-color:#444444;
	font-size:12px;
	padding-top:30px;
	padding-bottom:30px;
}

.footer a{
	color: #c8c8c8;
}

.footer a:hover{
	color:#ffffff;
}

.footer h4{
	color:#ffffff;
	padding-bottom:10px;
	font-size:1.25em;

}

.container.copyright{
	padding-top:10px;
	font-size:12px;
	background-color: ffffff;
	border-left:0px solid #DBDBDB;
	border-right:0px solid #DBDBDB;
}

.backtotop{
	background-color:#444444;
	font-size:12px;
	height:30px;
	padding-top:10px;
}

.backtotop a{
	color: #c8c8c8;
}

.backtotop a:hover{
	color:#ffffff;
}

.lbnllogo{
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#00395A;
	font-size:8pt; 
	color:#999999;
	width:210px;
}

.lbnllogo a{
	color:#ffffff;
}

#CXRO-Logo{
	margin-top:35px;
	margin-bottom:18px;
	margin-left:1px;
	height:55px;
	width:208px;
	background-image: url(../cxro-images/Logos/CXRO-Logo-LightBlue-209px.jpg);
	background-position: 0px 0px;
}
#CXRO-Logo:hover{
	background-image: url(../cxro-images/Logos/CXRO-Logo-Magenta-209px.jpg);
	cursor:pointer;
}