@charset "UTF-8";
body  {
	margin: 0;
	padding:	0;
	background: #153368 url(../images/bg_page.jpg) repeat;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;
	color: #000000;
}

/********** Styles for basic page layout **********/
#wrapper {
	width: 887px;
	margin: 0 auto;
	padding-top: 10px;
}

#header {
	background-image: url(../images/bg_head.jpg);
	background-repeat: no-repeat;
   height: 106px;
	padding-left: 35px;
}

#navigation {
	background-image: url(../images/bg_mid.jpg);
	background-repeat: repeat-y;
	padding: 5px 35px 10px 35px;
}

#content {
   overflow: auto;
	background-image: url(../images/bg_mid.jpg);
	background-repeat: repeat-y;
	padding: 5px 35px 5px 35px;
}

#footer {
   clear: both;
	background-image: url(../images/bg_foot.jpg);
	background-repeat: no-repeat;
	height: 219px;
	padding: 5px 0px 5px 0px;
}

/********** Header elements  **********/
#logo {
	padding-top: 30px;
	margin: 0;
}

#header-text {
	font-size: 1.1em;
   line-height: 1.3em;
	padding-top: 30px;
   padding-right: 50px;
	float: right;
}

/********** Navigation buttons for home page **********/
.home-button-row1 {
   float:left;
   width: 320px;
   margin-right: 20px;
   margin-bottom: 10px;
}

.home-button-row2 {
   float:left;
   width: 320px;
   margin-right: 20px;
	margin-bottom: 10px;
}

a.big-universal {
	display: block;
	width: 320px;
	height: 143px;
	text-decoration: none;
	background: url("../images/button_big_universal.jpg") no-repeat;
}

a.big-universal:hover {
	background-position: -320px 0;
}

a.big-features {
	display: block;
	width: 320px;
	height: 143px;
	text-decoration: none;
	background: url("../images/button_big_features.jpg") no-repeat;
}

a.big-features:hover {
	background-position: -320px 0;
}

a.big-simple {
	display: block;
	width: 320px;
	height: 143px;
	text-decoration: none;
	background: url("../images/button_big_simple.jpg") no-repeat;
}

a.big-simple:hover {
	background-position: -320px 0;
}

a.big-evidence {
	display: block;
	width: 320px;
	height: 143px;
	text-decoration: none;
	background: url("../images/button_big_evidence.jpg") no-repeat;
}

a.big-evidence:hover {
	background-position: -320px 0;
}

/********** Navigation button: Simple Access **********/
.nav-access {
   float: left;
   width: 100px;
   margin-right: 20px;
}

a.small-access {
	display: block;
	width: 100px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_access.jpg") no-repeat;
}

a.small-access:hover {
	background-position: -100px 0;
}

.nav-access span {
   display: block;
	width: 100px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_access.jpg") no-repeat;
	background-position: -100px 0;
}

/********** Navigation button: Evidence **********/
.nav-evidence {
   float: left;
   width: 70px;
   margin-right: 20px;
}

a.small-evidence {
	display: block;
	width: 70px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_evidence.jpg") no-repeat;
}

a.small-evidence:hover {
	background-position: -70px 0;
}

.nav-evidence span {
   display: block;
	width: 70px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_evidence.jpg") no-repeat;
	background-position: -70px 0;
}

/********** Navigation button: Features **********/
.nav-features {
   float: left;
   width: 60px;
   margin-right: 20px;
}

a.small-features {
	display: block;
	width: 60px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_features.jpg") no-repeat;
}

a.small-features:hover {
	background-position: -60px 0;
}

.nav-features span {
   display: block;
	width: 60px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_features.jpg") no-repeat;
	background-position: -60px 0;
}

/********** Navigation button: Subscribe **********/
.nav-subscribe {
   float: left;
   width: 127px;
   margin-right: 20px;
}

a.small-subscribe {
	display: block;
	width: 127px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_subscribe.jpg") no-repeat;
}

a.small-subscribe:hover {
	background-position: -127px 0;
}

.nav-subscribe span {
   display: block;
	width: 127px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_subscribe.jpg") no-repeat;
	background-position: -127px 0;
}

