html {
  height: 100%;
}

body {
  font: 100.01% "Trebuchet MS", Helvetica, Arial, sans-serif;
  background-image: url(../pics/style/scan.gif);
  margin:0;
  padding: 2% 0 0 0;
  min-height: 95%;
  height: 95%;
}

#default_client_frame {
  display:none;
  width: 0;
  height: 0;
}

a {
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

img {
  border:none;
}

#circle {
  position:absolute;
  left:0;
  top: 37px;
  z-index:1
}


#main {
  width: 90%;
  border: 1px solid #ccc;
  margin: 0 auto;
  background-color:#fff;
  background-image:  url(../pics/style/bg-a.gif);
  background-repeat: no-repeat;
  background-position: right top;
  position:relative;
  min-height: 96%;
}

* html #main {
  height:99%;
}


/* footer
 *****************************/

#footer {
  clear:both;
  color:#999;
  font-size:10px;
  position:absolute;
  bottom: 5px;
  left:5px;
}

#footer a {
  color:#999;
}

#footer a:hover{
  color:#336;
}


/* header
 *****************************/

#header {
  height: 86px;
  background-image: url(../pics/style/header-line.gif);
  background-repeat: repeat-x;
  top:50px;
  position:absolute;
  left: 97px;
  width:88%;
  z-index:5;
}

#header img{
  height: 86px;
  width: 396px;
}

#address {
  position: absolute;
  background-image: url(../pics/style/header-reddot.gif);
  background-repeat: no-repeat;
  top: 0;
  right:2.5%;
  padding-top: 30px;
}

#address address{
  font-style:normal;
  font-weight:bold;
  padding: 2px 0;
  font-size: 12.5px;
  line-height: 14.8px;
}


/* navigation
 *****************************/

#navigation {
  position: absolute;
  left: 2%;
  top: 180px;
  width: 190px;
  padding:11px 0 0 0;
  margin:0;
  background-image: url(../pics/style/top.gif);
  background-repeat: no-repeat;
  background-position: top left;
  z-index:3;
}

#navigation #menu {
  margin:0;
  padding:0 5px;
  list-style-type:none;
}

#navigation #menu li {
  display:block;
  border-bottom: 1px #E21234 dashed;
  line-height: 23px;
  font-size: 14px;
  padding: 0 1px;
  font-size: .85em;
  margin:0 8px;
  list-style: none;
}

#navigation #menu li.last {
  border: none;
}

#navigation #menu a {
  color:#000;
  display:block;
  padding:0;
  margin:0;
  width:100%;
}

#navigation #menu a:visited {
  color:#999;
}

#navigation #menu a:hover {
  color:#c00;
  text-decoration:none;
  background-color: #FFF8F8;
}

#navigation #menu a.hl {
  background-image: url(../pics/icons/a-ani.gif);
  background-repeat: no-repeat;
  background-position: 140px 3px;
}


/* sub-menus
 *****************************/

#navigation #menu li ul{
  background-color:#fff;
  margin: 0 0 0px 0;
  padding: 0;
  display:none;
}

#navigation #menu li ul li{
  padding: 0 2px 0 18px;
  background: #fff url(../pics/icons/li-a.gif) no-repeat 7px 7px;
  border:none;
  line-height: 20px;
  margin-left:-5px;
}

#navigation #menu #current ul{
  display:block;
}

#navigation #current ul li.current{
  padding: 0 2px 0 18px;
  color:#c00;
  background: #fff url(../pics/icons/li-c.gif) no-repeat 7px 6px;
  border:none;
  line-height: 20px;
  margin-left:-5px;
}


/* navigation frame
 *****************************/

#navigation #menu {
  border-left: 1px #999 solid;
  border-right: 1px #999 solid;
  border-top: none;
  border-bottom: none;
  margin:0;
  padding:0;
  background-color: #fff;
}

#navigation #nav-bottom {
  background-image: url(../pics/style/bottom.gif);
  height:11px;
  margin:0;
  padding:0;
  background-repeat: no-repeat;
  background-position: top left;
}


/* content
 *****************************/

#content {
  margin: 170px 50px 20px 240px;
  font-size: 90%;
  text-align:justify;
}


#content .pic-r {
  float:right;
  margin: 0 0 10px 20px;
  padding:2px;
  border: 1px #ccc solid;
}

#content .pic-l {
  float:left;
  margin: 0 20px 10px 0;
  padding:2px;
  border: 1px #ccc solid;
}

#content h2 {
  font-size: 130%;
}

#content h2.alt {
  font-size: 115%;
}

#content .noborder {
  border:none;
}

#content li {
  font-weight:bold;
}

#content #mission {
  padding: 1.5em 0;
  font-weight:bold;
  font-size:110%;
  margin-bottom:3em;
  font-style:oblique;
  width:90%
}


#content table {
  width: 80%;
}

#content table td.item {
  text-align:right;
  padding-right: 1em;
  font-style:oblique;
  vertical-align:top;
  white-space:nowrap;
}

