body {
/*	background-color: #CCCCA2; */
 background-color: #65657f;
 color: #222;
 margin: 0px;
 padding: 0px;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}

#blah
{
	width: 100%;
	height: 100%;
	background-color: #65657f;
}

#maincontent {
 margin: 0px;
/* font-size: 95%; */
 line-height: 1.2em;
	padding: 0px 29px 7px 20px;
}

.center {
	text-align:center;
}

/* Main page - primary */

#primary {
/* actual width is 405 - css width is strictly content and doesn't include margins, padding or border */
	float: left;
	width: 365px;
	margin: 0px;
	padding: 0px 10px 15px 30px;
}

#primary p {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
 line-height: 1.3em;
}

#primary p a {
	color: #B22222;
 text-decoration: none;
}

#primary p a:hover {
	color: #B22222;
	background-color: #F2F1F4;
 text-decoration: underline;
}

#primary h1 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 130%;
	font-weight: bold;
	padding: 12px 0px 5px 0px;
	margin: 0px;
/*	color: #F06600; */
	color: #B22222;
}

a.h1link {
	color: #B22222;
}

a.h1link:hover {
	color: #B22222;
	background-color: #F2F1F4;
}

#primary h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 90%;
	margin: 0px;
	padding: 3px 5px 10px 0px;
	font-weight: normal;
	color: #330099;
	text-align: left;
}

a.h2link {
	color: #330099;
}

a.h2link:hover {
	color: #330099;
	background-color: #F2F1F4;
}

a.mo:hover {
	color: #330099;
	background-color: #ffffff;
}

#primary h3 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 120%;
	margin: 0px;
	padding: 10px 5px 3px 0px;
	font-weight: bold;
	color: #330099;
	text-align: left;
}

#primary ul {
 margin: 5px 10px 5px 25px;
	padding: 0px;
}

#primary li {
	text-decoration: none;
	list-style-type: square;
 line-height: 1.3em;
	margin: 0px 0px 5px 0px;
	padding-left: 0px;
}


/* Secondary Panel Styles */

#secondary {
/* total width: 255px -- width must subtract padding */
	float: right;
	width: 205px;
	padding: 0px 30px 0px 10px;
}

#secondary h1 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 130%;
	font-weight: bold;
	padding: 12px 0px 5px 0px;
	margin: 0px;
/*	color: #F06600; */
	color: #B22222;
}

#secondary h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 110%;
	margin: 0px;
	padding: 3px 5px 0px 0px;
	font-weight: normal;
	color: #330099;
	text-align: left;
}

#secondary p {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 90%;
	font-weight: normal;
	padding: 10px 0px 0px 0px;
 margin: 0px;
}

#secondary h2 + p {
 padding: 0px;
}

#secondary ul {
 margin: 10px 10px 15px 15px;
	padding: 0px;
}

#secondary li {
 font-size: 90%;
	list-style-type: square;
 line-height: 1.3em;
	margin: 0px 0px 5px 0px;
	padding-left: 0px;
}

#secondary li a {
 text-decoration: none;
 color: #505760;
}

#secondary li a:hover {
 color: white;
 background-color: #665B7B;
}

#secondary h3 {
	font-family: Verdana, sans-serif;
	font-size: 90%;
	margin: 0px;
	padding: 0px 5px 5px 0px;
	font-weight: normal;
	color: #111111;
	text-align: left;
}

#boxmain {
    float: right;
    border: 2px #968e9f solid;
    width: 560px;
    margin: 0px 0px 10px 0px;
    padding: 2px 0px 8px 0px;
    list-style-type: circle;
}

#boxmain img {
	border:0px;
	float:left;
	margin: 4px 5px 30px 8px

}

#maincontent h5 {
	font: bold 120% Verdana, arial, hevetica, sans-serif;
	margin: 0px 0px 5px 0px;
 	padding: 5px 10px 5px 15px;
 	text-align: left;
 	border: 1px solid #665B7B;
	background-color: #968e9f;
 	color: #ffffff;
}

