body
{    
    font-size: 12px;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #464646;
}

a:link
{
    color: #464646;
    text-decoration: none ;
}
a:visited
{
    color: #464646;
    text-decoration: none ;
}
a:hover
{
    color: #ff0000;
    text-decoration:underline;
}
a:active
{
    color: #464646;
}
img{border:0}
p, ul
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align:center;
}
h2
{
    margin:0;
    /*padding: 0 0 10px 0;*/

}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
    background:url(../images/attachment.gif) no-repeat;
    padding-left:18px;
}
h5, h6
{
    font-size: 1em;
}
.bottomline{border-bottom: 1px solid #D7D5AE;padding-bottom:2px}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    color:#464646;
}

#header
{
    position: relative;
    margin: 0px;
    color: #464646;
    padding: 0 0 0 299px;
    background:url(../images/logo.jpg) no-repeat;
    height:101px;
}

p#logo, h1#logo
{
    font-weight: bold;
    font-size: 24px !important;
    padding: 10px 0;
    margin: 0;
    color: #FFF;
    border: none;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

#logo a
{
    color: #FFF;
    text-decoration: none;
    font-size: 24px !important;
}
#logo span{
    font-size:13px;margin-left:30px;
}

#mainContent
{
    padding: 10px 0;
    background-color: #FFF;
   
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

.columnsContainer
{
    position: relative;
}

.leftColumn
{
    width: 20%;
    margin-right: 1%;
    float: left;
}

.rightColumn
{
    float: right;
    width: 78%;
}
.rightColumn h2
{
    border-bottom:1px solid #D7D5AE;
    font-size:14px;
    margin-bottom:5px;
    }
#footer
{
    color: #999;
    padding: 5px 0 0 0;
    border-top: 1px solid #D7D5AE;
    text-align: center;
    line-height: normal;
}

#footer p
{
    padding: 5px 0;
    margin: 0;
}
#spanlogin{
display:block;height:30px;text-align:right;margin-right:15px;
}
/* MAIN MENU   
----------------------------------------------------------*/
#divMenu
{
    float:left;
    width:689px;
    height:101px;
    background:url(../images/header-bg.gif);
    /*text-align:right;*/
    z-index:999;
    }
#divMenu .span
{
   display:block;  
   margin:5px 5px 5px 285px;
   _margin:5px 5px 5px 278px;
   height:25px;
    }
    
 #divMenu .img
 {
    width:49px;
    border:0; line-height:20px; height:20px; font-size:1px;   
    vertical-align:top;cursor:pointer;
    background:url(../images/header-search.gif);
    float:left;
}

#header-inputsearch
{
    border:0; 
    background:url(../images/header-inputsearch.gif) no-repeat;
    width:200px; height:20px; 
    padding:3px 0 0 6px; color:#ccc;
    font-size:12px;
    float:left;
}
    

