/*
 *  $CSS: main.css,v 2.1 2007/02/15 fedt Exp $ 
 *
 *  http://aproaz.com
*/



/*** main design ***/
/* standard */
 body {
   margin: 0px;
   padding: 0px;
   background-color: #84a4c1;
   color: #000000;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
 }
 a:hover, a:visited, a:link, a:active {
   color: #000000;
   text-decoration: none;
 }
 img {
   margin: 0px auto;
   border: 0px;
 }
/* forms */
 form {
   margin: 0px auto;
 }
 input, select, textarea {
   border: 1px solid #000000;
   background-color: #fbfbff;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px; 
 }
 input.button {
   padding: 0px;
   margin-bottom: 3px;
   font-weight: bold;
 }
/* headers */
 h1 {
   margin: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: bold;
 }
 h2 {
   margin: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 17px;
   font-weight: bold;
}
 h3 {
   margin: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
 }
/* tables */
 table {
   margin: 0px auto;
   border: 1px solid #000000;
   text-align: center;
 }
 th {
   margin: 0px;
   background-color: #b9b9b9;
   text-align: center;
   font-weight: bold;
   color: #ffffff;
   font-size: 12px;
 }
 td {
   text-align: left;
   font-size: 12px;
 }
/*** ngised niam ***/



/*** page ***/
 #outter-container {
   width: 920px;
   margin: auto auto;
   overflow: hidden;
   text-align: center;
 }
 #left {
   width: 920px;
   margin: 0px;
   padding: 0px;
   background-image: url('/images/bg-left.gif');
   background-repeat: repeat-y;
   background-position: top left;
 }
 #right {
   width: 920px;
   margin: 0px;
   padding: 0px;
   background-image: url('/images/bg-right.gif');
   background-repeat: repeat-y;
   background-position: top right;
}
 #inner-container {
   width: 800px;
   margin: 0px 60px;
   padding: 0px;
   text-align: center;
 }
 #bottom {
   width: 920px;
   margin: 0px;
   padding: 0px;
   height: 60px;
   background-image: url('/images/bg-footer.gif');
 }
/*** egap ***/


/*** header ***/
 #header {
   width: 800px;
   height: 155px;
   background-color: #999999;
   text-align: center;
   
 }
/* left */
 #header-left {
   text-align: left;
 }
 #header-left span {
   width: 40%;
   float: left;
 }
 #header-left span img {
   width: 323px;
   height: 155px;
 }
/* right */
 #header-right {
   height: 155px;
 }
 #top-bar {
   height: 21px;
   background-color: #e5e5e5;
 }
 #top-wedge {
   margin: 0px;
   float: left;
 }
 #top-wedge img {
   width: 34px;
   height: 21px;
}
 #top-links {
   width: 436px;
   height: 19px;
   float: right;
   padding: 3px 10px 0px 0px;
   background-color: #e5e5e5;
   text-align: right;
   vertical-align: top;
   font-weight: bold;
 }
 #top-links span {
   padding: 0px 3px;
   font-size: 12px;
   font-weight: bold;
 }
 #top-links span a:visited, a:link, a:active {
   color: #000000;
 }
 #top-links span a:hover {
   color: #474747;
 }
 #header-imgs {
   width: 446px;
   height: 136px;
   float: right;
 }
 #header-logo {
   height: 136px;
   padding: 10px 8px 4px 8px;
   float: left;
   text-align: right;
 }
 #header-logo img {
   width: 251px;
   height: 97px;
 }
 #photo-credit {
   padding-right: 3px;
   color: #ffffff;
   font-weight: bold;
 }
 #banner {
   height: 136px;
   padding: 8px;
   float: right;
color: #ffffff;
   vertical-align: bottom;
 }
 #banner img {
   width: 140px;
   height: 60px;
 }
/* navigation */
 #navigation {
   width: 800px;
   height: 18px;
   position: absolute;
   margin: 0px 0px;
   clear: right;
   background-color: #CCCCCC;
   text-align: center;
 }
 #navigation {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   vertical-align: middle;
 }
 #navigation span {
   padding: 0px 3px;
   font-size: 12px;
   font-weight: bold;
 }
 #navigation span a:visited, a:link, a:active {
   color: #000000;
 }
 #navigation span a:hover {
   color: #474747;
 }
/*** redaeh ***/



/* footer */
 #footer {
   width: 800px;
   background-color: #999999;
   text-align: center;
 }
/* top */
 #footer-top {
   background-color: #CCCCCC;
   text-align: center;
 }
 #footer-top span {
   padding: 0px 5px 0px 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
 }
/* middle */
 #footer-images {
   background-color: #e5e5e5;
   text-align: center;
 }
 #footer-images img {
   width: 150px;
   height: 87px;
 }
/* bottom */
 #contact table {
   width: 100%;
   border: 0px;
 }
 #contact table tr td {
   color: #000000;
   font-size: 12px !important;  /* ie6, i think */
   text-align: center;
   font-weight: bold;
 }
 #contact table tr td a:visited, a:link, a:active {
   color: #000000;
 }
 #contact table tr td a:hover {
   color: #474747;
 }
 #contact-left {
   width: 20%;
   text-align: left;
 }
 #contact-center {
   width: 60%;
   text-align: center;
 }
 #contact-right {
   width: 20%;
   text-align: right;
 }
/*** retoof ***/


/* content */
 #content {
   width: 800px;
   height: 100%;
   margin-top: 3px;
   padding-top: 15px;
   background-color: #ffffff;
   text-align: left;
 }
 .std {
   margin: 0px;
   padding: 0px;
   text-align: center;
 }
 .center {
   text-align: center;
   margin: 0px auto;
 }
 .form {
   margin: 0px auto;
   border: 1px solid #000000;
   background-color: #F0F0F0;
   text-align: center;
 }
 .notice {
   width: 90%;
   margin: 0px auto;
   padding: 4px;
   border: #373737 dashed 1px;
   font-size: 12px;
   text-align: left; 
 }
 .red {
   color: #990000;
 }
 #split-container {
   width: 800px;
   margin: auto auto;
   text-align: left;
 }
 #split-left {
   width: 75%;
   float: left;
   text-align: center;
 }
 #split-right {
   width: 25%;
   float: left;
   text-align: center;
 }
 .clear {
   clear: both;
   width: 100%;
 }
/*** tnetnoc ***/



/*** misc link classes ***/
 a.blue:visited, a.blue:link, a.blue:active {
   color: #000099;
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
 }
 a.blue:hover {
   color: #333399;
 }
 a.red:visited, a.red:link, a.red:active {
   color: #990000;
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
 }
 a.red:hover {
   color: #993333;
 }
 a.green:visited, a.green:link, a.green:active {
   color: #009900;
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
 }
 a.green:hover {
   color: #339933;
 }
/*** sessalc knil csim ***/