BODY { 
background: #ffffff;
color: #666666;
font-family: Arial CE, Arial, Helvetica,Sans-serif;
font-size: 13px;
padding-top: 10px;
width: 1000px;
margin: auto;
}

table { 
text-align: left;
}

.home1 { 
float: left;
width: 350px;
margin-right: 10pt;
margin-left: 10pt;
padding: 2px;
padding-right: 10pt;
border-right: 1px solid #f2f2f2;
}

.home2 { 
float: left;
width: 370px;
margin-right: 0px;
padding: 2px;
padding-right: 0px;
}

.home3 { 
clear: both;
padding-top: 20px;
}

img { 
border: 0px;
margin: 0px;
}

#top { 
whitespace: no-wrap;
display: block;
width: 1000px;
}

.dropDownMenu { 
width: 150px;
}

.database_design { 
font-size: 14px;
font-weight: bold;
color: #313063;
margin-bottom: 10px;
}

.tHeader, .TableHeader, .tHeader div, .tableHeader div { 
background: #E7EFFF;
padding: 5px 5px 5px 5px;
border-bottom: 1px solid #BDD7FF;
font-weight: bold;
color: #313063;
white-space: nowrap;
text-align: left;
}

.nowrap  { 
white-space: nowrap;
}

.tData, .TableData3  { 
background: #F1F7FF;
border: 0px solid #B9D5FF;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px solid #E7EFFF;
text-align: left;
}

.tDataOrange  { 
background: #FF6B09;
border: 0px solid #B9D5FF;
color: #ffffff;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px solid #E7EFFF;
text-align: left;
}

.TableData2, .TableData4 { 
background: #F1F7FF;
border: 0px solid #B9D5FF;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;
border-bottom: 1px solid #E7EFFF;
text-align: left;
}

.leftColumn, .LeftColumn  { 
vertical-align: top;
padding-top: 20px;
text-align: left;
padding-left: 5px;
}

.rightColumn, .RightColumn  { 
width: 120px;
vertical-align: top;
padding-top: 30px;
text-align: left;
padding-right: 20px;
}

.MainArea, .MainArea2  { 
vertical-align: top;
padding-top: 20px;
text-align: left;
padding-left: 25px;
padding-right: 20px;
width: 100%;
}

.rightColumnImages  { 
vertical-align: top;
font-size: 10px;
}

/*.tData input, .tData select, .tData option, .tData .input { 
background: #F1F7FF;
border: 1px solid #B9D5FF;
padding-left: 3px;
padding-right: 3px;
}*/



/* ----- top table row 1 ----- */

#top_1 { 
background: url(img/r1_1.png);
width: 27px;
height: 26px;
}

#top_2 { 
background: url(img/r1_2.png);
width: 238px;
height: 26px;
}

#top_3 { 
background: url(img/r1_3.gif);
width: 495px;
height: 26px;
text-align: right;
color: #CCCCCC;
}

#top_4 { 
background: url(img/r1_4.gif);
width: 10px;
height: 26px;
text-align: right;
}

/* ----- top table row 2 ----- */

#top1_1 { 
background: url(img/r2_1.png);
width: 27px;
height: 45px;
}

#top1_2 { 
width: 238px;
height: 45px;
text-align: left;
color: #999999;
}

#top1_3 { 
background: #FFFFFF;
width: 495px;
height: 45px;
}

#top1_4 { 
background: url(img/r2_4.gif);
width: 10px;
height: 45px;
}

/* ----- top table menu ----- */

.top2bg { 
background: url(img/r3_2link.png) repeat-x;
width: 100px;
white-space: nowrap;
line-height: 20px;
text-align: left;
text-intend: 10px;
color: #fff; 
vertical-align: middle;
}

.top2_1 { 
background: url(img/r3_1.png) repeat-x;
width: 15px;
height: 41px;
}

.top2_2 { 
background: url(img/r3_2.png) repeat-x;
height: 41px;
text-align: left;
text-intend: 10px;
color: #fff; 
}

.top2_3 { 
background: url(img/r3_3.png) repeat-x;
width: 10px;
height: 41px;
}

/* ----- main area ----- */

.mTop{
width: 1000px;
line-height: 1px;
background: url(img/main_top.png) no-repeat;
height: 1px;
font-size: 6px;
}
.mMid {
width: 1000px;
padding-top: 10px;
text-align: left;
background: url(img/main_mid.png);
}
.mBot {
width: 1000px;
line-height: 14px;
background: url(img/main_bot.png) no-repeat;
clear: both;
}

.m1 {
width: 6px;
background: url(img/m1.png);
}

.m2 {
width: 160px;
background: url(img/m2.png);
vertical-align: top;
}

.m3 {
width: 22px;
background: url(img/m3.png);
}

.m4 {
width: 800px;
background: white;
vertical-align: top;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
line-height: 1.3em;
padding-left: 10px;
}

.m5 {
width: 1px;
background: url(img/m5.png);
}

.screen {
float: right;
margin-left: 10px;
margin-bottom: 10px;
text-align: center;
color: #666666;
margin-left: 20px;
}

.mainLeftScreens {
float: left; width: 425px;
}
.screen .shortRight img {
padding-top: 10px;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.leftUlMenu {
margin: 0px;
padding: 0px;
}

#menu {
display: block;
}

#text {
vertical-align: top;
text-align: left;
}

.leftMenu {
width: 160px;
}

