html {
margin: 0; padding: 0;
}

body {
color: #000;
background: #fff;
font: 14px/21px verdana, sans-serif;
margin: 0; padding: 0;
}

a:link {color:#00f; background: transparent; font-weight: bold; text-decoration:none; }
a:visited {color:#00f; background: transparent; font-weight: bold; text-decoration:none; }
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

div#logo {
position: absolute ; top: 3px; left: 0; z-index: 1;
width: 20%;
display: block;
text-align: center;
}

div#coolstuff {
position: absolute ; top: 450px; left: 0; z-index: 2;
width: 20%;
display: block;
text-align: center;
}

div#abovebanner {
color: #000;
background: #fff;
width: 100%;
height: 72px;
text-align: center;
padding-top: 6px;
padding-bottom: 6px;
}

div#banner {
color: #fff;
background: #03c;
font: bold 39px/39px myriad, arial, helvetica, sans-serif;
text-align: center;
padding: 9px;
width: 100%;
}

div#content {
background: #fff;
color: #000000;
width: 500px;
margin-left: 22%;
padding-left: 12px;
border-left: #039 2px solid;
}

div#breadcrumb {
background: #fff;
color: #000000;
width: 100%;
font: 10px/12px verdana, geneva, sans-serif;
padding: 3px 0 3px;
border-top: 1px dotted #009;
border-bottom: 1px dotted #009;
}

div.blockright {
width: 120px;
padding: 12px 12px 9px 12px;
border: #009 1px dotted;
margin: 13px 0 6px 9px;
float: right;
}

div.blockleft{
width: 120px;
padding: 12px 12px 9px 12px;
border: #009 1px dotted;
margin: 13px 9px 6px 0;
float: left;
}

div.pullright {
color:#009;
background: transparent;
font: italic bold 14px/18px arial, geneva, sans-serif;
text-align: right;
width: 90px;
padding: 9px 0 9px;
border-top: #009 4px solid;
border-bottom: #009 4px solid;
margin: 13px 0 3px 9px;
float: right;
}

div.pullleft {
color:#009;
background: transparent;
font: italic bold 14px/18px arial, geneva, sans-serif;
text-align: left;
width: 90px;
padding: 9px 0 9px;
border-top: #009 4px solid;
border-bottom: #009 4px solid;
margin: 13px 9px 3px 0;
float: left;
}

div#acrobat {
color:#000;
background: transparent;
text-align: left;
padding: 0 0 0 9px;
border-left: 4px #009 solid;
margin: 18px 24px 3px 24px;
}

div#sinulogic {
width: 500px;
text-align: center;
margin: 24px 0 0 0;
}

div#copyright {
color:#009;
background: transparent;
text-align: center;
font: 9px/10px verdana, sans-serif;
width: 100%;
padding: 3px 0 0 0;
border-top: #009 1px dotted;
margin: 24px 0 0 0;
}

div.center {
display: block;
text-align: center;
margin-top: 24px;
margin-right: auto;
margin-left: auto;
}

div.acenter {
display: block;
text-align: center;
margin-top: 12px;
margin-bottom: 6px;
}

div.sidebar {
display: block;
color: #000;
background: #cfcfcf;
margin-top: 18px;
padding: 15px 15px 30px 15px;
}

h1 {
color:#009;
background: transparent;
font: normal bold 27px/33px arial, geneva, sans-serif;
text-align: center;
margin: 36px 0 18px 0;
}

h2 {
color:#009;
background: transparent;
font: normal bold 18px/24px arial, geneva, sans-serif;
text-align: left;
margin: 48px 0 0 0;
}

h3 {
color:#009;
background: transparent;
font: normal bold 16px/18px arial, verdana,geneva, sans-serif;
text-align: center;
margin: 18px 0 18px 0;
}


/* Be kind to Netscape 4* /

p, td, ol, ul, li, dl, dt, dd {font-family: verdana, sans-serif;}

/* Done being kind to Netscape 4 */


p {
margin: 7px 0 0 0;
}

p.a {
margin: 15px 0 0 0;
}

p.indent {
margin: 7px 24px 0 24px;
}

p.right {
margin-top: 28px;
text-align: right;
}

