html {
  background: url("images/bg1.gif") top repeat-x;
  background-color: #d4d4d4;
  min-height: 100%;
  text-align: left;
  font-family: verdana, sans-serif;
  font-size: 9pt;
}

body {
  height: 100%;
  margin: 0px;
}

#page {
  margin: 0px auto;
  padding: 0;
  width: 730px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  /*height: 100%;*/
  background: #FFFFFF;
}

#content {
  margin: 0 0 20px 20px;
  padding: 0;
  /* explicitly set width due to IE css bug */
  /*  730 - 20 (margin) */
  width: 710px;
  height: auto;
}

/*  left + right widths = 710 */
#column-left {
  float: left;
  margin: 0 0 30px 0;
  padding: 0;
  width: 420px;
  height: auto;
}

#column-right {
  float: right;
  margin: 0;
  padding: 10px 0 0 0;
  width: 290px;
}

#column-single {
  float: left;
  margin: 0 50px 30px 0;
  padding: 0;
  width: 605px;
  height: auto;
}

#footer {
  clear: both;
  font-size: 7pt;
  text-align: center;
  padding: 10px;
  width: 710px;
  color: #000;
  background-color: #FFF;
}

#footer p {
  margin: 10px;
}


.img {
  margin: 0;
  padding: 0;
  border: 0;
}

a {
  /*text-decoration: none;*/
  color: #470A59;
}


#banner {
  /*height: 70px;*/
  height: 100px;
  background-color: #000000;
  /* background: url("images/banner13.png") top left; */
  margin: 0;
  padding: 0;
  border: 0;
}


/*  menubar  */

#menubar {
	height: 30px;
	position: relative;
	border-bottom: 1px solid #A1A6B1;
	background: #470A59;
	z-index: 1;
    font-size: 9pt;
    font-weight: bold;
}

#menubar h1 { margin: 0;	}

#menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #5C0D73;
	border-right: 1px solid #350742;
	position: absolute;
	top: 0;
}

#menubar li {
	float: left;
	padding: 0;
	margin: 0;
}

#menubar ul a:link, #menubar ul a:visited {
	display: block;
	float: left;
	padding: 6px 9px;
	text-decoration: none;
	border-right: 1px solid #5C0D73;
	border-left: 1px solid #350742;
	color: #dee0e5;
	height: 18px;
}

#menubar ul li a:hover {
	background: #5C0D73;
	color: #fff;
}

#menubar li.current {
	background: #470A59;
}


h1 {
    margin: 25px 0 15px 0;
    font-size: 11pt;
    color: #470A59;
}

h2 {
    font-size: 10pt;
    color: #5C0D73;
}

p {
  margin: 10px 0;
}

#biglist ul {
  font-size: 10pt;
  font-weight: bold;
  color: #000;
  list-style-image: url(images/biglist-bullet03.png);
  text-indent: 6px;
  margin-bottom: 30px;
}

#biglist ul a:link, #biglist ul a:visited {
  color: #000;
}

li {
  margin: 10px;
}

/* couldn't get margin consistent between browsers */
hr {
  border: 0;
  /*margin: 25px auto 0 auto;*/
  margin: 12px auto 0 auto;
  text-align: center;
  width: 80%;
  color: #ccc;
  background-color: #ccc;
  height: 3px;
}

div.hr {
  height: 1px;
  margin: 25px;
  background: #fff url(images/line.png) no-repeat scroll center;
}
div.hr hr {
  display: none;
}


p.boxed {
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  margin: 24px 0 0 0;
  padding: 4px 16px;
}

p.boxed a:link, p.boxed a:visited {
  text-decoration: none;
  background-color: #470A59;
  color: #CCC;
  margin: 24px 0 0 0;
  padding: 4px 16px;
}

p.boxed a:hover {
  background-color: #5C0D73;
  color: #FFF;
  margin: 24px 0 0 0;
  padding: 4px 16px;
}


#paddedtable table {
  margin-left: 20px;
}

#paddedtable td {
  padding: 0 10px;
}




#simpletable table {
  border: 0;
}

#simpletable th, #simpletable td {
  padding: 10px;
  margin: 0;
  text-align: left;
  vertical-align: top;
}



/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
    background: transparent url("images/roundbox09.png") no-repeat bottom right;
} 

.cssbox { 
    width: 235px !important; /* intended total box width - padding-right(next) */ 
    width: 220px; /* IE Win = width - padding */ 
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */ 
    margin: 20px auto; /* use to position the box */ 
} 

.csspromo { 
    width: 237px !important; /* intended total box width - padding-right(next) */ 
    width: 237px; /* IE Win = width - padding */ 
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */ 
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right;
    margin-right: -5px; /* pull the right image over on top of border */ 
    padding-right: 30px; /* right-image-gap + right-inside padding */ 
}

/* set the top-left image */ 
.cssbox_head h2 { 
    color: #FFF;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 22px 0 18px 30px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; 
    height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body {
    color: #FFF;
    background-position: bottom left; 
    margin-right: 15px; /* interior-padding right */ 
    padding: 5px 0 25px 30px; /* mirror .cssbox_head right/left */ 
} 

.cssbox_body a {
    color: #FFF;
    text-decoration: underline;
}


p.address {
  font-size: 11pt;
  color: #448;
  margin-bottom: 20px;
}

#support ul {
  list-style: none;
}

#modules {
  margin-top: 10px;
}

#modules ul {
  margin: 0;
  padding: 5px;
  list-style-image: url(images/biglist-bullet03.png);
  text-indent: 0;
}

#modules li {
  margin: 6px 10px;
}