body { 
    margin:0px; 
	padding:0px; 
	background:#fff url("images/bg.gif") repeat-x; 
	font:normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height:1.6em; 
	color:#333; 
    }

/* LINKS AND HEADINGS STYLING */

ul {
    padding:0px 10px 0px 30px;
    }

p {
    padding:0px 5px;
    margin:0px:
    }

p.fuel {
    padding:5px 5px 10px 5px;
    }

p.services {
    padding:5px 0px 10px 0px;
    }

p.info {
    padding:5px 10px 0px 10px;
    }
    
a {
    color:#546f92;
    background:inherit;
    }

a:hover {
    color:#808080;
    background:inherit;
    }

table tr td  {
    margin:0px;
    padding:0px;
    height:auto;
    }

hr {
    color:#546f92;
    padding:0px 5px;
    margin:0px 5px;
    }

h1  {
    font:bold 2em "Trebuchet MS", Helvetica, Sans-Serif;
    margin:0px;
    color:#fff;
    background-color:transparent;
    }

h2  {
    font:bold 1.2em "Trebuchet MS", Helvetica, Sans-Serif;
    }

h2.login  {
    font:bold 1.2em "Trebuchet MS", Helvetica, Sans-Serif;
    color:#546f92;
    background:inherit;
    padding:10px 0px 0px 0px;
    margin:0px;
    }

h3 {
    clear:both;
    font-size:1.1em;
    color:#546f92;
    background:#fff url("images/h3bg.gif") no-repeat center left;
    padding:0px 14px;
    margin:0px;
    }

.h6 {
    clear:both;
    font-family:"Trebuchet MS", Helvetica, Sans-Serif;
    font-size:smaller;
    color:#666666;
    padding:0px;
    margin:0px;
    }

.blue {
    color:#546f92;
    background:inherit;
    }

.image {
    float:left;
    border:2px solid #e2e2e2;
    padding:3px;
    margin:0px 10px 0px 0px;
    }
    
.floatleft {
    float:left;
    padding:5px;
    }

/* CONTENT WRAPPER */

#main { 
	width:900px; 
	margin:25px auto 0px auto; 
    }

/* TOP LEFT LOGO */

#logo { 
	float:left; 
	padding:10px 0px 5px 0px; 
    }
	
#logo h1 {
    color:#000;
    background:#fff;
    }

/* TOP RIGHT HORIZONTAL MENU */
	
#menu { 
	float:right; 
	background:#fff url("images/barul.gif") no-repeat bottom right; 
	color:#808080; 
	padding:13px 1px 11px 0px; 
	margin:0px; 
    }

#menu li { 
	padding:14px 18px 14px 18px; 
	color:#444; 
	background:#fff url("images/bar.gif") no-repeat bottom left; 
	display:inline;
	margin-top:5px; 
    }

#menu li.active { 
    background:#fff url("images/baractive.gif") no-repeat bottom left; 
	color:#8d9caf; 
	font-weight:bold; 
	padding:14px 18px 14px 18px; 
	margin:0px 1px 0px 0px; 
	}
	
#menu li a { 
	background:#f8f8f8; 
	color:#808080; 
	text-decoration:none; 
	} 	
	
#menu li a:hover { 
	color:#000; 
	background:#f8f8f8; 
	} 	

/* LEFT INTRO SIDE */	

#intro_left {
	clear:left;
	float:left;
	width:250px;
	background:#8d9caf url("images/leftintrobg.gif") repeat-x;
	color:#e5eaf2;
	margin:0px 0px 1px 0px;
    }
	
#intro_left a {
    color:#fff;
    background:inherit;
    }
	
#intro_left p {
    padding:14px 15px;
    margin:0px;
    }

/* LEFT VERTICAL MENU */
	
#menu_left { 
	float:left;  
	margin:0px 0px 6px 0px; 
	padding:0px 0px 1px 0px; 
	border-bottom:2px solid #e2e2e2; 
	}
		
#menu_left li {
    list-style: none;
    }
		
#menu_left li a { 
	display:block; 
	color:#3f5b7f; 
	background:#c2cede url("images/arrow.gif") no-repeat center left; 
	width:204px; 
	padding:7px 23px 7px 23px; 
	margin:0px 0px 1px 0px; 
	font-weight:bold; 
	text-decoration:none; 
	}	
		
#menu_left li a:hover {
    background:#9eb1c9 url("images/arrow.gif") no-repeat center left;
    color:#fff;
    }

/* RIGHT INTRO SIDE */
	
#intro_right {
    float:right;
	width:340px;
	padding:25px 280px 0px 20px;
	background:#bcceda url("images/intro.jpg") no-repeat;
	color:#547592;
	margin:0px 0px 6px 0px;
	height:174px;
	border:2px solid #e2e2e2;
    }
	
#intro_right h1 {
    margin:0px 0px 20px 0px;
    }
	
#intro_right .white {
    color:#fff;
    background-color:transparent;
    }
	
/* LEFT SIDE */
	
#left {
    float:left;
	width:250px;
}

.box {
	padding:0px 10px 16px 10px;
	border:1px solid #ccc;
	margin:0px 0px 5px 0px;
	min-height:228px;
	}
	
.note {
	padding:0px 10px;
	border:1px solid #cfcb66;
	height:175px;
	margin:0px 0px 5px 0px;
	background:#ffffad url("images/vtdlogin1.png") no-repeat;
	color:#585616;
	}

/* RIGHT SIDE */

#right {
	float:right;
	width:643px;
    }
	
.leftcol { 
	float:left; 
	padding:12px 10px 5px 10px;
	width:621px; 
	border:#ccc 1px solid;
	text-align:left;
	margin:0px 0px 5px 0px;
	}
	
p.left {
    padding:10px 0px 0px 0px;
    margin:0px;
    }

.rightcol { 
	float:right; 
	padding:12px 15px 0px 15px;
	width:285px; 
	border:#ccc 1px solid;
	margin:0px 0px 5px 0px;
	}
.special {
	clear:both;
	margin:0px 0px 5px 0px;	
	padding:0px 10px;
	border:1px solid #ccc;
	background:#eee;
	color:#444;
	}
	
.content {
    float:left;
    background:#eee; 
	padding:0px 5px 0px 0px;
	width:893px; 
	border:1px solid #ccc;
	text-align:left;
	font-size:small;
	margin:0px;
	color:#444;
	}

/* FOOTER */

#footer {
    clear:both;
    padding:0px;
    margin:0px;
    border-top:1px solid #ccc;
    }