/* ***main style*** */

html,body {
margin:0;
padding:0;
background-color : #333333;
font-family: Arial, Verdana, Sans-serif;
font-size : 12px;
height:100%;
}

h1 {
font-size : 16px;
}

h2 {
font-size : 14px;
}

p {
font-size : 12px;
}

small {
}

a {
color : #888888;
font-family : sans-serif;
text-decoration : none;
cursor : pointer;
}

a:hover {
font-family : sans-serif;
text-decoration : underline;
}

/* ***layout*** */

#wrap {
width : 760px;
min-height : 100%;
margin : 0 auto;
padding : 0;
}



#head {
font-size : 12px;
font-family : sans-serif;
text-decoration : none;
width : 760px;
height : 120px;
margin : 0;
padding : 0;
background : url(headbg.png) no-repeat;
}

#topbar {
text-align : right;
font-size : 12px;
font-family : sans-serif;
width : 750px;
height : 30px;
margin : 0px 5px;
padding : 0;
background : url('topbar.png') repeat-x;
}

#topbar a {
color : #333333;
text-decoration : none;
display : inline;
margin-right : 8px;
cursor : pointer;
}

#topbar a:hover {
display : inline;
margin-right : 8px;
color : #444444;
cursor : pointer;
}

#logo {
position : relative;
float : left;
top : 30px;
left : 20px;
height : 40px;
width : 300px;
text-align : left;
}

#nav {
position : relative;
float : right;
top : 45px;
right : 20px;
/*height : 20px;
width : 350px;*/
text-align : right;
/*background : url('navbg2.png') repeat-x;*/

}

#nav img {
display : inline;
border: 0px;
margin: 0px 4px 0px 4px;
color: #000000 !important ;
}

#nav:hover {
border-bottom: 2px solid #FFFFFF;
}

#nav a:hover {
border-bottom: 2px solid #888888;
}


#content_top {
width : 760px;
height : 20px;
margin-top : 0px;
background : url('conbgtop.png') no-repeat;
}

#content {
color : #ffffff;
font-size : 14px;
font-family: sans-serif;
text-decoration : none;
width : 720px;
min-height : 100%;
margin: 0px;
padding: 10px 20px;
background : url('conbg.png') repeat-y;
}

#content_bottom {
width : 760px;
height : 20px;
margin : 0;
padding : 0;
background : url('conbgbot.png') no-repeat;
}

.inner {
border : solid #ffffff;
border-width : 1px 0;
margin : 0;
padding : 5px 10px;
}

#footer {
padding : 0;
font-size : 10px;
text-align : right;
margin-top : 10px;
}

.edit {
padding : 0;
text-align : right;
margin-top : 0px;
font-size : 12px;
}

.edit a {
display : inline;
padding-left : 4px;
}

.dir {
color: #ffffff;
border: #ffffff 1px solid;
background: #333333 url(.gif) repeat-x top;
margin: 20px 0px 20px 0px;
padding: 12px 10px 12px 10px;

}

/* ***contact*** */

.contact_wrap{
display:block;
padding-bottom : 285px;
margin : 0px;
}

.contact_l{
float : left;
padding : 0px;
margin : 0px;
}

.contact_r{
float : right;
padding : 0px;
margin : 0px;
}


/* ***login*** */

.login_wrap {
width : 300px;
padding : 0;
margin : 0px;
}

.login_l{
display:block;
padding : 0;
font-size : 12px;
text-align : left;
margin : 2px;
}

.login_r{
display:block;
padding : 0;
font-size : 12px;
text-align : left;
margin : 2px;
}

.login_wrap input {
color: #ffffff;
border: #ffffff 1px solid;
background: #333333 url(.gif) repeat-x top;

}

.login_wrap textarea {
color: #ffffff;
border: #ffffff 1px solid;
background: #333333 url(.gif) repeat-x top;

}

.login_wrap input[type=checkbox] {
color: #ffffff;
border: #ffffff 1px solid;
background: #333333 url(.gif) repeat-x top;

}

input {
color: #ffffff;
border: #ffffff 1px solid;
background: #333333 url(.gif) repeat-x top;
}

textarea {
color: #ffffff;
border: #ffffff 1px solid;
background: #333333 url(.gif) repeat-x top;

}

input[type=select] {
color: #ffffff;
border: #ffffff 1px solid;
background: #333333 url(.gif) repeat-x top;
}

input[type=checkbox] {
color: #ffffff;
border: #ffffff 1px solid;
background: #333333 url(.gif) repeat-x top;

}

/* ***info*** */


a.info{
font-size : 11px;
position:relative; /*this is the key*/
z-index:24;
text-decoration:none;
margin-left:4px;
}

a.info:hover{
z-index:25; background-color:#333333;
}

a.info span{
display: none
}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:0px; left:0px;
width:150px;
border: #ffffff 1px solid;
background-color:#333333;
color:#ffffff;
text-align: center;
}