/* CSS Document */

/*--------------------------[ main drop down menu styles ]--------------------------*/
body {behavior: url(../scripts/csshover.htc);}
div#listmenu {
	width: 100%;
	background-color: #E0E8E9;
	float: left;
	font-size: 10px;
	font-family: arial, verdana, helvetica, sans;
	font-weight: bold;
	}
div#listmenu ul {
    margin: 0px; padding: 0px;
	}
div#listmenu li {
    float: left;
	position: relative;
	list-style-type: none;
	background-color: #E0E8E9;
	width: 150px;
	}
div#listmenu li:hover { 
	background-position: 0px -20px;
	}			
div#listmenu a {
    display: block;
    text-decoration: none;
	color: #2D3D4A;
	}
div#listmenu a:hover { 
	background-position: 0px -20px;
	color: #2C7FC1;
	}
div#listmenu ul li ul a {
	display: block;
	text-decoration: none;
	color: #2D3D4A;
	padding: 0px;
	}
div#listmenu ul li ul li a {
	display: block;
	width: 136px;
	text-decoration: none;
	color: #2D3D4A;
	margin: 0px;
	padding: 4px 6px 4px 6px;
    border-bottom: 1px solid #C2C2C2;
	}
* html div#listmenu ul {
    float: left;
	}	
div#listmenu ul li ul {
    margin: 0px;
	position: absolute;
	width: 150px;
	left: 0px;
    border-bottom: 4px solid #3D5965;
	z-index:10;
	}
div#listmenu ul li ul li {
	width: 148px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #3D5965;
	border-left: 1px solid #3D5965;
	}
div#listmenu ul li ul {display: none;}
div#listmenu ul li:hover ul, div#listmenu ul li ul:hover {display: block;}

.button {
    width: 150px;
	height: 20px;
	top: 0px;
	Left: 0px;
	}
.about {
    width: 150px;
	height: 20px;
	display: block;
	padding: 0px;
	background: url("../images/button_aboutroll.gif") 0px 0px no-repeat #000;
	}
.news {
    width: 150px;
	height: 20px;
	display: block;
	padding: 0px;
	background: url("../images/button_newsroll.gif") 0px 0px no-repeat #000;
	}
.service {
    width: 150px;
	height: 20px;
	display: block;
	padding: 0px;
	background: url("../images/button_serviceroll.gif") 0px 0px no-repeat #000;
	}
.category {
    width: 150px;
	height: 20px;
	display: block;
	padding: 0px;
	background: url("../images/button_categoryroll.gif") 0px 0px no-repeat #000;
	}
.timing {
    width: 150px;
	height: 20px;
	display: block;
	padding: 0px;
	background: url("../images/button_timingroll.gif") 0px 0px no-repeat #000;
	}
.listmenusubhead {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	display: block;
	background-color: #5498BF;
	padding: 4px 6px 4px 6px;
}

/*--------------------------[ pelco links menu styles ]--------------------------*/
#pageheader {
	width: 750px;
	height: 89px;
	margin: 0px 0px 0px 0px !important; margin: -2px 0px 0px 0px;
	padding: 0px;
	clear: both;
	z-index:3;
	border: 0;
	}
div#pelcolinksmenu {
	width: 750px;
	background-color: #E0E8E9;
	float: left;
	font-size: 10px;
	font-family: arial, verdana, helvetica, sans;
	font-weight: bold;
	border: 0;
	}
div#pelcolinksmenu ul {
    margin: 0px; padding: 0px;
	background-color: #E0E8E9;
	}
div#pelcolinksmenu li {
    float: left;
	position: relative;
	list-style-type: none;
	}
div#pelcolinksmenu li:hover { 
	background-position: 0px -31px;
	}			
div#pelcolinksmenu a {
    display: block;
    text-decoration: none;
	color: #2D3D4A;
	}
div#pelcolinksmenu a:hover { 
	background-position: 0px -31px;
	color: #2C7FC1;
	}
div#pelcolinksmenu ul li ul a {
	display: block;
	text-decoration: none;
	color: #2D3D4A;
	padding: 0px;
	}
div#pelcolinksmenu ul li ul li a {
	display: block;
	width: 88px;
	text-decoration: none;
	color: #2D3D4A;
	margin: 0px;
	padding: 4px 6px 4px 6px;
	}
* html div#pelcolinksmenu ul {
    float: left;
	}	
div#pelcolinksmenu ul li ul {
    margin: 0px;
	position: absolute;
	width: 100px;
	left: -24px;
    border-bottom: 4px solid #3D5965;
	z-index:9;
	}
div#pelcolinksmenu ul li ul li {
	width: 98px;
	margin: 0px;
	padding: 0px;
    border-bottom: 1px solid #C2C2C2;
	border-right: 1px solid #3D5965;
	border-left: 1px solid #3D5965;
	}
div#pelcolinksmenu ul li ul {display: none;}
div#pelcolinksmenu ul li:hover ul, div#listmenu ul li ul:hover {display: block;}

.linksbutton {
	height: 31px;
	top: 0px;
	Left: 0px;
	}
.quickhome {
    width: 65px;
	height: 31px;
	display: block;
	padding: 0px;
	background: url("../images/button_homeroll.gif") 0px 0px no-repeat #000;
	border: 0;
	}
.quicksitemap {
    width: 86px;
	height: 31px;
	display: block;
	padding: 0px;
	background: url("../images/button_sitemaproll.gif") 0px 0px no-repeat #000;
	border: 0;
	}
.quicklinks {
    width: 75px;
	height: 31px;
	display: block;
	padding: 0px;
	background: url("../images/button_linksroll.gif") 0px 0px no-repeat #000;
	border: 0;
	}
.clearfix {
    clear: both;
	}