p.bottomlinks {
font:10px/12px verdana, sans-serif;
margin-top: 42px;
}

p.sm {
font: 10px/12px verdana, sans-serif;
margin: 6px 0 0 0;
}

p.smright {
font: 10px/12px verdana, sans-serif;
margin: 6px 0 0 0;
text-align: right;
}

p.smcenter {
font: 11px/13px verdana, sans-serif;
text-align: center;
margin: 6px 0 0 0;
}

ol, ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	}

li {
	background: url(images/circle_slash.gif) left top no-repeat;
	color: #000;
	margin-top: 7px;
	padding-left: 15px;
	}

li.gray {
	background: url(images/circle_gray.gif) left top no-repeat;
	color: #000;
	margin-top: 7px;
	padding-left: 15px;
	}

span.reddot {
color: #f00;
background: transparent;
font-weight: bold;
}

img {
border: 0;
}

img.center {
display: block;
margin-top: 7px;
text-align: center;
margin: 12px auto 12px auto;
}

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

img.left {
margin: 12px 9px 6px 0;
float: left;
}

img.right {
margin: 12px 0 6px 9px;
float: right;
}

span.smallcaps {
font-variant: small-caps;
}

span.small {
font: 10px/12px verdana, sans-serif;
}

input {
font: 12px/12px verdana, sans-serif;
}

table.form1 {
width: 90%;
margin-top: 5%;
margin-bottom: 5%;
margin-left: 18px;
}

table.form2 {
width: 100%;
margin-top: 5%;
margin-bottom: 5%;
}

td.header1 {
color: #039;
background: transparent;
font: bold 16px/17px arial, sans-serif;
text-align: left;
padding: 3px 0 3px 0;
border-bottom: #036 2px solid;
}

td.label {
color: #039;
background: transparent;
font: small-caps bold 12px/15px verdana, sans-serif;
text-align: right;
padding: 3px 0 3px 0;
border-bottom: #036 1px solid;
}

td.label2 {
color: #039;
background: transparent;
font: bold 10px/12px verdana, sans-serif;
text-align: center;
padding: 3px 0 3px 0;
border-bottom: #036 1px solid;
}

td.input {
padding: 3px 0 3px 6px;
border-bottom: #036 1px solid;
}

td.input2 {
font:10px/12px verdana, sans-serif;
text-align: center;
padding: 3px 0 3px 6px;
border-bottom: #036 1px solid;
}

table.warning1 {
display: block;
text-align: center;
width: 90%;
margin: 3px 5% 3px 5%;
border: #039 2px solid;
}

td.warning2 {
padding: 6px;
}

table.steps {
width: 468px;
margin: 6px auto 6px auto;
}

td.stepshead {
font: bold 16px/18px arial, sans-serif;
color: #039;
background: #cdcdff;
text-align: center;
vertical-align: top;
padding: 3px 0 5px 12px;
border-top: #039 2px solid;
border-right: #039 1px solid;
}

td.stepsx {
font: bold 16px/18px arial, sans-serif;
color: #fff;
background: #999;
width: 36px;
text-align: center;
vertical-align: top;
border-top: #039 2px solid;
border-top: #039 2px solid;
}

td.steps1 {
font: 48px/48px impact, arial, sans-serif;
color: #fff;
background: #999;
width: 36px;
text-align: center;
vertical-align: top;
padding: 12px;
border-top: #039 2px solid;
border-top: #039 2px solid;
}

td.steps2 {
font: 12px/21px verdana, sans-serif;
color: #000;
background: #fff;
width: 215px;
text-align: center;
vertical-align: middle;
padding: 12px 12px 3px 12px;
border-top: #039 2px solid;
border-right: #039 1px solid;
}

td.steps3 {
font: 12px/21px verdana, sans-serif;
color: #000;
background: #fff;
width: 215px;
text-align: left;
vertical-align: top;
padding: 6px 12px 12px 12px;
border-right: #039 1px solid;
}

td.comparison0 {
padding: 12px 0 3px 0;
text-align:center;
}

td.comparison {
color: #000;
background: #ccf;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}

td.comparison1 {
color: #000;
background: #ccc;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}

td.comparison2 {
color: #000;
background: transparent;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}