{margin:0;padding:0;}

body{
margin:0;
font-family:Veranda, arial, sans-serif;
background:#c0c0ff url(images/main_bg.jpg) repeat-x;
}

td{vertical-align:top;}
td.cntr{text-align:center}

hr{
border-color:#fff;
}

a:hover{
text-decoration:underline;
}

input{
margin:2px;
}

.button{
background-color:#e3e3e3;
border:1px solid #000;
padding:1px 8px 1px 8px;
}

.button:hover{
background-color:#f3f3f3;
}

.button:active{
background-color:#fff;
}

img{margin:0;padding:0;}

/*---------[Header]-------------*/

.header{
height:130px;
line-height:100%;
margin:2px;
margin-right:20px;
}

.header a, .header a:visited, .main a, .main a:visited{
color:blue;
padding:0 2px 0 2px;
text-decoration:none;
}

.header a:hover, .main a:hover{
text-decoration:underline;
}


/*-----------Main Menu------------*/

#menu{
height:26px;
width:650px;
margin:0 0 0 -5px;
list-style:none;
position:absolute;
z-index:30;
background-color:#e3e3e3;
border-bottom:1px solid #000;
line-height:19px;
}

#menu li{
float:left;
}

#menu li a, .menu li a:visited{
display:block;
color:#000;
padding:3px 10px 3px 10px;
text-decoration:none;
text-align:center;
font-weight:bold;
}

#menu li a:hover{
color:#fff;
background-color:#666;
}

#menu div{
position:absolute;
visibility:hidden;
background:#fff;
border:1px solid #000;
}

#menu div a, .menu div a:visited{
position:relative;
display:block;
width:auto;
white-space:nowrap;
font-weight:normal;
text-align:left;
background:#fff;
}

#menu div a:hover{
color:#fff;
background:#666;
}

.mena{
height:26px;
background-color:#e3e3e3;
margin:0 -10px 0 -10px;
border-bottom:1px solid #000;
}

/*------------------[Left]---------------*/

#laft{
float:left;
width:130px;
height:100%;
}

.left{
float:left;
clear:left;
margin-left:5px;
margin-bottom:5px;
padding:5px;
width:130px;
border:1px solid #000;
background-color:#FFFFFF;
}

.left a, .left a:visited {
display:block; 
text-decoration:none;
text-align:left;
color:#000;
background-color:#fff;
padding:2px;
margin:0 -5px 0 -5px;
}

.left a:hover{
color:#fff;
background-color:#666;
}

/*------------------[Right]---------------*/

.right{
float:left;
clear:left;
margin-left:5px;
margin-bottom:5px;
padding:5px;
width:130px;
border:1px solid #000;
background-color:#FFFFFF;
}


/*------------------[Main]------------*/

.container{
margin:0;
padding:0;
min-width:810px;
background:#fff url('images/vbg_grad.JPG') repeat-y right;
z-index:1;
}

.main{
margin-left:150px;
margin-right:20px;
padding:0 10px 10px 10px;
border:1px solid #000;
background:#fff;
min-width:675px;
border:1px solid #000;
}

.subheader{
color:#000;
line-height:25px;
margin:-5px -5px 0 -5px;
padding:0 5px 0 5px;
display:block;
background-color:#e3e3e3;
border-bottom:1px solid #000;
}


.hbg{
margin-left:145px;
height:10px;
background:#e3e3e3 url('images/hbg_grad.JPG') repeat-x;
}

/*---------------[Footer]------------------*/

.footer{
margin:5px;
text-align:center;
font-size:12px;
}

/*----------------[Fonts]-----------------------*/

.centered{text-align:center;}

h3{margin:0;}
h3.red{color:#FF0000;}

h4{margin:0;}
h4.red{color:#FF0000;}
h4.black{color:#000000;}

.title{
font-size:1.5em;
line-height:1em;
}



/*----------------[Lists]-----------------------*/

ul.front{
padding:5px;
}

/*----------------[Tables]-----------------------*/
td.fire{
background:#ffc8c8 url(images/bg13.jpg) right top no-repeat;
border:1px solid #ff0000;
}

td.security{
background:#ccbcde url(images/swipe.jpg) right top no-repeat;
border:1px solid #b06cfc;
}

td.network{
background:#cce5ff;
border:1px solid #007dff;
}

td.electric{
background:#ffffb9;
border:1px solid #ffff00;
}