/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

html {
	font-size: 62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
cite, em, dfn {
	font-style: italic;
}
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {
	font-size: 92%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
del {
	text-decoration: line-through;
	color: #666;
}
ins, dfn {
	border-bottom: 1px solid #ccc;
}
small, sup, sub {
	font-size: 85%;
}
abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
}
a abbr, a acronym {
	border: none;
}
abbr[title], acronym[title], dfn[title] {
	cursor: help;
	border-bottom: 1px solid #ccc;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
/* QUOTES */

blockquote {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #666;
}
blockquote *:first-child:before {
	content: "\201C";
}
blockquote *:first-child:after {
	content: "\201D";
}
/* language specific quotes! */

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(af), :lang(nl), :lang(pl) {
quotes: '\201E' '\201D' '\201A' '\2019';
}
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) {
quotes: '\201E' '\201C' '\201A' '\2018';
}
:lang(da), :lang(hr) {
quotes: '\00BB' '\00AB' '\203A' '\2039';
}
:lang(el), :lang(es), :lang(sq), :lang(tr) {
quotes: '\00AB' '\00BB' '\2039' '\203A';
}
:lang(en-GB) {
quotes: '\2018' '\2019' '\201C' '\201D';
}
:lang(fi), :lang(sv) {
quotes: '\201D' '\201D' '\2019' '\2019';
}
:lang(fr) {
quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}
/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before {
	content: '\201C';
}
html[lang|='en'] q:after {
	content: '\201D';
}
html[lang|='en'] q q:before {
	content: '\2018';
}
html[lang|='en'] q q:after {
	content: '\2019';
}
/* FORMS */

fieldset {
	border: 1px solid #ccc;
}
legend {
	background: #fff;
}
textarea, input[type='text'], input[type='password'], select {
	border: 1px solid #C4CCC5;
	background: #fff;
}
input[type='text'], input[type='password'] {
	width:95%;
	padding:.8em 6px .7em 6px;
}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
	border-color: #aaa;
}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {
	border-color: #888;
	outline: 2px solid #ffffaa;
}
input, select {
	cursor: pointer;
}
input[type='text'], input[type='password'] {
	cursor: text;
}
/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */

body {
	font-size: 1.2em;
	line-height: 1.47em;
}
h1 {
	font-size: 2.65em;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	line-height:0.85em;
}
h2 {
	font-size: 1.4em;
	line-height:1.05em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
/* HR */

hr {
	display: block;
	background: #aaa;
	color: #aaa;
	width: 100%;
	height: 1px;
	border: none;
}
/* LISTS */

ul li {
	margin:1.2em 0 0em 0;
	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
	padding-left:24px;
	background:url(../images/minus.gif) top left no-repeat;
	text-indent: 0em;
}
ul li:before {
	content: " ";
}
ol {
	list-style-position: outside;
	list-style-type: decimal;
}
dt {
	font-weight: bold;
}
/* TABLES */

table {
	width:100%;
	border-top: 1px solid #C4CCC5;
	border-left: 1px solid #C4CCC5;
}
th, td {
	border-bottom: 1px solid #C4CCC5;
	border-right: 1px solid #C4CCC5;
}
th {
	background:#E6EED5;
	color:#57809C;
}
/* MARGINS & PADDINGS */

blockquote *:first-child {
	margin: .8em 0;
}
hr, p, ul, ol, dl, pre, blockquote, address, table, form {
	margin-bottom: 1.65em;
}
p+p {
	margin-top: -.8em;
}
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 {
	margin: .2em 0 .8em;
}
h2 {
	margin: .8em 0 .6em;
}
h3 {
	margin: 1.3em 0 .5em;
}
h4 {
	margin: 1.3em 0 .5em;
}
h5 {
	margin: 1.33em 0 .67em;
}
h6 {
	margin: 1.6em 0 .8em;
}
th, td {
	padding: .8em;
}
caption {
	padding-bottom: .8em;
} /* padding instead of margin for IE */
blockquote {
	padding: 0 1em;
	margin: 1.6em 0;
}
fieldset {
	padding: 0 1em 1em 1em;
	margin: 1.6em 0;
} /* padding-top is margin-top for fieldsets in Opera */
legend {
	padding-left: .8em;
	padding-right: .8em;
}
legend+* {
	margin-top: 1em;
} /* compensates for the opera margin bug */
textarea, input {
	margin:0 0 .2em 0;
}
select {
	padding: .1em .2em 0 .2em;
}
option {
	padding: 0 .4em;
}
a {
	position: relative;
	padding: 0.3em 0 .1em 0;
} /* for larger click-area */
dt {
	margin-top: .8em;
	margin-bottom: .4em;
}
ul {
	margin-left: 0em;
}
ul ul, ul ul ul, #opclose ul, #opclose ul ul {
	margin-bottom:0;
}
ol {
	margin-left: 2.35em;
}
ol ol, ul ol {
	margin-left: 2.5em;
}
form div {
	margin-bottom: .8em;
}
/* COLORS */

