.Black10 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #666666}
.BlackText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000}
.HeadingSmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #002040; font-weight: bolder}
.Black10Just { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #999999; text-align: justify}
.White9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF}
a {  color: #6699CC; text-decoration: none}
a:hover {  text-decoration: underline}
li {  list-style-type: square}
.ArticleTitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-weight: bold}
.imageAlign {
	vertical-align: text-bottom;
}
.code {
	font-family: "Courier New", Courier, mono;
	font-size: 9pt;
	color: #000000;
}
div.container {
  border: 2px dashed #333;
  background-color: #ffe;
  }
  .img-shadow {
float:right;
background: url(trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}


.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

#rollovermenu{
	padding:0px;
	width:95px;
	border:1px solid #333333;
	border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;
	background-color:#f7f3f3;
}

#rollovermenu, #rollovermenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
#rollovermenu ul{
	border:1px solid #333333;
	border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;
	background-color:#f7f3f3;
	width:150px;
	padding-bottom:10px;
}

#rollovermenu ul a:link, #rollovermenu a:visited {
	display: block;
	border:none;
	text-decoration:none;
	padding:0px 10px;
	height:18px;
}
#rollovermenu ul a:hover, #current a{
	background:#FF9900;
	color:white;

}
#rollovermenu li { /* all list items */
	position: relative;
	text-align: left;
	cursor: default;
	padding:0px 5px;
	margin:2px;
	color:#999999;
}

#rollovermenu li ul { /* second-level lists */
	position: absolute;
	border:1px solid #333333;
	border-color: #f7f3f3 #FFFFFF #CCCCCC #CCCCCC;
	background-color:#f7f3f3;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#rollovermenu li:hover ul, #rollovermenu li.sfhover ul { /* lists nested under hovered list items */
	left:0px;
	top:23px;
}

li#invite {
	text-align:left;
	text-transform:;
	font-size:10px;
	margin: 0 0 0px 20px;
	padding:4px 0 0 0;
	color:black;
}

h2 {
	background:#1a70da;
	padding: 5px;
	margin: 0;
	font: bold 12px verdana;
	color: #fff;
}

body {
	margin: 5px; 0;
}

#midcol {
		width: 80%;
		position: absolute;
		top: 159px;
		left:100px;
		font: 10px/16px verdana;
		text-align: left;
}

#leftcol	{
		position: absolute;
		background: ;
		border: 1px solid #003678;
		top: 159px;
		left: 5px;
		width: 18%;
		font: 10px/16px verdana;
}

#rightcol {
		background: #fff;
		position: absolute;
		top: 5px;
		right: 5px;
		width: 75px;
		border: 1px solid #003678;
		float: right;
		font: 10px/16px verdana;
}		

#rightlogin {
	position: absolute;
	top: 8px;
	right: 65px;
	width: 50px;
	
}

.cbox {
		background:#fff;
		padding: 5px;
		font: 10px/16px verdana;
		margin-bottom: 10px;
}

#leftcolpage	{
		position: absolute;
		background: ;
		border: 1px solid #003678;
		top: 5px;
		left: 2px;
		width: 18%;
		font: 10px/16px verdana;
}

#maincolumn {
		background:;
		position: absolute;
		top: 159px;
		left: 5px;
		width: 80%;
		border: none;
		float: left;
		font: 10px/16px verdana;
}

#midcolpage {
		width: 100%;
		position: absolute;
		top: 2px;
		left:200px;
		font: 10px/16px verdana;
		text-align: left;
}

#newscolpage {
		width: 100%;
		position: absolute;
		top: 2px;
		left:180px;
		font: 10px/16px verdana;
		text-align: left;
}

#leftcolprodlist	{
		position: absolute;
		background: ;
		border: 1px solid #003678;
		top: 116px;
		left: 2px;
		width: 18%;
		font: 10px/16px verdana;
}