body{padding:0px; margin:0px; 
	background: #ffffff;
}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
.clear {clear: both; margin: 0px; height:0}


#maincontainer{
    position: relative;
    margin:0px auto;
}
#container{
     height:120px;
     background-image: url(../images/topback.png);
     background-repeat: repeat-x;
     margin:0px auto;
     top: 0px;
}
#header{
    width: 960px;
    position: relative;
    height: 120px;
    margin: 0 auto;    
}
#logoContent{position:absolute; top:0px; left:0px;}
#logo{position:absolute; top:2px; left:0px;}
#name{position:absolute; top:7px; left:145px;}
#logoright{position:absolute; top:7px; left:740px;}

#titleMenu{position:absolute; top:0px; left:235px;}
#title{position:relative; top:40px; left:0px;}
#containermenu{
     height:52px;
     background: #333333;
     margin:0px auto;
     top: 0px;
     background:url(../images/menu.png) repeat-x 0 center;
}
/*Menu START*/
#ddsmoothmenu{
    width: 960px;
    position: relative;
    font: normal 12px Verdana;
    height: 52px;
    z-index:600;
    margin: 0 auto;
}

#ddsmoothmenu ul{
    z-index:700;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*Top level list items*/
#ddsmoothmenu ul li{
    position: relative;
    display: inline;
    float: left;
    background: url(../images/main-delimiter.png) 98% 11px no-repeat;
}

/*Top level menu link items style*/
#ddsmoothmenu ul li a.top{
    display: block;
    color: white;
    color: #333333;
    padding: 18px;
    text-decoration: none;
}

* html #ddsmoothmenu ul li a.top{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

#ddsmoothmenu ul li a.top:link, #ddsmoothmenu ul li a.top:visited{
    color: #333333;
}

#ddsmoothmenu ul li a.top.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: url(../images/hover.png) repeat-x;
    color: #ffffff;
}

#ddsmoothmenu ul li a.top:hover{
    background: url(../images/hover.png) repeat-x;
    color: #ffffff;
}
	
/*1st sub level menu*/
#ddsmoothmenu ul li ul{
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#ddsmoothmenu ul li ul li{
    display: list-item;
    float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#ddsmoothmenu ul li ul li ul{
    top: 0;
}

/* Sub level menu links style */
#ddsmoothmenu ul li ul li a{
    font: normal 13px Verdana;
    width: 200px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid gray;
    display: block;
    background: #414141; /*background of menu items (default state)*/
    border-right: 1px solid #778;
    color: #ffffff;
    text-decoration: none;
}
* html #ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

#ddsmoothmenu ul li a:link, #ddsmoothmenu ul li a:visited{
    color: white;
}

#ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: url(../images/hover1.png) repeat-x;
    color: black;
}

#ddsmoothmenu ul li a:hover{
    background: url(../images/hover1.png) repeat-x;
    color: black;
}

/* Holly Hack for IE \*/
* html #ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
    position: absolute;
    top: 22px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}