#content table td.apply {
  text-align:center;
  padding: 10px;
}

#content a.back,
#content a.apply,
#content a.details {
  padding: 10px 0 0 20px;
  margin-right: 50px;
  line-height:30px;
  font-size: 12px;
}

#content a.apply {
  background: #fff url(../pics/icons/edit.gif) no-repeat 0px 12px;
}

#content a.back {
  background: #fff url(../pics/icons/back.gif) no-repeat 0px 12px;
}

#content a.details {
  background: #fff url(../pics/icons/details.gif) no-repeat 0px 12px;
}

#content table th {
  text-align:left;
  color: #c00;
}

#content p.date {
  font-style:oblique;
  font-size: .8em;
}


/* pictures in content
 *****************************/

#stamps {
  margin-bottom: 3.5%;
  height: 80px;
  overflow:hidden;
  text-align:right;
}

#stamps img {
  width:110px;
  height:75px;
  float:left;
  margin: 0 0 4px 4px;
  padding:1px;
  border: 1px #ccc solid;
}


/* text in content
 *****************************/

#statement {
  padding-top: 2%;
  vertical-align:middle;
}

#statement #person{
  font-style:oblique;
}


/* application form
 *****************************/

#applicationForm,
#contactform {
  display:inline;
}

#applicationForm input,
#applicationForm textarea,
#contactform input,
#contactform textarea {
  border:1px inset threedface;
  width: 272px;
  margin:0;
  padding:2px;
  background-color:transparent;
}

#contactform input,
#contactform textarea {
  width: 372px;
}


#contactform select {
  border:1px inset #ccc;
  width: 280px;
  margin:0;
}

select {
  background:transparent;
}

option[value] {
  background-color:window;
}

#applicationForm p.file input{
  background-color: #efefef;
  border-width: 1px;
  font-size: .9em;
}

#applicationForm p.file {

}

#applicationForm label{
  display:block;
  width:30%;
  text-align: right;
  padding: 0 .5em 0 0;
  float:left;
}

#contactform label{
  display:block;
  width:20%;
  text-align: right;
  padding: 0 .5em 0 0;
  float:left;
}

#applicationForm p,
#contactform p{
  margin:4px;
}

#applicationForm p.check input,
#applicationForm p.radio input {
  width:16px;
  border:none;
  float:left;
}

#applicationForm p.check label.check,
#applicationForm p.radio label.radio {
  width:12%;
}


#applicationForm input[type='checkbox'],
#applicationForm input[type='radio'] {
  margin: 5px 0 7px 0;
}

#applicationForm input.size2 {
  width:100px;
}
#applicationForm input.size3{
  width:84px;
}

#applicationForm input.size4{
  width:52px;
}

#applicationForm h4{
  clear:left;
  margin: 1em 0 .5em 0;
}

#applicationForm .createonline {
  border:none;
  font: 100.01% "Trebuchet MS", Helvetica, Arial, sans-serif;
  color:#00c;
  padding:0;
  margin:0;
  cursor:pointer;
  border-bottom: 1px white solid;
  height:1.3em;
}

* html #applicationForm .createonline {
  height:1.2em;
  line-height: 1.05em;
  cursor: hand;
  width: 5em;
}

#applicationForm .createonline:hover {
  border-bottom: 1px #00c solid;
}


#applicationForm p{
  clear:left;
}

form .submit button{
  background: #efefef url(../pics/style/shim.gif) no-repeat 3px 2px;
  border: 1px #ccc solid;
  font-size: .9em;
  padding:1px 20px;
  -moz-border-radius: 6px;
  cursor:pointer;
  cursor:hand;
}

form .submit{
  width:70%;
  padding: 1em;
  text-align:right;
}

#applicationForm .submit label{
  width:auto;
}



/* pointers to next/previous
 *****************************/

#pointer {
  clear:both;
  text-align:right;
}

#pointer a{
  margin-left: 30px;
  color:black;
  font-size:88%;
}

#pointer a:visited{
  color:#999;
}


#resultSet h5, h5.listing {
  margin: 1em 0 0 0;
  font-size:100%;
  margin:1em 0 .2em 0;
}

#resultSet h5 a, h5.listing a {
  color: #E21235;
  font-weight:bold;
}

#resultSet p {
  margin: 0 0 3px 0;
}

#resultSet a {
  font-weight:normal;
  color: #336;
}

#resultSet p.more {
  color:#336;
  font-size: .8em;
  padding:0 3em 0 0;
  margin-bottom: 2em;
}

#resultSet .newsearch {
  font-size: .9em;
  margin: 1em 0;
}

#resultSet em {
  margin: 0 .5em;
  color: black;
}

#loginForm span {
  color:red;
}

#submission td{
  vertical-align:top;
}

#submission td.hd{
  padding-top:1em;
  font-weight:bold;
  white-space:nowrap;
}

#submission a{
  color: #00c;
  text-decoration:none;
}

#submission a:hover{
  color: #33f;
  text-decoration:underline;
}
