.qswap { position:relative; width:45px; height:45px;}
.qswap2 { position:relative; width:45px; height:45px;}


#BACKGROUND { position:relative; margin:0px auto 20px auto; width:780px;  }
#LOGO { position:relative; padding: 23px 0px 0px 5px; height:35px; }

#MENU { font-size:11px; font-weight:bolder; margin-top:12px; display:block; padding-bottom:5px; border-bottom: 4px solid #FFFFFF;}
#MENU UL { padding:0px; margin:0px; list-style: none; }
#MENU UL LI { display:inline; position:relative; padding:2px; } 

#LEFT_CONTENT { float:left; width:225px; padding: 10px 0px 0px 5px; margin:5px 0px 15px 0px; line-height:1.4em; border-top: 4px solid #FFFFFF; }
#CATEGORY_TITLE { font-size:16px; font-weight:bolder; }
#CONTENT {  float:left; width:773px; min-height:48px; padding:10px 0px 10px 7px; margin:5px 0px 15px 0px; line-height:1.4em; border-top: 4px solid #FFFFFF;}


#RIGHT_CONTENT {float:left; width:530px; min-height:48px; padding:10px 0px 10px 7px; margin:5px 0px 15px 0px; background-image: url('../img/strip.jpg'); background-repeat: no-repeat; background-position:0px 0px; }
#RIGHT_CONTENT_1 {float:left; width:530px; min-height:48px; padding:10px 0px 10px 20px; margin:5px 0px 15px 0px; background-image: url('../img/strip3.jpg'); background-repeat: no-repeat; background-position:0px 0px; }
#RIGHT_CONTENT_2 {float:left; width:530px; min-height:48px; padding:10px 0px 10px 20px; margin:5px 0px 15px 0px; background-image: url('../img/strip.jpg'); background-repeat: no-repeat; background-position:0px 0px; }


#FOOTER { clear:both; width:780px; padding-top:15px; margin:5px auto 0px auto; text-align:center; font-size:9px; color:#999999; border-top: 4px solid #FFFFFF; }
A.FOOTER_LINK:link { text-decoration:none; color:#66FFFF}
A.FOOTER_LINK:visited { text-decoration:none; color:#66FFFF}
A.FOOTER_LINK:hover { text-decoration:none; color:#666666}
A.FOOTER_LINK:active { text-decoration:none; color:#66FFFF}

.TEXTFIELD { width:320px; font-size:10px;} 


#HEADER { position:absolute; top:119px; }
#BANNER { width:780px; display:block; height:150px; margin-top:5px;  }

#CONTENT { position:relative;  }



#LOGO_ADMIN { margin-bottom: 10px; position:relative; background-image: url('../img/atpac_logo.jpg'); background-repeat: no-repeat; background-position:5px 25px;  height:60px; border-bottom: 4px solid #FFFFFF; }
#STATUS { text-align:right; padding-bottom:20px; border-bottom: 1px solid #FFFFFF;} 
#LOGIN { margin:0px auto 20px auto; width:200px;}

#SUB_PAGE_HEADING { font-size:16px; font-weight:bold; padding:0px 0px 40px 15px; }
.CAREER_TITLE {font-size:12px; font-weight:bold; border-bottom:1px solid #FFFFFF; margin-bottom:20px;}

.NEWS_DATE_CONTENT { float:left; font-size:10px;}
.NEWS_MORE_CONTENT { font-size: 10px; float:right; }
.NEWS_MORE { color:#000000; text-decoration: none; }
a.NEWS_MORE:hover { color:#333333; }
.NEWS_TITLE_CONTENT { font-weight: bolder; clear:both; border-top:1px solid #CCCCCC; padding-bottom:5px; padding-top:5px; font-size: 11px;}
.NEWS_TEXT_CONTENT { text-align: justify; padding-bottom:15px; font-size: 11px;}
.NEWS_CONTENT { padding-bottom:5px; padding-top:8px; border-bottom: 1px solid #CCCCCC; }

#NEWS_TITLE { margin-bottom:14px; }
#NEWS_TITLE_CONTENT { font-size:14px; font-weight: bolder; padding-bottom:14px;}
#NEWS_TITLE_2 { font-size:14px; font-weight: bolder; padding-bottom:14px;}
#NEWS_DATE {font-size:10px; }
#NEWS_TEXT_CONTENT { font-size:12px; text-align: justify; padding-top: 15px; padding-bottom:15px; }

.CLIENT_CATEGORY {font-weight:bolder;  }
.CLIENT_PROJECT { color:#FFFFFF;} 
.CLIENT_PROJECT A:link { text-decoration:none; color:#66FFFF}
.CLIENT_PROJECT A:visited { text-decoration:none; color:#66FFFF}
.CLIENT_PROJECT A:hover { text-decoration:none; color:#FFFF66}
.CLIENT_PROJECT A:active { text-decoration:none; color:#66FFFF}


#CAT_DESCRIPTION { margin-top:45px; font-size:11px; } 

.PROJECT_TITLE { font-weight:bolder; margin-top:10px;}
.PROJECT_DATE { font-weight:bolder; }
.PROJECT_THUMBS { margin:10px 0px 10px 0px; }
.PROJECT_DESCRIPTION { font-size:11px; text-align:justify; width:210px; margin-left:7px; }

#MENU_POSITION { z-index: 2; position: absolute; width:500px; left: 0px; top: 76px; font-family:  Arial, Helvetica, sans-serif;  color: #FFFFFF; text-decoration: none; }
UL.MENU_H {  padding: 0px 6px 0px 6px; margin: 0px; list-style: none; line-height:1.5em;  }
UL.MENU_H LI { cursor: pointer ; display:inline; position: relative; padding: 0px 0px 12px 0px; margin:0px} 

UL.MENU_H LI A:visited, UL.MENU_H LI A:link { color:#FFFFFF; text-decoration: none; font-weight:bolder} 
UL.MENU_H LI A:hover, UL.MENU LI_H A:active { color:#CCCCCC; text-decoration: none; font-weight:bolder} 
UL.MENU_V LI A:visited, UL.MENU_V LI A:link { color:#000000; text-decoration: none; font-weight:bolder} 
UL.MENU_V LI A:hover, UL.MENU LI_V A:active { color:#666666; text-decoration: none; font-weight:bolder} 

UL.MENU_V.CSStoShow {display: block; }
UL.MENU_V { color: #000000; padding: 0px; margin: 0px; list-style: none; width: 100%; }
UL.MENU_V LI { cursor: pointer ; float: none; padding: 0px 0px 0px 16px; margin: 0px; }
UL.MENU_V LI a { display: block; }

.SPLIT {padding:0px 6px 0px 6px}

.Level0 { position: relative; font-size: 11px; width:100%; } 
.Level1 { position: relative; font-size: 12px; width:100%; }
.Level2 , UL.MENU_H.CSStoHighlight { position: absolute; left:0px; top:15px; display: none; font-size: 10px; width:100%; z-index: 10;}
.Level3 { position: absolute;  top: 0px; left: 200px; display: none; }
.Level4 { position: absolute;  top: 0px; left: 200px; display: none;  }
.Level1 li:hover ul.Level2, .Level1 li.over ul.Level2 { display: block;  }
.Level2 li:hover ul.Level3, .Level2 li.over ul.Level3 { display: block; }
.Level3 li:hover ul.Level4, .Level3 li.over ul.Level4 { display: block; }
.Level1 li, .Level2 li, .Level3 li, .Level4 li  { behavior: url(../css/ieMenu.htc);  }