/* CSS Document */

<!--
/* CSS Tabs */
#navlist {
        color: white;
        background: #0099FF;
        border-bottom: 0.2em solid #0099FF;
        border-right: 0.2em solid #0099FF;
        padding: 0 1px;
        margin-left: 15px;
        width: 16em;
        font: normal 11px Verdana, sans-serif;
}

#navlist li {
        list-style: none;
        margin: 0;
        font-size: 1em;
}

#navlist a {
        display: block;
        text-decoration: none;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        color: white;
        background: #39c;
        border-width: 1px;
        border-style: solid;
        border-color: #5bd #035 #068 #6cf;
        border-left: 1em solid #fc0;
        padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current { border-color: #069 #6cf #5bd #fc0; }

#navlist a {
        width: 99%;
        /* only necessary for Internet Explorer */
}

#navlist a {
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 9.6em;
        /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a {
        width: auto;
        /* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover {
        background: #066ABB;
        border-color: #5bd #035 #068 #f30;
        padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active {
        background: #0099FF;
        border-color: #069 #6cf #5bd white;
        padding: 0.4em 0.35em 0.25em 0.9em;
}
-->



/* ----------------- top navigation start --------------------- */
#topNav{
    width:728px; position:relative;
    margin:0 auto; padding:8px 0 0 220px;}
#topNav img{
    border:none; float:left; margin:0 34px 0 0;}
#topNav ul{
    background:url(images/top_ul_bg.gif) no-repeat 0 8px;
    width:503px; height:23px; padding:8px 0 0 8px; margin:0 0 0 217px;}
#topNav ul li{
     color:#0B0B0B; float:left;
    font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#topNav ul li a{
     color:#0B0B0B;
    font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform:uppercase; text-align:center; text-decoration:none;
    width:80px; height:23px; display:block;}
#topNav ul li a.hover{
    background:url(images/top_btn_h.gif) no-repeat 0 0 #E1DBC7; color:#FFFFFF;
    font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform:uppercase; text-align:center; text-decoration:none;
    width:80px; height:23px; display:block;}
#topNav ul li a:hover{
    background:url(images/top_btn_h.gif) no-repeat 0 0 #E1DBC7; color:#FFFFFF;
    font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform:uppercase; text-align:center; text-decoration:none;
    width:80px; height:23px; display:block;}

/* ----------------- top navigation end --------------------- */

#bodyPannel{
    
    width:200px; padding:0 15px; float:left;}
#bodyPannel form.search{
    background-color:#FFFFFF; color:#000000; border:#ECE8DB 1px solid;
    width:170px; padding:1px 7px 17px 7px; float:left;}
#bodyPannel form.search h2{
    background:url(images/search_h2_bg.gif) no-repeat 0 0 #FFFFFF; color:#786E4E;
    width:150px; padding:0 0 2px 35px; float:left;
    font:normal 16px/42px Georgia, "Times New Roman", Times, serif;}
#bodyPannel form.search h2 span{
    background-color:#FFFFFF; color:#0B0B0B;
    font:normal 16px/42px Georgia, "Times New Roman", Times, serif;}
#bodyPannel form.search label{
    background-color:#FFFFFF; color:#0B0B0B; margin:0 0 3px 0; float:left;
    font:bold 10px/20px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#bodyPannel form.search input{
    background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
    width:120px; height:16px; padding:2px; margin:0 0 8px 0; float:right;
    font:normal 10px/16px Arial, Helvetica, sans-serif;}
#bodyPannel form.search p{
    background-color:#FFFFFF; color:#CC0000; float:left; margin:6px 0 0 0;
    font:normal 10px/12px Arial, Helvetica, sans-serif;}
#bodyPannel form.search input.check{
    background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
    width:12px; height:12px; float:left; margin:6px 0 0 5px;}
#bodyPannel form.search input.submit{
    background:url(images/submit_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
    width:60px; height:13px; float:right; margin:6px 0 0 0; padding:0 0px 0 0; cursor:pointer;
    font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}




/*-------------content start--------*/
/*#main{width:400px;


 }
 #main p{font-size:1em; margin-left:20px; margin-right:20px;} 
 #main ul{font-size:1em; margin-left:10px;}
 #main h2{color:#3399FF; font-size:1.2em;}*/

#cp{padding:10px    }
/*-------------content end--------*/


/* ads */
 #ads{float:left; width:190px; margin-top:10px; vertical-align:top;}
 #ads a{ margin:5px;}
 .red{width:260px; float:left; height:200px; margin:15px; padding:10px;}
 .red h2{color:#FFFFFF; font-size:1.1em; text-align:center; padding:0 0 5px 0;}
 .box{width:220px; margin:0 auto; height:50px; background:#FFFFFF; padding:5px; text-align:center;}
 
.pic{border:1px solid #666666;}
 .ptext{height:80px;  width:220px;  background:#FFFFFF; margin:5px auto; padding:5px; position:relative;}
 .ptext p{position:absolute; top:10px; right:5px; width:80px; font-size:0.8em;}
 
 
 
 
 #call{background:url(images/request.gif) bottom center no-repeat; height:190px; font-size:1em; color:#333333;}
 input{ margin:10px,0,2px,0;}
 .right{float:right;}
 .left{float:left; padding:10px;}
 
 .bl{background:url(images/bottomleft.gif) 0 100% no-repeat #CCCCCC; width:100% }
 .br{background:url(images/bottomright.gif) 100% 100% no-repeat;}
 .tl{background:url(images/topleft.gif) 0 0 no-repeat;}
 .tr{background:url(images/topright.gif) 100% 0 no-repeat;padding:15px; _padding:10px; margin-bottom:5px;}
 

 
 .blR{background:url(images/bottomleft_red.gif) 0 100% no-repeat #FF0000;; width:260px; }
 .brR{background:url(images/bottomright_red.gif) 100% 100% no-repeat;}
 .tlR{background:url(images/topleft_red.gif) 0 0 no-repeat;}
 .trR{background:url(images/topright_red.gif) 100% 0 no-repeat;padding:15px;}
 
 #extra{width:300px; text-align:center; font-size:0.9em; color:#333333;}
 
 #list{margin:20px 0 0 50px; width:350px; float:left;}
 #list ul{margin-left:1.5em;font-size:0.8em;}
 #list h2{text-align:center;color:#3399FF;}
 .errormsg{color:#FF0000; font-weight:bold;font-size:0.8em;}
/*-------------ads end--------*/
 .right{float:right;}
.p1{


}

.p1 h2{
color:#666666; 
font:Verdana, Arial, Helvetica, sans-serif; 
font-weight:bolder; 
font-size:18px;
text-transform:capitalize

}



.p1 p{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;

}



#h2{
color:#666666; 
font:Verdana, Arial, Helvetica, sans-serif; 
font-weight:bolder; 
font-size:15px

}



#p{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;

}




#con  {
        color: black;
}



#con a {
        text-decoration: none;
         color: #0889f1 ;
}


#con a:hover{
text-decoration: none;
  color:red;
}

#con a:active{
text-decoration: none;
    color:lightblue;
}





.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>