/*Menu End*/
#contentDiv{
     background-image: url(../images/bodyback.png);
     background-repeat: repeat;
     margin:0px auto;
     top: 0px;
}
#content{
    width: 960px;
    position: relative;
    margin: 0 auto; 
    background: #ffffff;   
}
#headerdiv{
	width:960px;
	height:300px;
	position:relative;
	background: #ffffff;
}
#flashcontent{
	position:absolute;
	width:600px;
	left:0px;
}
#headerright{
	position:relative;
	width:360px;
	left:600px;
	background-color: #333333;
}
#headerright1{
	width:360px; height: 75px; position: absolute; background: url("../images/headerrightback.png"); top: 0px;
}
#headerright2{
	width:360px; height: 75px; position: absolute; background: url("../images/headerrightback.png"); top: 75px;
}
#headerright3{
	width:360px; height: 75px; position: absolute; background: url("../images/headerrightback.png"); top: 150px;
}
#headerright4{
	width:360px; height: 75px; position: absolute; background: url("../images/headerrightback.png"); top: 225px;
}
.innerf{
	width:360px; height: 75px; position: absolute; background: transparent; top: 0px;
}
.innerimg{
	width:83px; height: 75px; position: absolute; background: url("../images/headermenuleft.png") no-repeat; top: 0px;
}
.innerimginner{
	width:64px; height: 64px; position: absolute; top: 12px; left: 6px;
}
.innertext{
	width:277px; height: 75px; position: absolute; top: 0px; left: 0px;
}
.innertextinner{
	width:270px; height: 69px; position: absolute; top: 3px; left: 90px;
}
p.bigheader{
    padding-top: 10px;
}
p.smallheader{
    font-family: verdana;
    color: #f8f8f8;
    font-size: 11px;
    font-weight: normal;
    padding-top: 6px;
}
#detailDiv{
     background-image: url(../images/bodyback.png);
     background-repeat: repeat;
     margin:0px auto;
     top: 0px;
}
#page_heading{
	
	width:960px;
	height:35px; 
	position:relative;
	border-bottom:#d8d8d8 1px solid;
    background-color: #f8f8f8;
    margin: 0 auto;       
}
#page_heading p{
	padding: 5px 5px 10px 8px; 
	font: bold 17px Trebuchet MS;
	color:#333333;
}

#page_heading1{
	
	width:960px;
	height:35px; 
	position:relative;
	border-bottom:#d8d8d8 1px solid;
    background-color: #f8f8f8;
    margin: 0 auto;      
}

#page_heading1_left{
	width:500px;
	height:35px; 
	position:absolute;
	left: 0px;
}
#page_heading1_left p{
	margin: 5px 8px 10px 8px; 
	font: bold 17px Trebuchet MS;
	color:#333333;
}
#page_heading1_left1{
	width:250px;
	height:35px; 
	position:absolute;
	left: 0px;
}
#page_heading1_left1 p{
	margin: 5px 8px 10px 8px; 
	font: bold 17px Trebuchet MS;
	color:#333333;
}
#page_heading1_right{
	
	width:700px;
	height:35px; 
	position:absolute;
    left: 250px;
    margin: 2px 0px 0px 2px;
}
#page_heading1_right2{
	
	width:460px;
	height:35px; 
	position:absolute;
    left: 500px;
}

#detail{
    width: 960px;
    position: relative;
    margin: 0 auto; 
    background: #ffffff;   
}
#resultDiv{
    width: 960px;
    position: relative;
    margin: 0 auto; 
    background: #ffffff;   
}
/*home part*/
.overview
{
	width:410px;
    height: 320px;
    background: url(../images/overviewboxbig.png) no-repeat; 
}
.overview .headtop{height: 10px;}
.overview .head
{
	width:390px;
    height: 30px;
    margin-left: 10px;
    background: url(../images/heading.png) no-repeat;
}
.overview .head h2.title
{
    padding:4px;
    font-family:"Calibri","Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
    color:#CCCCCC;
    font-size:18px;
    text-transform:uppercase;
    text-align: center;
    text-shadow: 1px 1px 2px #5E8627;
}
.overview .inner
{
	width:390px;
    height: 262px;
	margin-top: 6px;
	margin-left: 10px;
    background: #fdfdfd; 
}

.overview .innerContent
{
	width:370px;
    height: 262px;
	margin-left: 5px;
	margin-left: 5px; 
}
.overview .innerContent p.message
{
    font-family: verdana;
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
    line-height: 18px;
}
.overview1
{
	width:300px;
    height: 320px;
	background: url(../images/overviewboxnews.png) no-repeat;
 
}
.overview1 .headtop{height: 10px;}
.overview1 .head
{
	width:280px;
    height: 30px;
    margin-left: 10px;
    background: url(../images/headingnews.png) no-repeat;
}
.overview1 .head h2.title
{
    padding-top: 3px;
    font-family:"Calibri","Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
    color:#CCCCCC;
    font-size:18px;
    text-transform:uppercase;
    text-align: center;
    text-shadow: 1px 1px 2px #5E8627;
}
.overview1 .inner
{
	width: 280px;
    height: 262px;
	margin-top: 6px;
	margin-left: 10px;	 
    background: #fdfdfd;
}
.overview1 .jqNewsVert
{
	width:270px;
    height: 262px;
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
    
}
.overview1 .jqNewsVert div
{
    width:270px;
    overflow: hidden;
}
.overview1 .jqNewsVert div p
{
    font-family: verdana;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}