#maincontent h6 {
    font: 15px arial, hevetica, sans-serif;
 	font-weight: bold;
 	margin: 8px 10px 5px 140px;
 	padding: 5px 5px 5px 5px;
 	text-align:center;
 	color: #665B7B;
 	background-color: #dadce5;
}

/* Secondary styles end */



#container {
 	background-color: #F2F1F4;
 	border-left: 3px solid #55576f;
 	border-right: 3px solid #55576f;
	margin: 0px auto;
	text-align: left;
	width: 768px; 
}

#contents {
 	float: right; 
 	width: 650px;
 	background-image: url('/images/box-back2.gif');
 	background-color: #F2F1F4;
}

#contentssidebar {
 float: right; 
 width: 650px;
 background-image: url('/images/box-back.gif');
 background-color: #F2F1F4;
}

/*	
#contents p {
 margin: 0px 0px 10px 0px;
}
*/

#contentstop {
 float: right;
 width: 650px;
 height: 10px;
 background-image: url('/images/box-top2.gif');
 margin: 0px;
 padding: 0px;
 font-size:1px;
}

#contentsbottom {
 float: right;
 width: 650px;
 height: 11px;
 background-image: url('/images/box-bottom.gif');
 margin: 0px;
 padding: 0px;
 font-size:1px;
}

#contentstopsidebar{
 float: right;
 width: 650px;
 height: 10px;
 background-image: url('/images/box-top.gif');
 margin: 0px;
 padding: 0px;
 font-size:1px;
}

#printfooter {
 display: none;
}

#imagefb {
	width: 512px;
	border: thin #65657f solid;
	background-color: #FFF;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 20px;
}

#footer {
	border-top: 1px solid #887F9C;
 border-left: 3px solid #55576f;
 border-right: 3px solid #55576f;
 border-bottom: 3px solid #55576f;
	background-color: #F2F1F4;
 line-height: 18px;
	clear: both;
	color: #33244E;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 9px;
 margin: 0px auto;
	width: 768px;
}

#footer a {
	color: #B22222;
}

#footer a:hover {
	color: #B22222;
	background-color: #F2F1F4;
}


#header {
 background-color: #330033;
 height: 93px;
 background-color:#330033;
 background-repeat: no-repeat;
 background-position: right top; 
}

#printheader {
 display: none;
}

#main {
	background-color: #FFFFFF;
	border: 0px solid #887F9C;
	width: 768px;
}

#maincontent p {
  padding: 0px 15px 0px 10px; 
  line-height: 1.25em;
}

#maincontent h1 {
/*
 font: bold 12px Verdana, arial, hevetica, sans-serif;
 margin: 0px 0px 5px 0px;
 padding: 5px 10px 5px 15px;
 text-align: left;
 background-color: #665B7B;
 color: #E9E7EA;
 z-index: 9;
*/ 

 font: bold 120% Verdana, arial, hevetica, sans-serif;
 margin: 0px 0px 5px 0px;
 padding: 5px 10px 5px 15px;
 text-align: left;
 border: 1px solid #665B7B;
/* background-color: #E9E7EA; */
 background-color: #f7f5fb;
 color: #665B7B;
 z-index: 9;
}

#maincontent h2 {
 font: 13px arial, hevetica, sans-serif;
 font-weight: bold;
 font-style: italic;
 margin: 0px 10px 0px 10px;
 padding: 5px 10px 3px 15px;
 text-align: left;
 color: #665B7B;
 background-color: #E9E7EA;

/*
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;
	padding: 12px 10px 10px 30px;
	margin: 0px;
	color: #B22222;
*/ 
/*	color: #F06600; */
}

#maincontent h3 {
 border-bottom-color: #191970;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 font-size: 12px;
 text-align: center;
 background-color: white;
}

#maincontent h4 {
 border-bottom-color: #191970;
 border-bottom-style: dotted;
 border-bottom-width: 1px;
 margin: 0px 0px 3px 0px;
 padding: 0px 5px 0px 5px;
 font-size: 10px;
 text-align: left;
 background-color: white;
}

#maincontent a {
 color: #505760;
}

