body{
background:#cfe7ff;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px;
margin:0;
padding:0;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
#maincontainer{
width:778px;
text-align:center;
margin:0px auto;
}
#header{
background:#ffffee;
height:98px;
}
.banner {
background-image:url(../caimage/cabkgrd.jpg);
}
#contentwrapper{
background:#ffffee;
float: left;
width: 100%;
}
#contentcolumn{
margin: 0 140px 0 140px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
.shadow {
padding:0px;
margin:0px auto;
width:478px;
/*filter:shadow(color:#d2d9e9,strength:8,direction:135); */ 
}
.topadbox {
background:#ffffee;
color:#000;
border:1px solid #17716a;
padding:5px 4px 5px 4px;
width:468px; 
}
.content{
background:#ffffee;
border:1px solid #17716a;
font-family:verdana;
font-size:13px;
line-height:1.6em;
text-align:left;
padding:15px 15px 15px 15px;
}
#leftcolumn{
float: left;
width: 140px; /*Width of left column*/
margin-left: -778px;
background:#fffee2;
}
#leftcontent{
background:#d6ebff;
border:#0000ff 1px solid;
margin:0px auto;
width:130px;
color:#336699;
}
#rightcolumn{
float: left;
width: 140px; /*Width of right column*/
margin-left: -140px; /*Set left marginto -(RightColumnWidth)*/
background: #fffee2;
}
#rightcontent{
background:#d6ebff;
border:#0000ff 1px solid;
margin:0px auto;
width:130px;
color:#336699;
}

#footer a{
color: #0000ff;
}
#footer a:hover{
color: #0000ff;
text-decoration: underline;
}
.contentarea{
background:#ffffff;
padding: 10px;
margin-top: 0px;
padding-top:2px;
}
.infotitle {
background:#d6ebff;
color: #00c;
font-weight:bold;
padding:5px;
width:108px;
margin:0px 5px;
}
.infopanel {
background:#fffee2;
border:1px solid #dddddd;
padding:2px;
width:108px;
margin:0px auto;
}
.subhead{
background:#eceae1;
font-size:14px;
font-family:Tahoma,Arial,Verdana;
font-weight:bold;
color:#00c;
margin:5px 0px 5px 0px;
padding:2px 0px;
width:100%;
}
.title {
font-size:13px;
color:#0000ff;
font-weight:bold;
font-family:Tahoma;
font-style:normal;
margin:5px;
}
.titleleft {
font-size:12px;
color:#0000ff;
font-weight:bold;
font-family:Tahoma;
font-style:normal;
margin:10px;
padding:0;
}
.titlecontent {
font-size:12px;
font-family:Verdana,Arial;
color: #00c;
font-weight: bold;
margin: 10px 0;
padding: 0px;
}
.cawhitelink {
background-color:#ffffff;
border-bottom:1px solid #000800;
border-left:2px solid #ffffff;
border-right:1px solid #000800;
border-top:2px solid #ffffff;
color:#231f20;
font-family:arial;
font-size:13px;
font-weight:normal;
padding:5px;
}
a.calink {
background-color:#bcdcfc;
border-bottom:1px solid #000000;
border-left:1px solid #ffffff;
border-right:1px solid #000000;
border-top:1px solid #ffffff;
color:#00c;
display:block;
font-weight:bold;
margin:2px;
text-decoration:none;
width:auto;
padding:1px 5px;
text-align:left;
}
a.calink:hover {
border-bottom:1px solid #ffffff;
border-left:1px solid #000000;
border-right:1px solid #ffffff;
border-top:1px solid #000000;
font-size:11px;
text-decoration: none;
}
.maintitle{
background:#f6f1d9;
font-size:18px;
font-family:Tahoma,Arial,Verdana;
font-weight:bold;
color:#0000ff;
margin:10px;
padding:10px;
}
#footer {
clear:left;
background-color:#e5edfa;
height:20px;
padding-bottom:5px;
padding-top:5px;
}
.table-bg-footer {
background-color:#E9E9E9;
background-image:url('../caimage/table-bg-footer.jpg');
color:#00c;
font-size:10px;
padding-top:3px;
}
.greendivider{
background:#f1f9e7;
width:474px;
clear:left;
margin:0px auto;
}
.sfbox{
width:476px;
min-height:150px;
background:#ffffee;
border:solid 1px #0000ff;
margin:0px auto;
}
.sfboxsort{
width:474px;
min-height:150px;
background:#ffffee;
border:solid 0px #0000ff;
margin:0px auto;
}
#sfsort{
width:168px;
float:left;
}
#sfleft{
width:306px;
float:left;
}
.sfradio{
background:#f8f6ec;
font-family:Verdana,Arial;
font-size:11px;
text-align:left;
width:160px;
margin: 0px 0px 0px 0px;
padding:10px 0px 0px 8px;
float: right;
height:239px;
}
.sfpicture{
background:#ffffff;
width:96px;
float:left;
margin: 0px 0px 0px 0px;
}
.sftextplot{
background:#ffffee;
color:#4b4b4b;
border:solid 0px #ffffff;
font-size:13px;
font-family:Verdana,Arial;
text-align:left;
margin: 0px 0px 0px 0px;
padding:10px 0px 0px 10px;
float:left;
width:190px;
}
.sffeatureTop{
background:#f6f1d9;
color:#d61712;
text-align:center;
font-family:Verdana,Arial;
font-size:16px;
font-weight:600;
float:left;
padding:5px 0px;
width:306px;
}
.sffeatureBottom{
background:#f6f1d9;
color:#d61712;
text-align:left;
font-family:Arial,Verdana;
font-size:13px;
font-weight:600;
float:left;
margin-top:5px;
padding:7px 0px;
width:306px;
}
.sftext{
color:#0000ff;
font-size:12px;
font-family:Arial,Verdana;
margin: 0px 0px 0px 0px;
background:#ffffff;
}
.sfcode {
width: 96px;
margin: 0px 0px 0px 0px;
text-align: center;
color: #0000ff;
background: #ffffee;
text-transform: uppercase;
}
.sfcontact{
width: 96px;
margin: 0px 0px 0px 0px;
text-align: center;
color: #0000ff;
font-size:13px;
background-color: #ffffee;
}
.sfborderplots {
background:#f8f6ec;
font-family:Verdana,Arial;
font-size:12px;

padding:0px;
text-align: left;
width:474px;

}
div.menubutton {
color:#0000ff;
cursor:pointer;
font-family:Verdana;
font-size:12px;
font-weight:normal;
padding-left:15px;
text-decoration:none;
vertical-align:middle;
width:50px;
float:right;
}
input.button {
background:url(../caimage/cabkgrd.jpg) #fff;
border:#aad 1px solid;
color:#000060;
padding-left:0.1em;
padding-right:0.1em;
}
.sel{
	
}
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color:#ffffee;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font-family:Verdana;
font-size:11px;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}
.hintanchor{
font-weight: normal;
color: navy;
margin: 3px 8px;
}
 