.overview2
{
	width:240px;
    height: 320px;
	background: url(../images/overviewboxmenu.png) no-repeat;
 
}
.overview2 .headtop{height: 10px;}
.overview2 .head
{
	width:220px;
    height: 30px;
    margin-left: 10px;
    background: url(../images/headingresource.png) no-repeat;
}
.overview2 .head h2.title
{
    padding-top: 3px;
    font-family: "Calibri","Century Gothic","Avant Garde",Helvetica,Arial,sans-serif;
    color:#CCCCCC;
    font-size:18px;
    text-transform:uppercase;
    text-align: center;
    text-shadow: 1px 1px 2px #5E8627;
}
.overview2 .inner
{
	width: 220px;
    height: 260px;
	margin-top: 6px;
	margin-left: 10px;	 
    background: #fdfdfd;
}
.overview2 .innerContent
{
	width:210px;
    height: 260px;
}
#productContainer{
    position: relative;
    border: 1px solid #eeeeee;
    width: 200px;
}
#img{
    position: relative;
    width: 200px;
    height: 130px;
    overflow: hidden;
    background: #ffffff;
}
#description{
    position: relative;
    width: 200px;
    background: #333333;
}
UL#menuvert {
	PADDING-BOTTOM: 2px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 8px
}

UL#menuvert LI {
	DISPLAY: block; HEIGHT: 34px; text-align: center;
}