.Nav {float:left;width:20px;}
.Nav ul{list-style:none;margin:0;padding:0;}
.Nav li{ float:left;display:block;position:relative;background:url(../images/down.gif) no-repeat left top;height:25px;line-height:25px;width:25px;margin:0;z-index:999}
.Nav a{float:left;display:block;position:relative;line-height:20px;font-size:13px;text-decoration:none;padding:0;}
.Nav li a:hover{color:#000;background:#FFF; }
.Nav li div {display:none;border:1px solid #D7D5AE;z-index:999;text-align:center;}
.Nav li div a{width:45px;}
.Nav li:hover div, .Nav a:hover div {display:block;position:absolute;top:20px;left:-48px;background:#FFF;}
.Nav li:hover div a, .Nav a:hover div a {padding:0 10px;float:none;background-image:url(../images/main-title-bg.gif);background-position:-10px 0;color:#464646;line-height:20px;height:20px;}
.Nav li:hover div a:hover, .Nav a:hover div a:hover {background:#3561CC;color:#FFF;line-height:20px;height:20px;display:block;}

.navright{display:block;width:auto;float:left;margin:2px 5px;z-index:1001;} 
    
#divcorner
{
    float:left;
    width:12px;height:101px;
    background:url(../images/header-corner.gif) bottom no-repeat;
    }
ul#mainMenu
{
    padding: 0;
    position: relative;
    margin: 0;
    text-align: right;
    bottom:0px;
}

ul#mainMenu li
{
    display: inline;
    list-style: none;
}

ul#mainMenu li a
{
    padding: 8px 15px;  
    text-decoration: none;
    color: #464646;
    font-size:13px;    
}

ul#mainMenu li a:hover
{
    background: url(../images/header-btn-bg.gif);
    text-decoration: none;
}

ul#mainMenu li a:active
{
    text-decoration: none;
}

ul#mainMenu li.selected a
{
    background: url(../images/header-btn-bg.gif);
    color: #464646;
}


/* SIDE COLUMN LINKS & HEADINGS  
----------------------------------------------------------*/
.leftColumn ul, .dleft ul
{
    margin: 0 0 5px 0;
    padding: 0 0 10px 0;
    border-right: 1px solid #D7D5AE;
    border-left: 1px solid #D7D5AE;
    border-bottom: 1px solid #D7D5AE;
}

.leftColumn ul li,.dleft ul li
{
    list-style: none;
    margin-top: 0px;
    line-height: normal;
    
}

.leftColumn ul li a
{
    list-style: none;
    padding:5px 5px 5px 20px;
   
    line-height: normal;
    display: block;
    text-decoration: none;
   
    font-size: .9em;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

.leftColumn ul li a:hover,.dleft ul li a:hover
{
    text-decoration: none;
    background: url(../images/header-btn-bg.gif);
}

.leftColumn ul li a:active
{
    text-decoration: none;
    background-color: #a6e2a6;
    border-color: #a6e2a6;
    color: #FFF;
}

.leftColumn h2,.dleft h2
{
    border-top: 1px solid #D7D5AE;
    border-left: 1px solid #D7D5AE;
    border-right: 1px solid #D7D5AE;
    background:url(../images/main-title-bg.gif);
    color:#464646;
    padding:7px 0px 7px 10px;
    *padding:6px 0px 7px 10px;
    font-size:14px!important
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}


/* Page List
--------------------------------------------------------------*/
    .pagelist {width:100%; margin:auto auto; padding:6px 0px; height:20px;}
    .pagelist ul { list-style:none;}
    .pagelist ul li { float:left; height:20px; line-height:20px; margin:0px 1px;}
    .pagelist ul li a, .pageinfo { display:block; padding:0px 6px; border:#D7D5AE 1px solid;}
    .pagelist ul li a:hover { background-image:none; background-color:#FFF0E1; color:#ff6500}
    .pagelist ul li a:active {background-image:none;background-color:#ffc794;}
    .pageinfo  { color:#555;}
    .pagego{padding:0;border:#D7D5AE 1px solid;}
    .current { border:#D7D5AE 1px solid; display:block; padding:0px 6px; font-weight:bold;color:red;}

/*Replay Content
----------------------------------------------------------*/
.repcontent{text-indent:26px;margin:5px;border-bottom:1px dashed #D7D5AE;padding-bottom:5px}

/*Login
---------------------------------------------------------*/

.Login{margin:30px auto;width:280px;padding:10px;border:1px solid #D7D5AE;background:url(../images/main-title-bg.gif) no-repeat;line-height:30px;}
.Login input{height:15px;width:150px;margin-top:5px;border:1px solid #D7D5AE;}
.Login .btnlogin{height:25px;width:67px;padding-top:2px;border:0;background:url(../images/bd-1.gif)/**/}
.Login .loginbtn{border:0;width:60px;height:26px;background:url(../images/button.gif);}
.Login .center{margin-top:-10px;padding:0;font-size:13px;font-weight:bold}

/*
.tableList
------------------------------------------------------*/
.tableList{background:#D7D5AE;}
.tableList th{background-image:url(../images/main-title-bg.gif);background-position:-10px 0;height:25px;}
.tableList td{background:#fff;}

.read
{
    background:url(../images/read.gif) no-repeat;
    padding:3px 0 0 18px;
    }


.comment
{
     background:url(../images/album_edit.gif) no-repeat;
    padding:3px 0 0 18px;
    }
.total
{
     background:url(../images/pollsmall.gif) no-repeat;
    padding:3px 0 0 18px;
    }
    .author
{
     background:url(../images/member.gif) 2px no-repeat;
    padding:3px 0 0 20px;
    }
    .time{
     background:url(../images/time.gif) 2px 5px no-repeat;
    padding:3px 0 0 18px;
    }
    .titledetail{text-align:right;margin:10px;}
    
   /*replays*/
.reps
{
       margin:0 30px;
       line-height:40px;
}
.border{border:1px solid #D7D5AE;padding:2px 0}
.reps input,textarea{border:1px solid #D7D5AE;width:350px; overflow:hidden;}
.reps textarea
{
    overflow:hidden;
    height:60px;
}
.reps span
{
    margin:0 100px;
    }
.reps .btn
{
    border:0;height:25px;width:70px;padding-top:2px;background:url(../images/bd-2.gif);
    margin-top:10px;
}

.msg
{
    border:1px solid #C5C49F;
    background:#ff9;
    padding:20px;
    margin:0 auto;
    color:#f00;
}

ul.artlist
{
    list-style:none;
    }
    ul.artlist li
    {
        list-style:none;
        background:url(../images/arrow_right.gif) 0 6px no-repeat;
        padding-left:10px;
        margin:3px;
        }
        
        .labels{
            line-height:30px;
        }
        .labels a{
            display:block;float:left;
            margin:5px;
        }
        
        /*project*/
.projlist{text-align:left;padding:0;margin-bottom:15px;line-height:20px;}
.pic{width:120px;height:100px;float: left;border: 1px solid #cccccc;margin:5px;}
.plus{font: 0px/0px sans-serif;clear: both;display: block;}

.reg{
 margin:30px 0 0 50px;
 line-height:60px;
}
.reg div{width:300px;text-align:center}
.reg div input{margin-right:50px;}
.reg div a{color: #369;text-decoration: underline ;}

.bcontent{
    margin:10px 0 0 10px; 
}
.userhead{width:100px;height:100px;border:1px solid #ccc;}
a.nblue{text-decoration:underline;color:#369;}