@import '/common.css';

/* COMMON -------------------------------------------------------------------------------------------------------- */

* {
  font-family: arial;
  font-size: 11px;
  color: #777777;
}

a:hover { color: #737373; }
/* a:hover { color: #FE6807; text-decoration:none;}   */

h1 {
  color: #333333;
  font-size: 13px;
  padding: 0px;
  margin: 0px;
  background: url('/images/dot.gif') center left no-repeat;
  padding-left: 15px;
  margin-bottom: 5px;
}

hr {  height: 1px; margin: 0px; color: #dedede; background: #dedede; margin-bottom: 10px; width: 90%; text-align:center; }

.hr { width: 100%; height: 1px; margin: 0px; padding: 0px; color: #FFFFFF; background: #FFFFFF url('/images/hr.gif') top center no-repeat;  }

#gold
{
color:#FF6908;
font-weight:bold;
font-size:12px;
}

#yellow
{
color:#FF9933;
font-weight:bold;
font-size:11px;
}


/* BODY ---------------------------------------------------------------------------------------------------------- */

.body {
  text-align: center;
  padding-top: 40px;
  background: url('/images/body_bk.gif') top left repeat-x;
}

/* PAGE ---------------------------------------------------------------------------------------------------------- */

#page {
  background: #FFFFFF url('/images/page_bk.gif') top center no-repeat;
  margin:0 auto;
  text-align: left;
  width: 900px;
}

/* LOGO ---------------------------------------------------------------------------------------------------------- */

#logo {
}
* html #menu {  }

/* MENU ---------------------------------------------------------------------------------------------------------- */

#menu { padding-top: 8px; }

#menu_right { float: right;  }

#menu ul, #menu li { margin: 0px; padding: 0px; }

#menu li {
  padding-left: 2px;
  padding-right: 2px;
  float: left;
}
* html #menu li { float: none; }
#menu li.first { padding-left: 0px;  }
#menu li.last { padding-right: 0px; }

#menu a {
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  background: url('/images/menu_tab.gif') bottom left no-repeat;
  height: 15px;
  width: 80px;
  padding-left: 25px;
  padding-top: 4px;
}
* html #menu a { width: 105px; height: 19px; }


#menu_6 a { background-image: url('/images/menu_panel.gif'); }
#menu_6 i {
  display: none;
}

#page_1 #menu_1 {
  
}

/* MAIN ---------------------------------------------------------------------------------------------------------- */

#main {
  background-color: #FFFFFF;
  border: 1px solid #dfdfdf;
  padding-left: 4px;
  padding-right: 4px;
}

/* HEADER -------------------------------------------------------------------------------------------------------- */

#header {
  padding-top: 18px;
  background: url('/images/header_bk.gif') top left repeat-x;
  overflow: hidden;
}

/* CONTENT ------------------------------------------------------------------------------------------------------- */

#content {
  min-height: 200px;
}
* html #content { height: 200px; }

#content_nav {
  width: 190px;
  background-color: #f5f5f5;
}

#content_nav ul { list-style: none; margin: 0px; padding:0px; list-style-position: outside; }
#content_nav li {
  border-bottom: 1px solid #CCCCCC;
  margin: 0px; padding:0px;
  padding: 5px;
  margin-left: 5px;
  padding-left: 10px;
  background: url('/images/nav_dot_bk.gif') center left no-repeat;
  margin-top: 0px;

  background: url('/images/nav_dot_bk.gif') 0px 7px no-repeat;
}

#content_nav ul li ul li {
  border-bottom: 1px solid #F5F5F5;
  margin: 0px; padding:0px;
  padding-bottom: 0px;  
  padding-top: 5px;
  padding-right: 5px;
  margin-left: 5px;
  padding-left: 10px;
  background: url('/images/nav_dot_bk.gif') center left no-repeat;
  
  background: url('/images/nav_dot_bk.gif') 0px 8px no-repeat;
}

#content_nav a {
  color: #333333; 
  text-decoration: none;
}
#content_nav a:hover { text-decoration: underline; }

#content_nav .navactive a { font-weight: bold; }

#content_col1 {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 10px;
  width: 428px;
}
* html #content_col1 { width: 450px; }

#content_col2 {
  width: 125px;
}

#content_coljob {
  border-left: 1px solid #cccccc;
  border-right: 0px solid #cccccc;
  padding: 10px;
  width: 675px;
}
* html #content_coljob { width: 675px; }

/* FOOTER -------------------------------------------------------------------------------------------------------- */

#footer, #footer ul, #footer li { padding: 0px; margin: 0px; }
#footer ul { padding: 5px; }
#footer a {
  border-left: 1px solid #c8c8c8;
  padding-left: 4px;
  padding-right: 4px;
}
#footer li.first a { border-left-width: 0px; padding-left: 0px; }


/* COPY ---------------------------------------------------------------------------------------------------------- */

#copy {
  margin-top: 5px;
  color: #808080;
  font-size: 10px;
}
#copy a { color: inherit; text-decoration: underline; }

#copy_atomic { float: right; }



/* CUSTOMIZATION ------------------------------------------------------------------------------------------------ */

  /* HOME ------------------------------------------------------------------------------------------------------- */
  
  #page_1 #content {
    background: #f5f5f5 url('/images/content_bk.gif') top left repeat-x;
  }
    
  #page_1 #content_col1 {
    padding: 10px;
    width: 280px;
    /*background: url('/images/content_col_sep.gif') top right repeat-y;*/
    min-height: 325px;
  }
  * html #page_1 #content_col1 { width: 300px; height: 325px; }
  
  #page_1 #content_col2 {
    padding: 10px;
    width: 265px;
    background: url('/images/content_col_sep.gif') top right repeat-y;
    min-height: 325px;
  }
  * html #page_1 #content_col2 { width: 285px; height: 325px;  }
  
  #page_1 #content_col3 {
    padding: 10px;
    width: 120px;
    background: url('/images/content_col_sep.gif') top right repeat-y;
    min-height: 325px;
  }
  * html #page_1 #content_col3 { width: 140px; height: 325px; }
  
  #page_1 #content_col4 {
    padding: 10px;
    width: 140px;
    min-height: 325px;
  }