html, body { height: 100%; }

body {
  background:#FFF url('../images/backgrounds/mainbg.gif') top left;
  font-family: Arial, Helvetica, sans-serif; 
  text-align:center;  
  font-size:80%; 
  color:#000; 
  margin:0; 
}

h1 { font-size:1.6em; } h2 { font-size:1.4em; } h3 { font-size:1.3em; }
h4 { font-size:1.2em; } h5 { font-size:1.1em; } h6 { font-size:1.0em; }

h1, h2, h3, h4, h5 { margin: 0 0 8px 0; }

fieldset { 
  padding: 1em; 
  border: solid 1px #DEBDDE; 
}

legend {
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-weight:bold; 
  letter-spacing:1px; 
  color:#666; 
}

form { margin:0; }

a img { border:none; }

p { 
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0; 
  font-size:12px; 
}

ul, ol { 
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 10px 20px;
  padding: 0 0 0 15px; 
  font-size:12px; 
}

acronym, abbr { 
  border-bottom:dashed 1px #FFF; 
  cursor:help; 
}

/* layout */

#wrap {
  background: url('../images/backgrounds/shadowbg.png') top left repeat-y;
  padding: 20px 20px 0 20px;
  min-height:100%;
  text-align: left;
  width: 740px;
  margin: 0 auto;
  clear: both;
}

#content { 
  margin: 0 auto;
  width: 700px; 
}

* html #wrap { /*for IE */
  height: 100%; 
  overflow: visible; 
}

#header {
  background: url('../images/backgrounds/shadowbg.png') top left repeat-y;
  padding: 0 20px 0 20px;
  width: 740px;
  margin: 0 auto;
  height: 104px;
}

#logo {
  height: 73px;
}

#logo, #topnav {
  text-align: left;
  margin: auto;
}

#topnav {
  background: url('../images/backgrounds/headerbg.gif') bottom center repeat-x;
  font-weight: bold;
  line-height: 29px;
  height: 31px;
  color: #FFF;
  padding: 0;
  margin: 0 -10px 0 -10px;
}

#authentication {
  float: right;
  font-size: 11px;
  margin: 5px 10px;
}

#questions {
  background: url('../images/icons/phone.gif') top left no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  margin: 15px 0 0 0;
  padding: 0 10px 0 25px;
  clear: right;
  float: right;
}

#questions p { 
  font-size: 11px;
  margin: 0; 
}

#logo h1 { margin: 0; }

#header img {
  margin: 10px;
}

#topnav ul {
  float: left;
  margin: 0;
  padding: 0; 
}

#topnav li {
  float:left;
  list-style-type:none;
  border-right:1px solid #CCC;
  white-space:nowrap;
}

#topnav li a {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  text-decoration: none;
  background-color: inherit;
  font-weight: normal;
  display: block;
  padding: 0 12px;
  font-size: 13px;
  line-height: 31px;
}

* html #topnav a { width:1%; }

#topnav .floatr { margin: 0 10px 0 0; font-size: 12px; }

#topnav .floatr img {
  vertical-align: middle;
  margin: 0;
}

#wrap h2 {
  font-weight: normal;
  font-size: 24px;
  color: #C60;
}

#body p, #body li {
  line-height: 18px;
}


#twocols {
  margin: 10px 0 10px 0;
  padding-top: 10px;
}

#twocols div { float: left; }
#twocols div.clear { float: none; clear: both; }

#threecols {
  margin: 10px 0 10px 0;
  padding-top: 10px;
  height: 240px;
}

#threecols div {
  margin-right: 5px;
  height: 210px;
  width: 225px;
  float: left; 
}


#footer {
  border-top: solid 1px #CCC;
  margin-top: 15px;
  clear: both; 
  height: 100px;
}

#footer p {
  font-family: Arial, Helvetica, sans-serif;
  color:#999;
}

#footer .links {
  border-bottom: solid 1px #CCC;
  padding: 5px 0 5px 0;
  margin: 15px 0 5px 55px;
  width: 360px;
  font-size: 12px;
  line-height: 15px;
}

#footer .grey {
  margin: 5px 0 10px 0;
  font-size: 10px;
}

#footer img { margin: 15px 10px 0 5px; }
#footer a { margin: 0 3px 0 3px; }

/* pseudo classes */

a:link, a:visited { color:#39C; text-decoration: underline; }
a:hover, a:active { color:#06C; text-decoration: underline; }

#topnav a:link, #topnav a:visited { color: #FFFFFF; text-decoration:none; }
#topnav a:hover, #topnav a:active { color: #E5A805; text-decoration:none; }

#topnav li.current a:link, #topnav li.current a:visited { background: url('../images/backgrounds/navbg_on.gif') top left repeat-x; color:#000; text-decoration:none; }
#topnav li.current a:hover, #topnav li.current a:active { background: url('../images/backgrounds/navbg_on.gif') top left repeat-x; color:#000; text-decoration:none; }

#content a:link, #content a:visited { color:#00F; text-decoration: underline; }
#content a:hover, #content a:active { color:#00F; text-decoration: none; }

#footer a:link, #footer a:visited { color: #39C; text-decoration: none; }
#footer a:hover, #footer a:active { color: #36F; text-decoration: underline; }

#footer .grey a:link, #footer .grey a:visited { color: #999; text-decoration: none; }
#footer .grey a:hover, #footer .grey a:active { color: #333; text-decoration: underline; }

/* classes */

.floatl { float: left; }
.floatr { float: right; }
.clear  { clear: both; }

.smtxt { 
  font-family: Arial, Helvetica, Sans-serif; 
  font-size: 10px; 
}

.smtxt2 { 
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 10px; 
}

.smtxtb {
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 10px; 
  font-weight: bold;
}

ul.orange {
  list-style-image: url('../images/icons/orangeul.gif');
}

.bordertopgrey {
  border-top: solid 1px #bbb;
}

.label {
  text-align: right;
  font-size: 11px;
  padding-right: 3px;
}

/*
div { border: solid 1px red; }
*/