#content, #content td {font-family:arial, Verdana, Helvetica, Sans-Serif;font-size:12px;color:#4B4A4A;line-height:20px;}
.page_header{font-family:arial, Verdana, Helvetica, Sans-Serif;font-size:13px;color:#db4f4f;line-height:20px;}

#content a:link{color:#44709e;}
#content a:visited{color:#44709e;}
#content a:hover{color:#df3434;}

#leftnav a.on:link{font-family:arial, Verdana, Helvetica, Sans-Serif;font-weight:bold;font-size:11px;color:#db4f4f;line-height:normal;text-decoration:none;}
#leftnav a.on:visited{font-family:arial, Verdana, Helvetica, Sans-Serif;font-weight:bold;font-size:11px;color:#db4f4f;line-height:normal;text-decoration:none;}
#leftnav a.on:hover{font-family:arial, Verdana, Helvetica, Sans-Serif;font-weight:bold;font-size:11px;color:#db4f4f;line-height:normal;text-decoration:none;}

#leftnav a:link{font-family:arial, Verdana, Helvetica, Sans-Serif;font-weight:bold;font-size:11px;color:#3d5267;line-height:normal;text-decoration:none;}
#leftnav a:visited{font-family:arial, Verdana, Helvetica, Sans-Serif;font-weight:bold;font-size:11px;color:#3d5267;line-height:normal;text-decoration:none;}
#leftnav a:hover{font-family:arial, Verdana, Helvetica, Sans-Serif;font-weight:bold;font-size:11px;color:#db4f4f;line-height:normal;text-decoration:none;}

a.datasheet:link{font-family:Verdana, arial, Helvetica, Sans-Serif;font-weight:bold;font-size:9px;color:#3d5267;line-height:normal;text-decoration:none;}
a.datasheet:visited{font-family:Verdana, arial, Helvetica, Sans-Serif;font-weight:bold;font-size:9px;color:#3d5267;line-height:normal;text-decoration:none;}
a.datasheet:hover{font-family:Verdana, arial, Helvetica, Sans-Serif;font-weight:bold;font-size:9px;color:#44709d;line-height:normal;text-decoration:underline;}

#footer{font-family:Verdana, arial, Helvetica, Sans-Serif;font-weight:normal;font-size:9px;color:#b2b2b2;line-height:normal;text-decoration:none;}

#footer a:link{font-family:Verdana, arial, Helvetica, Sans-Serif;font-weight:normal;font-size:9px;color:#b2b2b2;line-height:normal;text-decoration:underline;}
#footer a:visited{font-family:Verdana, arial, Helvetica, Sans-Serif;font-weight:normal;font-size:9px;color:#b2b2b2;line-height:normal;text-decoration:underline;}
#footer a:hover{font-family:Verdana, arial, Helvetica, Sans-Serif;font-weight:normal;font-size:9px;color:#44709d;line-height:normal;text-decoration:underline;}

#footer a.alt:link{font-family:Verdana, arial, Helvetica, Sans-Serif;font-weight:normal;font-size:9px;color:#b2b2b2;line-height:normal;text-decoration:none;}
#footer a.alt:visited{font-family:Verdana, arial, Helvetica, Sans-Serif;font-weight:normal;font-size:9px;color:#b2b2b2;line-height:normal;text-decoration:none;}
#footer a.alt:hover{font-family:Verdana, arial, Helvetica, Sans-Serif;font-weight:normal;font-size:9px;color:#b2b2b2;line-height:normal;text-decoration:underline;}

#home_msg {font-family:arial, Verdana, Helvetica, Sans-Serif;font-weight:bold;font-size:11px;color:#24415d;line-height:18px;}

#home_bucket {color:#4B4A4A;font-family:arial, Verdana, Helvetica, Sans-Serif;font-size:11px;line-height:18px;}

#home_bucket a:link{color:#44709e;line-height:18px;}
#home_bucket a:visited{color:#44709e;line-height:18px;}
#home_bucket a:hover{color:#df3434;line-height:18px;}

tr#on a:link{font-family:arial, Verdana, Helvetica, Sans-Serif;font-weight:bold;font-size:11px;color:#db4f4f;line-height:normal;text-decoration:none;}
tr#on a:visited{font-family:arial, Verdana, Helvetica, Sans-Serif;font-weight:bold;font-size:11px;color:#db4f4f;line-height:normal;text-decoration:none;}
tr#on a:hover{font-family:arial, Verdana, Helvetica, Sans-Serif;font-weight:bold;font-size:11px;color:#db4f4f;line-height:normal;text-decoration:none;}

tr#on #navArrow{background: url(/images/lnav_arrow.gif) repeat-x; background-position:0 2;}

 /* force scrollbar on so no page jump */
:root{overflow-y:scroll;}

/* ******************************************/
/* all menu styles below this line          */
/* ******************************************/

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.DropdownMenu {	position:absolute;overflow:hidden;left:-1000px;top:-1000px;color:#ffffff;}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.DropdownMenu .content {position:absolute;color:#ffffff;font-size:11px;font-family:Arial, Helvetica, Sans-Serif;}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.DropdownMenu .items {color:#ffffff;position:relative;left:0px; top:0px;/*border:1px solid #cfd2d5;*/border:none;z-index:2;}

.DropdownMenu.top .items {/*width:200px;border:solid 1px #993333;*/border:none;color:#ffffff;}
/* each TR.item is one menu item */
.DropdownMenu .item {background:url('images/mnubgoff.gif');background-repeat:repeat-x;color:#ffffff;font-size:11px;height:22px;font-family:arial, verdana, Helvetica, Sans-Serif;font-weight:bold;/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */border:none;cursor:pointer;}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.DropdownMenu .background {/*background-color:#42616a;*/position:absolute;left:0px; top:0px;z-index:1;-moz-opacity:.8;filter:alpha(opacity=0);}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.DropdownMenu .shadowRight {position:absolute;z-index:3;top:3px; width:0px;-moz-opacity:.4;filter:alpha(opacity=0);/**/}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.DropdownMenu .shadowBottom {position:absolute;z-index:1;left:3px; height:0px;-moz-opacity:.4;filter:alpha(opacity=0);/**/}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */

/*.DropdownMenu .item.hover {background-color:#a2b2c3;font-size:11px;font-family:arial, verdana, Helvetica, Sans-Serif;text-decoration:none;font-weight:bold;height:21px;color:#ffffff;/*white-space:nowrap;*/
.DropdownMenu .item.hover {background:url('/images/mnubg_on.gif');background-repeat:repeat-x;font-size:11px;font-family:arial, verdana, Helvetica, Sans-Serif;text-decoration:none;font-weight:bold;height:22px;color:#ffffff;/*white-space:nowrap;*/}	
/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space 
between the text and the dingbat */
.DropdownMenu .item img {margin-left:0px;}

/* ******************************************/
/* all menu styles above this line          */
/* ******************************************/

ul {list-style-image: url(/images/bulletDiamond.gif);}