/* fonts */
body { font-family : Verdana, Arial, sans-serif; }
h1, h2, h3, h4, legend { font-family : Arial, sans-serif; }
h1, h2, h3, h4, legend, dt, strong, td.tdHeader, .qa { font-weight : bold; }

#ft { font-size : 75%; }
body { font-size : 90%; }
h3, h4, legend { font-size : 100%; }
h1, h2 { font-size : 130%; }


/* colors */
/* TopoGrafix Dark Tan #e9d4a2 */
h1, h2, h3, h4 { border-color : #e9d4a2; }
.qa { color: #e9d4a2; }

/* TopoGrafix Light Tan #f5eed7 */
.topo-bg, #search, legend, fieldset .color { background-color: #f5eed7; }

/* Link Blue */
a:link { color: #5574b9; }
/* Visited Link Blue */
a:visited { color: #0054a6; }
/* Blue */
a:hover, a:active { color: blue; }

/* black */
body { color : black; line-height : 1.7em; }

/* white */
body, span.menu { background-color : white; }

.num 
{
	float:left;
	margin-right:5px;
	margin-top:0px;
}

/* borders */
h1, h2, h3 { border-bottom : solid 2.0px; }
#ft { border-top : solid 2.0px black; }
#search { border: solid 2.0px black; }
fieldset { border: solid 2.0px black; }
fieldset .color, .frame { border: solid 1.0px black; }

/* padding */
td.home, td.pro { padding: 5px; border: solid 0px black; }
td.tdSub { padding-left: 0em; }
.topo-bg { padding : 5px; }
fieldset { padding : 5px; }
h2, h3, h4 { margin-top: 0.5em; }

.screenshot { margin-top: 5px; float: left; margin-right:5px; }

h1,h2,h3{margin:0em 0;}

ul,ol{margin:0em;}
ol,ul{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:none;}


ul { margin-left: 1em; }
ol { margin-left: 1.5em; }

p {margin-bottom:0em;}

p + p, p + div
{
	margin-top: 0.8em;
}

p + ul
{
	margin: 0em;
}

th,td{border:0px solid #000;padding:.5em;}

.amazing {
  padding : 6px;
  margin : 5px;
  background-color : yellow;
  border : 2px dotted black;
}

#logo { float:left; }
#search { margin-top: 20px; margin-right: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 8px; padding-right: 8px; float:right; }

.convert-box
{
	float:left;
	padding-top: 5px;
	background-color: #f5eed7;
	border: solid 2px black;
	padding: 0.5em;
	margin-right:10px;
	margin-bottom: 10px;
}

.centered-img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.navlist
{
margin: 0;
padding: 0 0 22px 15px;
border-bottom: 2px solid #000;
}

.subnavlist
{
margin: 0;
padding: 0 0 22px 15px;
}

.navlist ul, .navlist li, .subnavlist ul, .subnavlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.navlist a:link, .navlist a:visited, .navlist p
{
float: left;
line-height: 16px;
font-weight: bold;
margin: 0 10px 2px 10px;
text-decoration: none;
}

.navlist a:link.current, .navlist a:visited.current, .navlist a:hover, .navlist p.current
{
background-color: #f5eed7;
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
}

.navlist li#registered, .navlist li#support, .navlist li#forum, .subnavlist li#help, .subnavlist li#forum, .subnavlist li#upgrade, .subnavlist li#lostregcode, .subnavlist li#data, .subnavlist li#registered, .subnavlist li#faq
{
	float: right;
}

.subnavlist a:link, .subnavlist a:visited, .subnavlist p
{
float: left;
line-height: 16px;
font-weight: bold;
margin: 0 10px 0px 10px;
padding: 3px;
text-decoration: none;
}

.subnavlist a:link.current, .subnavlist a:visited.current, .subnavlist a:hover, .subnavlist p.current
{
background-color: #e9d4a2;
}


.rssitem
{
	margin: 1em;
	padding: 1em;
	background-color: #f5eed7;	
}

.rsstitle
{
	font-size: larger;
}
.rssdate
{
	float:right;
	font-size: smaller;
}

textarea
{
	margin-left: 10px;
	margin-right: 10px;
	width: 90%;
}

.review textarea
{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 90%;
}


label
{
	width: 6em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-weight: bold;
	font-size: 100%;
}
 
.regcode label
{
	width: 13em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	font-weight:bold;
	display: block;
}
 
.review label
{
	width: 13em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	font-weight:normal;
	display: block;
}
 
.submit input
{
	margin-left: 4.5em;
}

fieldset
{
	margin-top: 1em;
}

legend
{
	padding: 0px 6px;
	border: 2px solid black;
} 

.right
{
	float: right;
}

.left
{
	float: left;
	padding: 0px 6px 0px 0px;
}

.highlight { background: #FFFF40; }




.cssbox { 
} 

.cssbox-body 
{
	background-color: #f5eed7;
	border: solid 2px black;
	border-top: solid 0px;
	padding: 0.5em;
}

/* set the top-right image */ 
.cssbox-head 
{
	border-color : black;
	background-color:#e9d4a2;
	padding: 0 0.5em 0 0.5em;
	border: solid 2px;
} 

/* set the top-left image */ 
.cssbox-head h2 
{
	color: black;
	text-align:center;
	font:Myriad Pro;
    background-position: top left; 
    margin: 0; /* reset main site styles*/
    border: 0;
} 


.calloutBox {
  background-color: #F09;
  color: #000;
  float: right;
  width: 150px;
}

.portrait {
  border-bottom: 10px solid #FFF;
  border-left: none;
  border-right: none;
  border-top: 10px solid #FFF;
  margin: 0 30px;
}

.portrait p {
  margin: 0 -20px;
  padding: 1em;
}

.portrait p {
  background-color: #FFF;
  color: #000;
  font-style: italic;
  text-align: center;
}

.horizontal {
  background-color: #FFF;
  border-bottom: 10px solid #F09;
  border-left: none;
  border-right: none;
  border-top: 10px solid #F09;
  color: #000;
  margin: 0 10px;
  padding: 20px 0;
}

.horizontal p {
  margin: 0 -10px;
  padding: 0 20px;
}