/* CSS Document */

body {
	background-color:#5b7f8f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align:justify;
	color: #044663;
	height:100%;
	width:100%;
}

#container {
	width:763px; 
	margin:auto;
	padding:0;
}

#pageContent { 
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	margin-left:1px;
	background-image:url(img/topgradient.jpg); 
	background-repeat:no-repeat;
	background-position:top;
}

#topNavigation {
	background-image:url(img/menubacnew_r1_c8.jpg); 
	background-position:top left; 
	background-repeat:repeat-x;
	height:21px;
	margin-left:1px;
	color:#FFFFFF;
	padding-left:5px;
}

#rightContent { 
	width:230px; float:right;
}

#leftContent {
	margin:0;
	width:450px;
	padding:25px;
}

#topHeader {
	margin:0; 
	padding:0;
	background-image:url(img/topbar.jpg); 
	background-position:top; 
	background-repeat:no-repeat;
	height:83px;
}
#topHeader H1 { 
	padding-left:500px;
	font-size:14px;
	padding-top:22px;
}

h2 { 
	font-size:14px;
}

#clock { 
	float:right; width:270px;
	font-size:11px; 
	color:#5b7f8f;
	padding-top:1px;
}

#footer { 
	background-position:top; 
	background-image:url(img/bottombar.gif); 
	height:38px; padding-top:10px; 
	padding-left:30px; 
	background-repeat:no-repeat;
	
}
#footer a { 
	font-size:11px; 
	color:#5b7f8f; 
}


#topNav {
	list-style					: none;
	width						: 498px;
	height						: 21px;
	margin						: 0; /* allow some space for the green stroke */
	overflow					: hidden;
}

#topNav li {
	background-image			: url(img/top-navigation.gif);
	background-repeat			: no-repeat;
	background-position			: left;
	float						: left;
}

#topNav a {
	background-image			: url(img/top-navigation.gif);
	background-repeat			: no-repeat;
	background-position			: left;
	display						: block;
	height						: 21px;
	text-indent					: -9999px;
	overflow					: hidden;
}

#LIhome a, #topNav #LIhome { width: 55px; background-position: 0 0; }
#LIcourier a, #topNav #LIcourier { width: 116px; background-position: -55px 0; }
#LIcompany a, #topNav #LIcompany { width: 121px; background-position: -171px 0;}
#LItariffs a, #topNav #LItariffs { width: 64px; background-position: -292px 0;}
#LIorder a, #topNav #LIorder { width: 58px;	background-position: -356px 0;}
#LIcontact a, #topNav #LIcontact { width: 83px; background-position: -414px 0;}


/* top navigation hover */
#LIhome a:hover { background-position: 0 -21px; }
#LIcourier a:hover { background-position: -55px -21px; }
#LIcompany a:hover { background-position: -171px -21px; }
#LItariffs a:hover { background-position: -292px -21px; }
#LIorder a:hover { background-position: -356px -21px; }
#LIcontact a:hover { background-position: -414px -21px; }


/* top navigation active */
.LIhomeActive #LIhome a { background-position: 0 -42px; }
.LIcourierActive #LIcourier a { background-position: -55px -42px; }
.LIcompanyActive #LIcompany a { background-position: -171px -42px; }
.LItariffsActive #LItariffs a { background-position: -292px -42px; }
.LIorderActive #LIorder a { background-position: -356px -42px; }
.LIcontactActive #LIcontact a { background-position: -414px -42px; }