.leftUlMenu a {
padding-left: 10px;
padding-right: 10px;
width: 138px;
background: url(img/left-bg.png) repeat-y;
font-size: 11px;
text-decoration: none;
padding-top: 4px;
padding-bottom: 4px;
display: block;
color: #003399;
border-right: 1px solid #D6D6D6;
}

.no {
margin: 0px;
padding: 0px;
background: #E7EFFF;
color: #003399;
}

.leftUlMenu .short a, .leftUlMenu .short a:hover {
color: #0000CC;
background: none;
display: inline;
text-align: left;
width: auto;
padding:0px;
}

.leftUlMenu a:hover {
background: url(img/left_mid_hover.png) no-repeat left top #F5F8FF;
text-decoration: none;
}

.leftUlMenu a.selected, .leftUlMenu a.selected:hover {
padding-left: 10px;
padding-right: 10px;
width: 138px;
background: url(img/left_mid_sel.png) no-repeat left top #F5F9FF;
font-size: 11px;
text-decoration: none;
padding-top: 4px;
padding-bottom: 4px;
display: block;
color: #FF6600;
font-weight: bold;
}

.header {
width: 160px;
background: url(img/left_top_header.png) no-repeat;
line-height: 35px;
color: #ffffff;
font-size: 11px;
vertical-align: top;
text-indent: 10px;
list-style-type: none;
}

li {
list-style-type: none;
text-indent: 0px;
margin: 0px;
padding: 0px;
}

.footer {
width: 160px;
background: url(img/left_bot_end.png) no-repeat;
height: 20px;
}

.footerRight {
width: 102px;
background: url(img/right_bot_end.png) no-repeat;
height: 5px;
}

.start {
width: 160px;
background: url(img/left_top_start.png) no-repeat bottom;
font-size: 8px;
line-height: 10px;
}

.startRight {
width: 102px;
background: url(img/right_top_start.png) no-repeat bottom;
font-size: 8px;
line-height: 10px;
}

.short {
padding-left: 10px;
padding-right: 10px;
width: 138px;
background: #E7EFFF;
font-size: 11px;
text-decoration: none;
padding-top: 4px;
padding-bottom: 4px;
display: block;
color: #003399;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #BDD7FF;
border-right: 1px solid #b4b4b4;
text-align: left;
}

.short a {
border: 0px;
text-decoration: underline;
margin: 0px;
}

.shortNews {
padding-left: 10px;
padding-right: 10px;
width: 138px;
background: #E7EFFF;
font-size: 11px;
text-decoration: none;
padding-top: 4px;
padding-bottom: 4px;
display: block;
color: #003399;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #BDD7FF;
border-right: 1px solid #b4b4b4;
text-align: center;
}

.shortRight {
width: 102px;
background: url(img/right_top_main.png);
display: block;
text-align: center;
padding-left: 20px;
padding-right: 0px;
font-size: 10px;
font-weight: bold;
}

.short div {
width: 140px;
display: block;
padding: 10px;
}

#pageFooter {
width: 1000px;
color: #999999;
font-size: 10px;
font-weight: bold;
text-align: right;
margin: auto;
margin-top: 0px;
padding: 4px;
}

#pageFooterLink {
width: 760px;
color: #999999;
font-size: 11px;
font-weight: normal;
text-align: right;
margin: auto;
margin-top: 10px;
padding: 4px;
border-top: 1pt solid #BDD7FF;
}

.m4 h1, h1 {
font-size: 18px;
font-weight: normal;
line-height: 130%;
color: #313063;
}

.itemHeader, h6 {
font-size: 14px;
font-weight: bold;
color: #FF6600;
display: inline;
}

.m4 h4, h4 {
font-size: 14px;
font-weight: bold;
line-height: 130%;
color: #313063;
}

.m4 li, .MainArea li, .mainArea li {
list-style-type: none;
list-style: url(img/bullet.gif);
vertical-align: middle;
margin-bottom: 2px;
}

.m4 table {
}

#d1 {
width: 1000px;
margin: auto;
}

#d2 {
width: 1000px;
margin: auto;
}

.lefthome { 
border: 0px;
margin: 0px;
display: inline;
background: none;
width: auto;
}

/* ///////////////////////////////////////////////////////////// */

.ddm1 {
    font: 13px Arial;
	background: url(img/r3_2.png) repeat-x;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 6pt 10px 0px 10px;
    border: 0px #003366;
    border-style: solid none solid none;
    text-decoration: none;
    display: block;
    position: relative;
	height:33px;
	vertical-align: bottom;
}
.ddm1 .item1 {
    color: #ffffff;
	white-space: nowrap;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: url(img/r3_2hover.png) repeat-x;
    color: #ffffff;
	white-space: nowrap;
}

.ddm1 .selected {
    background: url(img/r3_2sel.png) repeat-x;
}
.ddm1 .selected:hover {
    background: url(img/r3_2selhover.png) repeat-x;
}

.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 0px 16px 0px 8px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
.ddm1 .item2 {
    background: #313063;
    color: #ffffff;
	border-bottom:1px solid #404274;
}
.ddm1 .item2:hover {
    background: #5A5B85; 
    color: #ffffff;
	border-bottom:1px solid #404274; 
}
.ddm1 .section {
    border: 1px #202053;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
	background: url(img/add.png);
}
.ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; }
.ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */

.cLeft{
text-align: left;
}
.cRight{
text-align: right;
}
.cCenter{
text-align: center;
}

.screensimg {
background: url(../img/ImgBgTDM3.gif) left top no-repeat;
padding: 10px;
margin-right: 20px;
height: 180px;
display: block;
width: auto;
float: left;
}

.screensimg img {
margin-bottom: 5px;
}