#maincontent a:hover {
 color: black;
 background-color: #c9c3d6;
}

#a.imglink {
 background-color: #FFFFFF;
 color: #65657f;
 font-family: "Trebuchet MS";
 font-size: 125%;
 line-height: 20px;
 border: none;
}

#maincontent a.imglink:hover {
 color: #B22222;
 background-color: #FFFFFF;
}

/*
 padding: 1px 4px 1px 4px; 
*/

/*
#mainconent a.nostyle {
 padding: 0px;
}

#maincontent a.nostyle:hover {
 color: white;
 background-color: #665B7B;
}
*/

/* If the <a> begins a paragraph, don't pad it. */
/*
#maincontent p > a {
  padding-left: 0px;
  padding-right: 0px;
}
*/

.featurelist {
  font-size: 10px;
}

#maincontent ul {
 margin-right: 3px;
}

#mainnav {
	background-color: #FFFFFF;
	background-image: url('navbar_back.gif');
/*	height: 25px; */
/*	text-align: right; */
	vertical-align: middle;
	width: 768px;
}

#mainnav img {
/*	display: block; */
}

#menu {
	background-color: #FFFFFF;
	float: left;
	width: 118px;
}

#menu img {
	display: block;
}

img.rightimg {
  float: right; 
  border: 1px solid #D3D6DA; 
  margin: 5px 10px 10px 10px;
  display: inline; /* this is a hack to fix weird margin behavior in ie - see http://www.positioniseverything.net/explorer/doubled-margin.html*/
}

img.midimg  {
	text-align:center;
	display:block;
	margin:0px auto 0px auto;
	border:0px;
}

img.leftimg {
  float: left; 
  border: 1px solid #D3D6DA; 
  margin: 5px 10px 10px 10px;
  display: inline; /* this is a hack to fix weird margin behavior in ie - see http://www.positioniseverything.net/explorer/doubled-margin.html*/
}

.redtext {
  color: red;
}

.leftprice {
  width: 75px; text-align: center; float: left; font-weight: bold; margin: 0px 5px 5px 20px;
  color: #B22222;
}

.rightprice {
  width: 75px; text-align: center; float: right; font-weight: bold; margin: 0px 20px 5px 5px;
  color: #B22222;
}

#buttons {
	/*	height: 25px; */
	height: 33px;
	background: #766c89 url('/images/navbar_shadow.jpg') no-repeat 50% bottom;
}
 
 #buttons ul {
	margin:0px;
	padding: 0px;
	list-style: none;
	border: none;
 }

 #buttons li {
	display: block;
	margin: 0;
	padding: 0;
	float:left;
 }
 
 #buttons img {
  display: block;
 }

 ul.sub {
  background-color: #33244e;
  border: 2px solid #766c89 ! important; 
  display: none; 
  left: 0;
  list-style: none;
  margin: 5px;
  padding: 5px;
  position: absolute;
  top: 25px;
  width: 160px;
  z-index: 9;
 }
 
 p.downloads{
 width:57%;
 }
  
 ul.sub li a {
	margin: 10px 5px;
	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	background-color: #33244e;
	color: #f9f8fa;
	text-decoration: none;
  width: 150px;
  z-index: 9;
 }

 ul.sub li:hover, ul.sub li a:hover {
	background-color: #766c89;
	color: #f9f8fa;
	width: 154px;
  z-index: 9;
 }
 
 li.mainbutton:hover ul.sub, li.mainbutton.over ul.sub{
  display: block;
  z-index: 9;
 }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
  z-index: 9;
}


#buttons ul li.mainbutton {
  float: left;
  position: relative;
  z-index: 9;
}

#promo
{
	width: 768px;
	background-image: url('images/sale_back.jpg');
	height: 26px;
	text-align: center;
	font-family: 'Trebuchet MS';
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #FFFF99;
	background-repeat: repeat-x;
}

#promo a
{
	color: #FFFFCC;
	text-decoration: none;
}

.clearer {
	clear: both;
}
.syslist {
    font-weight:bold;
}