body {

    font:12px Tahoma, Helvetica, arial, verdana, sans-serif; color: #666666;

    line-height: 18px;

    background:#1d1e19 url(../images/background.jpg) 0 0 repeat-x;

    padding:0px;

    margin:0px;

}

a {color: #e4e5e5;text-decoration: none;font-weight: bold;}

a:visited {color:#e4e5e5;text-decoration: none;}

a:hover {color: #e4e5e5;text-decoration: underline;}

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



h1 {

    font:20px Tahoma, Helvetica, arial, verdana, sans-serif; color: #54849b;

    font-weight: normal;

    padding: 0px 0px 15px 0px;

    margin:0px;}



h3 {

    font:22px Tahoma, Helvetica, arial, verdana, sans-serif; color: #cc3300;

    font-weight: normal;

    padding: 0px 0px 15px 0px;

    margin:0px;}



h4 {

    font:13px arial, verdana, Helvetica, sans-serif; color: #cc3300;

    font-weight: bold;

    padding: 0px;

    margin:0px;}



img.download {vertical-align:middle;}



ul {

    list-style:none;

    margin: 0;

    padding: 0;

}



img {

    border: none;

} 





.clear {

    clear: both;

}



/* ----------header-------------- */

#header {

    width: 980px;

    margin:0 auto;

    height:90px;

    padding:0;

}

#admin{

    width:188px;

    height:32px;

    padding:0;

    margin:0;

}	

.topnav 

{

    float: right;

    margin: 13px 0 0px 0px;

    padding: 0px;

    color:#e4e5e5;

    font: "Times New Roman", Times, serif;

    font-family:"Times New Roman", Times, serif;

    font-size:13px;

    font-weight:bold;

}



.clear{

    clear:both;

} 	 	 	  

/* -----------------nav--------------------- */



.nav {
    float: left;
    margin: 0px;
    padding: 0 0 0 30px;
    text-align:center;
    min-width: 45px;
}

.nav a{

    color:#e4e5e5;

    text-decoration:none;

}	

.nav-text {

    margin: 0px;

    padding: 0 0 5px 0;

    text-align:center;

}

.nav-text a{

    color:#e4e5e5;

    text-decoration:none;

}

.nav-text a:hover{

    color: #66CC66;

    text-decoration:none;

}		

.nav-icon{

    text-align:center;

    margin:0;

    padding:0;

}



/* -----------------content--------------------- */

#content-wrapper{

    margin:0 auto;

    padding:0;

    background:url(../images/center-back.gif) 0 0;

}

#content{

    margin:0 auto;

    padding:0;

    background:url(../images/center-back1.gif) 0 0  repeat-x;

}

#logo{

    background:url(../images/center.gif) 0 0 no-repeat;

    width:685px;

    height:332px;

    padding:0;

    margin:0 auto;

}
#content-admin{

    background:url(../images/center-admin.gif) 0 0 no-repeat;

    width:685px;

    height:332px;

    padding:0;

    margin:0 auto;

}
#content-top{

    background:url(../images/top-content.gif) 0 0 no-repeat;

    width:865px;

    height:15px;

    padding:0;

    margin:0 auto;

}	

#main{

    width:875px;

    margin:0 auto;

    padding:0;

    background:url(../images/middle-content4.gif) 0 0 repeat-y;

}

#main p{

    margin:0;

    padding:0 10px 10px 20px;

}	

#main-left{

    width:633px;

    margin:0;

    padding:0;

    float:left;

}

#main-right{

    width:242px;

    height:317px;

    margin:0;

    padding:0;

    float:left;

    background:url(../images/content-right.gif) 0 0 no-repeat;

}





#main-left-top{

    widht:633px;

    height:35px;

    padding:0 0 0 40px;

    margin:0;

    background:url(../images/top-left.gif) 0 0 no-repeat;

    font-family:"Times New Roman", Times, serif;

    font-size:16px;

    font-weight:bold;

    color:#12acdf;

}

#main-left-middle{

    widht:633px;

    padding:0 0 0 20px;
	color: #6A7991;

    margin:0;

    background:url(../images/content-left.jpg) 0 0 no-repeat;
	font-family: "Trebuchet MS";
	line-height:20px;

}
#main-left-middle p{
    color: #6A7991;
    padding:0 0 10px 0;
    margin:0;
	text-indent:20px;
	}
