/* CSS Document */

body {margin: 0; padding: 0; color: #000; font-size: 12px; font-family:"Arial", Lucida, Verdana, sans-serif;}
a img {border: 0;}
h1, h2, h3, h4 {font-family: "Arial"; margin: 0; padding: 0; color: #343434;}
hr {border: 0; border-top: 1px solid #c4d6e9; height: 1px; clear:both;}
table, td, tr {font-size: 12px;}
#frame {width: 960px; margin: 0 auto 0 auto;* }

/* HEADER AREA */

#header {}

#header img {margin: 40px 0 0 0;}

/* SPLASH AREA */

#splash {margin: 30px 0 0 0;  z-index: -1;}
#splash img {float: left; margin: 0 40px 0 0;}
#splash h1 {font-size: 22px; padding: 10px 0 0 0;}
#splash h2 {margin: 30px 0 30px 0; padding: 0; font-size: 19px; font-weight: normal;}
#splash span {color: #78A5D8; font-weight: bold; font-size: 30px;  width: 300px; z-index:0; }
#splash ul {margin: 0 0 20px 0;}
#splash li {font-weight: bold; color: #78A5D8; list-style: none; font-size: 13px;}

/* BOXES AREA */

.box {float: left; width: 311px; margin: 30px 0 30px 0;}
.box h3, .box2 h3, .box3 h3 {font-weight: bold; font-size: 16px; color: #78A5D8;}
.box p {font-size: 13px;}

.box2 {float: left; width: 281px; margin: 30px 0 0 0; padding: 0 0 0 30px;}
.box2 p {font-size: 13px; width: 250px;}

.box3 {float: left; width: 311px; margin: 30px 0 0 0;}

.pic {float: right; margin: 0 10px 0 10px;}

/* CONTENT AREA */

#content {float: left; width: 579px; padding: 30px 0 30px 0; /*background-color: green;*/}
#content h1 {font-size: 22px; margin: 0 0 20px 0; color: #78A5D8;}
#content h3 {margin: 20px 0 20px 0; padding: 0;}
#content h3 span {color: #fff; display: block; padding: 5px 0px 5px 5px; background-color: Red; width: 80px; float: left; margin-right: 20px; font-size: 14px;}
#content p {line-height: 18px;}
#content li {margin: 10px 0 10px 0;}
#content a {color: Red;}

.tabular {width: 100%; /*border-right: 1px solid #000; border-bottom: 1px solid #000;*/ margin: 0 0 20px 0;}
.tabular td {border-bottom: 1px solid #c4d6e9; /*border-top: 1px solid #000; border-left: 1px solid #000;*/ padding: 4px;}
thead {background-color: #c4d6e9; text-align: center; color: #343434; font-weight: bold;}
.dark {background-color: #c4d6e9;}

.dent {padding: 0 0 0 105px;}
.lightxt {color: #888;}
.fieldwidth {width: 230px;}



/* SUBNAV */

#subnav {float: left; width: 311px; margin: 0 0 30px 40px; /*background-color: Yellow;*/}

/*FOOTER */

#footer {clear: both; margin-bottom: 50px; border-top: 1px solid #c4d6e9;}
#footer table {float: right; padding: 0; margin: 0;}
#footer a {color: #000; text-decoration: none;}
#footer a:hover {color: #78A5D8;}

#search {position: absolute; top: 0px; left: 58%; width: 365px; text-align: right;}

.test { z-index: 1;  background-image: url(images/signin.gif); background-repeat: no-repeat; /*background-color: #ccc;*/ width: 307px; height: 212px; color: #fff; margin: 0px; padding: 40px 40px 20px 30px;  position: relative; top: -7px; left: 6px;  text-align: left;}

/*
.test {
position:absolute;
left:900px;
top:-8px;
z-index:1
*/
#search span {float: right; width: 169px; line-height: 39px; background-image: url(images/tab-signin.gif); background-repeat: no-repeat; text-align: center;}
#search a {color: #fff; text-decoration: none; font-weight: bold; font-size: 16px;}

.test h2 {color: #fff; font-size: 16px;}
.test p {line-height: normal;}
.test td {padding: 0px;}
.field {width: 210px;}

.marg {width: 200px;}