/********** Navigation button: Universal EDI **********/
.nav-universal {
   float: left;
   width: 100px;
   margin-right: 20px;
}

a.small-universal {
	display: block;
	width: 100px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_universal.jpg") no-repeat;
}

a.small-universal:hover {
	background-position: -100px 0;
}

.nav-universal span {
   display: block;
	width: 100px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_universal.jpg") no-repeat;
	background-position: -100px 0;
}

/********** Navigation button: Explore **********/
.nav-explore {
   float: left;
   width: 127px;
   margin-right: 20px;
}

a.small-explore {
	display: block;
	width: 127px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_explore.jpg") no-repeat;
}

a.small-explore:hover {
	background-position: -127px 0;
}

.nav-explore span {
   display: block;
	width: 127px;
	height: 27px;
	text-decoration: none;
	background: url("../images/button_small_explore.jpg") no-repeat;
	background-position: -127px 0;
}

/********** Content area box **********/
#mainbox {
   border: 1px solid #CCCCCC;
   padding: 10px 15px 10px 15px;
   background: #F0F0F0 url(../images/content_gradient.jpg) repeat-x;
   font-size: 0.9em;
}

#mainbox h1 {
   font-size: 0.9em;
   font-weight: bold;
}

.label-image {
   margin-bottom: 25px;
}

/********** Latest News **********/
#latest-news {
   float: left;
   width: 780px;
   border-top: 1px solid #CCCCCC;
   padding: 10px 15px 10px 15px;
	margin-top: 10px;
   font-size: 0.9em;
	color: #000000;
}

p.latest-news {
   font-size: 0.9em;
   line-height: 1.2em;
	color: #000000;
	font-weight: normal;
}
#latest-news img {
	margin-top: 10px;
}

/********** About Us **********/
#about-us {
   float: left;
   width: 780px;
   border-top: 1px solid #CCCCCC;
   padding: 10px 15px 10px 15px;
	margin-top: 10px;
   font-size: 0.9em;
	color: #000000;
}

p.about-us {
   font-size: 0.9em;
   line-height: 1.2em;
	color: #000000;
	font-weight: normal;
}
#about-us img {
	margin-top: 10px;
}

/********** Login form **********/
#login {
	width: 127px;
	height: 136px;
	background-image:url(../images/login_bg.jpg);
	float:right;
}

#login form {
	font-size: 0.9em;
	line-height: 2.0em;
	text-align: center;
	padding-top: 35px;
}

#login form input {
	margin-bottom: 8px;
}

/********** Evidence Labels **********/

.evidence-label {
	font-weight: bold;
	font-size: 0.9em;
}

.evidence-label img {
	vertical-align:middle;
}

/******** Subscribe link on home page **********/
#subscribe-box {
   width: 127px;
   height: 136px;
   float:right;
}

a.subscribe {
	display: block;
	width: 127px;
	height: 27px;
	text-decoration: none;
	background: url("../images/subscribe_home.jpg") no-repeat;
}

a.subscribe:hover {
	background-position: -127px 0;
}

p.subscribe {
   font-size: 0.9em;
   line-height: 1.2em;
}

/******** Bottom navigation **********/
ul#bottom-nav {
   list-style-type: none;
   margin: 0px 0;
	padding-top: 210px;
}

ul#bottom-nav li {
   display: inline;
   padding: 0px 8px;
   font-size: 0.9em;
   text-align: center;
   font-weight: bold;
   color: #53d9e5;
}

ul#bottom-nav li a {
   text-decoration: none;
   font-weight: normal;
   color: #b3b1b2;
}

ul#bottom-nav li a:hover {
   color: white;
}

#copyright {
	color: #b3b1b2;
	font-size:0.8em;
	margin-top: 10px;
	margin-left: 10px;
	width: 880px;
	text-align:center;
}

/********** Styles for utility purposes **********/
div.clearer {clear: left; line-height: 0; height: 0;}

/********** Universal EDI Diagrams **********/
#universal-diagrams {
   float:right;
   width: 240px;
   padding: 10px 10px 10px 10px;
   margin-left: 20px;
   border: 1px solid #CCCCCC;
   background-color: white;
   text-align: center;
}