UL#menuvert A:visited {
	PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-LEFT: 19px; PADDING-RIGHT: 10px; DISPLAY: block; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND: url(../images/menu-item.png) no-repeat 0px 0px; HEIGHT: 31px; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 7px
}
UL#menuvert A:link {
	PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-LEFT: 19px; PADDING-RIGHT: 10px; DISPLAY: block; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND: url(../images/menu-item.png) no-repeat 0px 0px; HEIGHT: 31px; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 7px
}
UL#menuvert A {
	PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-LEFT: 19px; PADDING-RIGHT: 10px; DISPLAY: block; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND: url(../images/menu-item.png) no-repeat 0px 0px; HEIGHT: 31px; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 7px
}
UL#menuvert A:hover {
    COLOR: #FFFFFF;
	BACKGROUND: url(../images/menu-item.png) no-repeat 0px -38px
}
/*home end*/
table.headerRight{
	font-family: verdana;
}
table.headerRight td{
	font-size: 11px;
	font-weight: bold;
	color: #0033ff;
}
table.login{
	font-family: verdana;
}
table.login td{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
table.detailTable{
	font-family: verdana;
    border-collapse: collapse;
    background: #f8f8f8;
    border: 1px dashed #d8d8d8;
}
table.detailTable td{
	font-weight: normal;
	font-size: 12px;
	color: #1589ff;
    line-height: 20px;
}

table.detailTable td.heading{
    font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 16px;
	color: #333333;
    background: #eeeeee;
    text-transform: uppercase;
}
table.detailTable td.heading1{
    font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 14px;
	color: #333333;
    background: #eeeeee;
    text-transform: uppercase;
}
table.resultTable{
	font-family: verdana;	
	border-collapse: collapse;
    border: 1px solid #d8d8d8;
}
table.resultTable td{
	font-weight: normal;
	font-size: 12px;
	color: #333333;
    
}
table.resultTable td.heading{
	font-weight: bold;
	font-size: 11px;
    background-image: url("../images/tblback.png");
    background-repeat: repeat-x;
    height:25px;
    border: 1px solid #d8d8d8;
    
}
table.resultTable tr.result td{
	
border: 1px solid #d8d8d8;
}
table.resultTable tr.result1 td{
	
border: 1px solid #d8d8d8;
}
table.resultTable tr.result2 td{
	
border: 1px solid #d8d8d8;
background-color: #1589ff;
}
table.resultTable tr.result3 td.nb{
	
background-color: #f8f8f8;
}
table.navigation{
	font-family: verdana;	
}
table.navigation td{
	font-weight: bold;
	font-size: 12px;
	color: #1589ff;
    text-align: right;  
}
table.centerList{
	font-family: verdana;	
	border-collapse: collapse;
}
table.centerList td{
	font-weight: normal;
	font-size: 11px;
	color: #333333;
}
table.centerList td.data{
	font-weight: bold;
	font-size: 11px;
	color: #FF0000;
}
table.centerList td.heading{
	font-weight: bold;
	font-size: 11px;
	color: #333333;
}
table.centerList td.name{
	font-weight: bold;
	font-size: 12px;
	color: #0033FF;
}
table.centerList td.info{
	font-weight: bold;
	font-size: 12px;
	color: #1589ff;
}

table.centerList tr.result{
	background-color: #ECE5B6;
}
table.centerList tr.result1{
	background-color: #FBF9D0;
}
table.centerList td.message{
	font-weight: bold;
	font-size: 12px;
	color: #ff0000;
        background-color: #FFF8C6;
	
}
span.reqfield{
    font-family: verdana;
	font-weight: normal;
	font-size: 11px;
    color: #ff0000;
}
span.description{
    font-family: verdana;
	font-weight: normal;
	font-size: 11px;
    color: #1589ff;
    text-transform: none;
}
span.desc{
    font-family: verdana;
	font-weight: normal;
	font-size: 11px;
    color: #999999;
    text-transform: none;
}
span.ndate{
    font-family: verdana;
	font-weight: bold;
	font-size: 11px;
    color: #333333;
}
span.data{
    font-family: verdana;
	font-weight: bold;
	font-size: 12px;
    color: #333333;
}
.txtLogin{
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	width: 135px;
}
.detail_text
{
    font-family: verdana;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    width: 250px;
}
.detail_text_right
{
    font-family: verdana;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    width: 250px;
    text-align: right;
}
.detail_text_right3
{
    font-family: verdana;
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    width: 60px;
    text-align: right;
}
.detail_combo
{
    font-family: verdana;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    width: 254px;
}
.detail_combo_session
{
    font-family: verdana;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    width: 120px;
}
.detail_text_person
{
    font-family: verdana;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    width: 188px;
}
.detail_combo_honor
{
    font-family: verdana;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    width: 54px;
}
.text_area
{
    color: #000000;
}
a.navigation{
    color: #ff8800;
    font-family: verdana;
	font-weight: bold;
	font-size: 12px;
    text-decoration: none;
}
a.navigation:hover{
    color: #333333;
    text-decoration: underline;    
}
a.navigation1{
    color: #ffffff;
    font-family: verdana;
	font-weight: bold;
	font-size: 14px;
    text-decoration: none;
}
a.navigation1:hover{
    color: #1589ff;
    text-decoration: underline;    
}
a.navigation2{
    color: #1589ff;
    font-family: verdana;
	font-weight: normal;
	font-size: 12px;
    text-decoration: none;
}
a.navigation2:hover{
    color: #ff8800;
    text-decoration: underline;    
}
a.btnsml
{
	height: 30px;
	background: url(../images/btnsml_middle.png) repeat-x;
	line-height: 40px;
	padding: 7px 7px 10px 10px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
    font-family: verdana;
}
.butt1
{
    font-family: verdana;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    width: 120px;
}
.butt2
{
    font-family: verdana;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    width: 150px;
}
.butt3
{
    font-family: verdana;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
}
#footerDiv{
    position: relative;
    height:100px;
    background-image: url(../images/topback.png);
    background-repeat: repeat-x;
}
#footer{
    position: relative;
    width: 960px;
    height:100px;
    margin: 0 auto;
}