body{
  background-color: #CFCFCF;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family:Arial,Verdana,Tahoma,Sans-Serif;
  color: #4C4C4C;
}

h1 {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px;
  border-bottom-color: #A8A8A8;
  border-bottom-style: solid;
}

h3 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  color:#003399;
}

h4 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

ul{
  text-align: left;
  list-style-type: circle;
  color: #555555;
  margin-left: 16px;
  margin-top: 1px;
  margin-bottom: 1px;
}

ol {
  list-style-type: decimal;
}

.head_font{
  font-family:Palatino Linotype,Book Antiqua,Palatino,serif;
}
.clear{
  clear:both;
}

.left_menu_item {
  /*height: 20px;*/
  padding: 3px 0px 4px 0px;
  border-bottom: solid 1px #cfcfcf;
  text-align: right;
  margin-left:15px;
  margin-right:3px;
}

a.view, a.view:visited {
  color: #003399;
  font-weight: bold;
  text-decoration: none;
}

a.view:active {
  color: #003399;
  font-weight: bold;
  text-decoration: none;
}

a.view:hover {
  color: #003399;
  font-weight: bold;
  text-decoration: underline;
}

a.left_menu_text:link , a.left_menu_text:visited, a.left_menu_text:active {
  font-weight: bold;
  text-decoration: none;
  color: #4c4c4c;
}

a.left_menu_text:hover {
  text-decoration: none;
  color: #003399;
}

div.left_menu_item a img {
  margin-left: 7px;
}

div.head_banner {
  font-family:Garamond,Serif;
  font-weight: bold;
  vertical-align: bottom;
  margin: 0px 27px 20px 22px;
  padding: 14px 0 5px 15px;
  color: black
  border: dashed 1px red;
  background: url('/images/setym_head_bg.gif') repeat-x bottom;
}

div.headleft_banner {
  font-family:Garamond,Serif;
  font-weight: bold;
  vertical-align: bottom;
  margin: 0px 0px 0px 15px;
  padding: 7px 0 7px 10px;
  color: black
  border: dashed 1px red;
  background: url('/images/setym_head_bg.gif') repeat-x bottom;
}

td.dots_line
{
  padding-left:15px;
}
img.bot_news
{
  margin-left:15px;
}


.semtitle {
  font-family:Arial,Verdana,Tahoma,Sans-Serif;
  color: #003399;
}

/*SEMINAR added by chaiyapong 2008-12-02
**
**Moved to setym_style_common.css and zapped out font size properties by teesid
**2009-03-18
*/
/*Because the above CSS is seem very Generic to me and not well structure, I am not sure
  that the creator might use them in other place than the one I will fix.
  So I decided to not touch the old one and create the more specific CSS style below.
*/
div.seminar_title_container{
  padding:20px 0px 0px 50px;
}
div.seminar_title_container img.seminar_title_icon{
  float:left;
}
div.seminar_title_container table.seminar_title{
  float:left;
  width:410px;
}
div.seminar_title_container h4.first{
  margin-top:20px;  
}
div.seminar_title_container h4 label{
  display:block;
  float:left;
  width:70px;
  font-weight:bold;
}
div.seminar_title_container h4 span{
  font-weight:normal;
}
div.seminar_title_container a.register_seminar,
div.seminar_title_container a.register_seminar:visited
{
  display:block;
  float:left;
  width:185px;
  height:55px;
  background:transparent url(../images/setym_register_seminar.gif) no-repeat;
  color:#FFF;
  text-align:center;
  padding-top:5px;
  text-decoration:none;
  margin-top:25px;
}
a.certification_register,
a.certification_register:visited
{
  display:block;
  float:left;
  width:230px;
  height:58px;
  background:transparent url(../images/setym_certification_register.gif) no-repeat;
  color:#FFF;
  text-align:center;
  padding-top:5px;
  text-decoration:none;
  margin-top:25px;
}
div.seminar_title_container a.register_seminar:hover{
  text-decoration:none;
}
div.seminar_title_container div.dot_line{
  height:10px;
  background:transparent url(../images/setym_dot_line.gif) repeat-x;
  clear:both;
}
table.seminar_body{
  width:430px;
  margin-right:20px;
  margin-top:20px;
  display:inline;/*DMG*/
}
/*Calendar event list added by chaiyapong 2008-12-02
**
**Moved to setym_style_common.css and zapped out font size properties by teesid
**2009-03-18
*/
.forms_header{
  width:510px;
  height:29px;
  background:transparent url(../images/setym_list_title.gif) repeat-x;
}
.forms_header font{
  color:#FFF;
  display:block;
  padding-top:5px;
  padding-left:10px;
  font-weight:bold;
  font-family:Garamond,Serif;
}