a:link, #opclose li.active li a:link, #opclose li.active div a:link {
	text-decoration: underline;
	color: #006CBF;
	font-weight:normal;
	font-size:1em;
}
#opclose li.active div a
{
display:inline;
}
a:visited, #opclose li.active li a:visited, #opclose li.active div a:visited {
	text-decoration: underline;
	color: #6699CC;
	font-weight:normal;
	font-size:1em;
}
a:hover, #opclose li.active li a:hover, #opclose li.active div a:hover {
	text-decoration: none;
	color: #0066CC;
	font-weight:normal;
	font-size:1em;
}
a:active, a:focus, #opclose li.active li a:active, #opclose li.active div a:active {
	text-decoration: underline;
	color: #0066CC;
	font-weight:normal;
	font-size:1em;
}
code, pre {
	color: #c33;
} /* very optional, but still useful. W3C uses about the same colors for codes */
/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* LAYOUT */

/* Main page styles */
.resize {
	margin:0 auto;
	min-width:781px;
	max-width:1000px;
}
.clr {
	clear:both;
}
li.last a {
	padding-right:0;
}
img.star {
	margin-left:-35px;
	position:absolute;
	top:0;
	left:0;
}
img.whyuneed {
	margin-top:26px;
	margin-bottom:14px;
}
#content #footer, #MainPage #content #footer {
	width:81%;
	float:right;
	margin-top:35px;
	margin-bottom:28px;
}
#content #footer {
	width:90%;
}
#content #footer .left, #MainPage #content #footer .left {
	float:left;
	width:35%;
}
#content #footer .right, #MainPage #content #footer .right {
	float:right;
	text-align:right;
}
#content #footer .right{
	width:53%;
}
#MainPage #content #footer .right {
	width:59%;
}
.copy {
	color:#506794;
	font-size:0.9em;
}
.txtpad img, .textBg img, .textBg2 img {
	float:left;
	border:1px solid #B4CEC1;
	margin-right:1.2em;
}
ul li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
ul li {
	display: inline-block;
}
html[xmlns] ul li {
	display: block;
}

.footlinks{
float:left; 
font-size:.9em; 
line-height:1.4em; 
text-align:left;
}
.superlabel,
.superlabel td
{
border:0;
}
.superlabel span label
{
display:block;
margin-left:2em;
text-indent:-2em;
}
.superlabel input
{
width:auto;
vertical-align:middle;
margin-right:.45em;
}

/* 3 collumn table*/
.formtable, .formtable td, .formtable th
{
border:0;
background:none;
}
.formtable th{
padding-bottom:0;
padding-right:0px;
vertical-align:middle
 }
.formtable .width1{width:2%;}
.formtable .width2,
.formtable .width3,
.formtable .width4{width:30%;}
.formtable td input
{
*width:83%;
}
/* Top icons */
div#icons {
text-align:center;
margin-top:15px;
width:186px;
float:right;
}
div#icons span {
color:#C4C4C4;
padding:0 15px;
}
#header div#logo div#icons a img{
margin-top:0px;
vertical-align:middle;
}

.b1 {font-weight: bold;}