#main-left-middle h1{

    font-family:"Times New Roman", Times, serif;

    font-size:12px;

    font-weight:bold;

    color:#515252;

    padding:0 0 0 60px;

    margin:0;

}
#main-left-middle h2{

    font-family:"Times New Roman", Times, serif;

    font-size:14px;

    font-weight:bold;

    color: #0066CC;

    padding:5px 0 10px 60px;

    margin:0;

}
#main-left-middle .bold{
	color: #0066CC;
}
#main-left-middle a{
	color: #003366;
}
#main-left-middle .title{

    margin:0;

    padding:15px 20px 5px 20px;

    color: #006699;

    text-indent:20px;

    font-family:"Times New Roman", Times, serif;

    font-size:16px;

    font-weight:bold;

}		

#main-left-middle .photo{

    margin:0;

    padding:0 30px 5px 20px;

    float:left;

    width:270px;

    height:210px;

}

#main-left-middle .description{

    margin:0;

    padding:0;

    float:left;

    width:280px;

}

#main-left-middle .description .title{

    font-family:"Times New Roman", Times, serif;

    font-size:13px;

    font-weight:bold;

    color:#663300;

    margin:0;

    padding:0;

    text-indent:0;

}

#main-left-middle .description .text{

    font-family:"Times New Roman", Times, serif;

    font-size:11px;

    font-weight:normal;

    color: #000000;

    margin:0;

    padding:5px 0 15px 15px;

}

#main-left-middle .description .descript{

    font-family:"Times New Roman", Times, serif;

    font-size:12px;

    font-weight:normal;

    color: #000000;

    margin:0;

    padding:20px 0 15px 20px;

    line-height:15px;

}				

#main-left-middle .link{
    margin:0;
    padding:0 0 10px 40px;
    width:230px;
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    font-weight:bold;
    color:#3366CC;
    /*    text-align:center;*/
}

#main-left-middle .link a{

    color:#3366CC;

}					
#main-left-middle .seo{
	list-style: disc;
	padding:10px 0 0 50px;
	color:#006699;
	}
#main-left-middle .seo li{	color: #6A7991; }
#main-right h1{

    margin:0;

    padding:15px 0 0 45px;

    font-family:"Times New Roman", Times, serif;

    font-size:14px;

    font-weight:bold;

    color:#2d89df;

}

.list{

    margin:0;

    padding:25px 0 0 30px;

}

#main-rght ul{

    margin:0;

    padding:0;

}

#main-right ul li{

    list-style:none;

    border-bottom:dotted;

    border-bottom-color:#999999;

    border-bottom-style: dotted;

    border-bottom-width: 1px;

    width:160px;

    padding:5px 0 5px 0;

    margin:0 0 0 10px;

    text-indent:10px;
	
	color:#3399CC;

}

#main-right ul li:hover{	

    list-style:disc;

    color:#08a34d;

}

#main-right ul li .hold{	

    list-style:disc;

    color:#08a34d;

}		

#main-right ul li a{

    text-decoration:none;

    font-family:"Times New Roman", Times, serif;

    font-size:11px;
	
	font-weight:bold;

    color: #339999;

}

#main-right ul li a:hover{

    color: #336699;

}



/* -----------footer--------------------------- */

#footer {

    margin:0 auto;

    height:118px;

    min-width:980px;

    padding: 0px;

    font:12px tahoma, verdana, arial, Helvetica, sans-serif; color:#54849b;

    background:url(../images/footer.gif) 0 0 repeat-x;

}

#footer-wrapper{

    width:980px;

    padding:0;

    margin:0 auto;

} 

#footer-logo{

    background:url(../images/footer-center.gif) 0 0 no-repeat;

    width:685px;

    height:42px;

    padding:0;

    margin:0 auto;

}
#footer-admin{

    background:url(../images/footer-center-admin.gif) 0 0 no-repeat;

    width:685px;

    height:42px;

    padding:0;

    margin:0 auto;

}
#footer-content{

    background:url(../images/footer-content.gif) 0 0 no-repeat;

    width:875px;

    height:42px;

    padding:0;

    margin:0 auto;

}	

#footer-left{

    float:left;

}