/*Style for Calendar text*/
div.event .calendar_text{
  position:absolute;
  margin-left:-60px;
  margin-top:20px;
}
div.event .calendar_text .date{
  font-weight:bold;
  text-align:center;
}
div.event .calendar_text .month{
  margin-top:-2px;
  margin-left:1px;
  text-align:center;
}

/*SEMINAR LIST
**this CSS has been added by chaiyapong when change layout of seminar list
**2008-12-03
**
**Moved to setym_style_common.css and zapped out font size properties by teesid
**2009-03-18
*/
div.seminars{
  margin-left:20px;
  margin-right:30px;
  padding-top:28px;
}
* html div.seminars{
  margin-top:-3px;
}
ul.tabs{
  list-style-type:none;
  margin:0px;
  padding:0px;
  float:left;
}
div.tabs_container{
  position:relative;
  padding-left:20px;
}
ul.tabs li{
  font-family:Garamond,Serif;
  float:left;
  background:transparent url(../images/setym_seminar_tab.gif) repeat-x;
  height:24px;
  width:100px;
  text-align:center;
  padding-top:4px;
  margin-left:3px;
  margin-right:2px;
}
* html ul.tabs li{
  margin-top:1px;
}
ul.tabs li a,
ul.tabs li a:visited{
  color:#FFF;
  font-weight:bold;
  display:block;
}
ul.tabs li a:hover{
  text-decoration:none;
}
ul.tabs li.selected{
  background:#FFF;
  border:solid 2px #DCDCDC;
  border-bottom:none;
  height:20px;
}
* html ul.tabs li.selected{
  height:26px;
}
ul.tabs li.selected a,
ul.tabs li.selected a:visited{
  color:#474747;
  cursor:default;
}
div.seminars div.seminar_group{
  border:solid 2px #DCDCDC;
  margin-left:3px;
  margin-top:-4px;
}
* html div.seminars div.seminar_group{
  margin-top:0px;
}
*+html div.seminars div.seminar_group{
  margin-top:0px;
}
div.seminars div.norow{
  text-align:center;
  padding:15px 0px;
}
div.seminar {
  padding-left:100px;
  margin-top: 20px;
  margin-bottom: 6px;
  background:transparent url(../images/setym_calendar_icon.gif) no-repeat 20px 5px;
  border-bottom:dotted 1px gray;
  height:105px;
}
div.seminars .seminar_page_group{
}
div.seminars .pager{
  text-align:right;
}
div.seminars .pager a,
div.seminars .pager a:visited{
  margin-right:5px;
}
div.seminars .pager a.selected,
div.seminars .pager a.selected:visited{
  color:#000;
  text-decoration:none;
  font-weight:bold;
  cursor:default;
}
div.seminars .pager a:hover{  
}
div.seminars .pager span.sep{
  margin-right:5px;
  position:relative;
  top:-1px;
}
div.seminar h2.seminar_title{
  border:none;
  line-height:18px;
}
div.seminar h2.seminar_title a,
div.seminar h2.seminar_title a:visited{
  cursor:pointer;
}
div.seminar .seminar_row{
  margin-top:5px;
}
div.seminar .seminar_row.more{
  text-align:right;	
  padding-right:3px;
}
div.seminar .seminar_row.more a,
div.seminar .seminar_row.more a:visited{
  text-decoration:none;
  border-bottom:dotted 1px #003399;
}
div.seminar .seminar_row.more a:hover{
}
div.seminar .seminar_row label{
  display:block;
  width:80px;
  font-weight:bold;
  float:left;
}
div.seminar .seminar_row span{
}
div.seminar .calendar_text{
  position:absolute;
  margin-left:-65px;
  margin-top:25px;
}
div.seminar .calendar_text .date{
  font-weight:bold;
  text-align:center;
}
div.seminar .calendar_text .month{
  margin-top:-2px;
  margin-left:1px;
  text-align:center;
}
table.seminar_search select{
  border:solid 1px #7f9db9;
}
table.seminar_search input.button{
  border:solid 1px #7f9db9;
}
/*END SEMINAR LIST*/

select, option {
  background-color: #F7F7F7;
  color: #4C4C4C;
  border: inset 1px;
  padding-left: 2px;
  cursor: arrow;
}