/* 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 */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* 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 */
.transMenu .content {
	position:absolute;
	}

/* 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 */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	}

.transMenu.top .items {
	border-top:none;
	}

.contentheading{
font-weight:bold;
}

/* each TR.item is one menu item */
.transMenu .item {
    color:#79292A;
    font-size:11px;
    letter-spacing:1px;
    background-color:#FAF8CF;
    font-family:arial;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	}

/* 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 */
.transMenu .background {
	
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.1;
	filter:alpha(opacity=10);
	}

/* 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 */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:0px; width:0px;
	-moz-opacity:.0;
	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 */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:0px; height:0px;
	-moz-opacity:.0;
	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. */
.transMenu .item.hover {
background:#999966;
color:#79292a;
	}

/* 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 */
.transMenu .item img {
	margin-left:3px;
	}


.menu a, .menu a:link, .menu a:visited {
color:#79292A;
font-size:12px;
letter-spacing:1px;
font-family:Tahoma, Verdana, arial;
text-decoration:none;
padding:6px 5px 5px 5px;
text-align:center;
background-color:#FAF8CF;
display:block;
}

.menu a:hover, .menu a:link:hover, .menu a:visited:hover  {
background:#999966;
color:#79292A;
padding:6px 5px 5px 5px;
    }

input {
border: 1px solid #000;
color:#79292a;
font-size:11px;
font-family:verdana;
background-color:#fff;
margin:3px 5px 3px 5px;

}

select {
border: 0px;
color:#79292a;
font-size:11px;
font-family:verdana;
background-color:#fff;
}

body{
color:#79292a;
font-size:13px;
font-family:arial,verdana,sans-serif;
}

a:link    { 
	color: #003366; 
	text-decoration: none;
 }

a:visited { 
	color: #003366; 
	text-decoration: none;
 }

a:active  { color: #666666; }

a:hover   { 
	color: #336666; 
	background: #EEEEDD;
}

#rightcolumn {
	//display: block;
	background-color:#79292A;
	padding:4px;
	text-align:left;
	color:#FAF8CF;
}

#rightcolumn, #usermenu a, #mainmenu a{
	color:#FAF8CF;
	text-decoration: none;
	margin-bottom:5px;
}

#rightcolumn div.blockContent{
	color:#FAF8CF;
	text-decoration: none;
	margin-bottom:5px;
}
#rightcolumn ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#rightcolumn ul li  { 
	padding:2px 0 8px 0;
	background-image: url(../images/arrow.png) ;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	padding-top: 0px;

 }
#rightcolumn div.blockTitle  { 
	font-weight:bold;
	color:#FAF8CF;
	text-decoration: none;
	margin-bottom:5px;

 }
#rightcolumn #usermenu a { 
	color:#FAF8CF;
	text-decoration: none;
	margin-bottom:4px;
	display:block;
}

#rightcolumn ul li a { 
	color:#FAF8CF;
	text-decoration: none;
	margin-bottom:4px;

 }
#rightcolumn ul li a:hover, #rightcolumn #usermenu a:hover, #rightcolumn #usermenu a:link:hover { 
	color:#666666;
	text-decoration: none;
	margin-bottom:4px;
 }
#rightcolumn, #usermenu a:hover, #mainmenu a:hover{ 
	color:#666666;
	text-decoration: none;
	margin-bottom:4px;
 }
.itemTitle {
font-weight:bold;
}

#centerLcolumn{
vertical-align:top;
background-color:#FAF8CF;
padding:4px;
text-align:left;
}


img {
border:0;}


.pad {
padding:5px;
margin:0 15px 15px 10px;
}
}
.blockContent{
text-align:left;
}

#content{
text-align:left;
}

#copy {
text-align:center;
color:#999999;
font-size:12px;
font-family:arial, verdana, sans-serif;
margin-top:5px;
padding:3px;
}

h1, h3, h4 {
margin-top: 5px; 
color: #2F5376; 
margin-bottom: 5px;
margin-;eft:5px; 
font-size: 17px; 
font-face: arial, verdana, sans-serif
line-height: 18px; 
font-weight: bold; 
display: block;
}

h5 {
font-weight:bold;
margin-bottom: 5px; 
font-size: 15px;
color: #2F5376;
}

ol > li {
margin-bottom:10px;
}

.privacy{
margin:10px 20px 10px 20px;
}

.space{
padding: 3px 8px 3px 8px;
}

.blue {
color: #2F5376;
font-size: 1em;
}

.red, a.red, a.red:visited{
color: #79292a;
}

.calframe {
z-index:-10;
position:relative;
}