#footer-right{

    float:left;

    margin:60px 0 0 300px;

    padding:0;

    font-size:9px;

    color:#565751;

}

#footer-right a{

    color:#CCCCCC;

    text-decoration:underline;

}		

.footer-nav{

    color:#3a5861;

    float:left;

    font-family:"Times New Roman", Times, serif;

    font-size:11px;

    height:65px;

    width:35px;

    text-align:left;

    margin:0;

    padding:4px 20px;

    border-right-color:#3a5861;

    border-right-style:solid;

    border-right-width: thin;

}

.footer-nav h1{

    font-size:11px;

    text-align:left;

}

.footer-nav ul{

    padding-left:10px;

    list-style:none;

}


.title { position:relative; left:20px; color:#ffffff;}
#Workspace { width:850px; text-align:left; padding:2px; position:relative; }

.example { 
    margin-left:20px;
}

/* Data Viewer */
#Viewer {
    position:absolute; 
    left:300px;
    top:30px;
    border:2px solid #555555;
    width:320px;
    height:250px;
    background-color:#ffffff;
    padding:10px;
    width:510px;
    height:470px;
}

#Cmd_NextItem { 
    position:absolute;
    right:0px;
    top:-20px;
    text-decoration:underline;
    color:#fff;
    z-index:3;
    cursor:pointer;
}

#Cmd_PreviousItem { 
    position:absolute;
    left:0px;
    top:-20px;
    text-decoration:underline;
    color:#fff;
    z-index:3;
    cursor:pointer;
}

/* Generic Carousel Properties */
.carousel { 
    position:relative;
    clear:both;
    left:20px;
    margin-top:0px;
}

.carousel .navButton {
    cursor:pointer; 
    display:block;
    text-indent:-9999px;
    background-repeat: no-repeat;
    z-index:10;
}

.carousel .container {
    position:absolute;
    overflow:hidden;
}

.carousel .items { 
    position:absolute;
}

.carousel .item {
    position:relative;
    cursor:pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    list-style-type:none; margin:0px;
}
.carousel .item.hover, .carousel .item.selected {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}

/* Horizontal Carousel */
#Carousel2 { 
    height:165px;
    width:789px;
}

#Carousel2 .container {
    left:44px;
    margin-top: 20px;
    top:12px;
    width:700px;
    height:100px; }

#Carousel2 .items { 
    top:0;
    left:2px;
    width:10000px;
}

#Carousel2 .item {
    height:100px;
    width:120px;
    float:left;
    clear:right;
}

#Carousel2 .item .icon img { 
    position:relative;
    left:0px;
    width:100px !important;
    cursor:pointer;
	padding-top:15px;
}

#Carousel2 .navButton {
    position:absolute;
    bottom:0px;
    width:32px;
    height:170px;
}

#Carousel2 .navButton.previous {
    left:0px;
    /*    background-image:url('../images/interface/button.left.png'); */
    background: url("../images/left.png") repeat scroll 0 0 transparent;

}
#Carousel2 .navButton.previous:hover {
    left:0px;
    /*    background-image:url('../images/interface/button.left.png'); */
    background: url("../images/left_over.png") repeat scroll 0 0 transparent;

}
#Carousel2 .navButton.next { 
    right:0px; 
    /*    background-image:url('../images/interface/button.right.png');*/
    background: url("../images/right.png") repeat scroll 0 0 transparent;
}
#Carousel2 .navButton.next:hover { 
    right:0px; 
    /*    background-image:url('../images/interface/button.right.png');*/
    background: url("../images/right_over.png") repeat scroll 0 0 transparent;
}
/* Hide data items from selector */
#Carousel2 .item .key { 
    display:none;
}

#Carousel2 .item .picture { 
    display:none;
}

.admin_form{
    padding-top: 36px;
    margin:0 auto;
}
.admin_form h1{
	color:#006699;
	font-weight:bold;
}
.font_label{
	margin:0;
	padding:0;
    padding-right: 5px;
    font-size:18px;
	color:#0099CC;
	font-size:14px;
	font-weight:bold;
}

.input_date {
    height:15px;
    margin-left:0;
    margin-top:3px;
    width:120px;
}

.column {
    left:8px;
    position:relative;
}

.error{
    color: red;
}