@charset "ISO-8859-1";
/*
 * apc.css - style sheet for asia-pacific-connections.com
 *
 */

a:link
{
 color: #006;
 text-decoration: underline;
}
a:visited
{
 color: #006;
 text-decoration: underline;
}
a:hover
{
 color: #006;
 text-decoration: underline;
}
a:focus
{
 color: #006;
 text-decoration: underline;
}
a:active
{
 color: #006;
 text-decoration: underline;
}
/* applies outside content area, which has special rules (i.e. Trebuchet) */
p
{
 font-family: Arial, Geneva, Helvetica, sans-serif;
 font-size: 10pt;      /* size widely inherited */
}

html,
body
{
/* defeats client wnd bevel in IE; breaks visual model
 border: 0;
 */
}

img.i0
{
 border: 0 !important;
}

/* many structural rules */

body#bdyMainPage
{
 margin: 0;
 padding-top: 0;
 padding-right: 5px;
 padding-bottom: 10px;
 padding-left: 5px;
 font-size: 10px;
 font-family: Arial, Geneva, Helvetica, sans-serif;
 line-height: 150%;
 text-align: center;   /* cascades! (in standards compliant browsers); must terminate */
 background-color: White;
}

/*
 * bits 'o border - risks the wrath of Kris
 */

td#HeaderTD
{
 border-top: solid 1px Black;
}
td#lVBarTmargTD,
td#lVBarBmargTD
{
 border-right: solid 1px Black;
}
td#rVBarTmargTD,
td#rVBarBmargTD
{
 border-left: solid 1px Black;
}
td#CopyrightTD
{
 border-bottom: solid 1px Black;
}
/* i.e. all but main page */
body#bdyContentPage
{
 margin: 0;
 padding-top: 30px;
 padding-right: 20px;
 padding-bottom: 20px;
 padding-left: 20px;
 font-size: 10px;
 font-family: Arial, Geneva, Helvetica, sans-serif;
 line-height: 150%;
 text-align: center;   /* cascades! (in standards compliant browsers); must terminate */
 background-color: White;
/*
 background-color: #ccf;
 */
}

/*
 * Structure of Content Pages
 */
/* The Main Page (rest of main page rules are far below...) */
table#tblMainPage
{
 width: 760px;         /* fits in 800x600 mode */
 margin-left: auto;    /* these effect centering */
 margin-right: auto;
 padding-top: 0;
 text-align: left;     /* end cascade from body#bdyMainPage! */
}
/* all of the pages other than the main page */
table#tblContentPage
{
 width: 942px;   /* future: remove; let the sum of column widths rule (must remove 'stretchy') */
 margin-left: auto;    /* these effect centering */
 margin-right: auto;
 text-align: left;     /* end cascade from body#bdyContentPage! */
}
/* cell in the top left corner; blank at the moment... (spans two rows!) */
td#CornerTopLeftTD
{
/* omit because it is forced by the sum of the row it spans
 height: 81px;
 */
/*
 width: ... in common selector below...
 */
 vertical-align: top;
}
/* cell in the top left corner; blank at the moment,
 * cell with page title's leftward tail in it,
 * cell with section menu in it (left-side)
 */
td#CornerTopLeftTD,
td#TitleTailTD,
td#SecMenuTD
{
 width: 145px;         /* common specification of column width */
}
/* the empty cells above and below the left and right Vertical bars,
 * cell with lefthand vertical bar in it; small top bit,
 * cell at 'intersecion' of horz and vert bars (height in common selector below...),
 * cell with lefthand vertical bar in it; large bottom chunk,
 * cell with righthand vertical bar in it; spans 3 rows
 */
td#lVBarTmargTD,
td#rVBarTmargTD,
td#lVBarBmargTD,
td#rVBarBmargTD,
td#VBarTLeftTD,
td#TitleXSecTD,
td#VBarBLeftTD,
td#VBarRightTD
{
 width: 24px !important;     /* i.e. all the cells in the two columns stacked to either side of the content */
 vertical-align: top;        /*('top' just to keep track of the nbsp)*/
}
td#lVBarTmargTD,
td#rVBarTmargTD
{
 height: 51px;
}
td#lVBarBmargTD,
td#rVBarBmargTD
{
/*
 height: ...px; omitted as true height is driven by copyright notice font-size and padding
 */
}
/* cell with lefthand vertical bar in it; small top bit */
td#VBarTLeftTD
{
 height: 30px;
}
/* cell with the right margin in it; spans 5 rows! (fate of this thing is an open question) */
td#RightMarginTD
{
 width: 69px;
}
/* cell the header lives in */
td#HeaderTD
{
 padding-left: 0px;
/* height: ???px; TBD... width? */
/* width: 680px;  this is the strechy column... omit */
 height: 70px;   /* true height avail is 81px...*/
 vertical-align: top;
}
table#Header
{
 width: 100%;    /* this the strechy column... */
 height: 100%;
}
/* above table#Header has 3 cells: td#APCbugTD td#APCblurbTD td#TopMenuTD */
/* header cell with large 'apc' in it - also used by application_sent.html! */
/*(no block level element, right in the TD)*/
td#APCbugTD
{
 padding-left: 20px;
 padding-bottom: 4px;
 width: 100px;
 margin-top: -10px;    /* 'ware of misbehaviour...*/
 font-family: "Arial Black", Arial, Geneva, Helvetica, sans-serif;
 font-size: 48px;
 font-style: italic;
 letter-spacing: -2pt;
 color: #006;
}
/* override colour and gewgaw */
td#APCbugTD a
{
 color: #006;
 text-decoration: none;
}
/* header cell with 'Asia-Pacific Connections' and blurb in it */
td#APCblurbTD
{
 padding-left: 10px;
 width: 310px;
}
/* "Asia-Pacific Connections" */
td#APCblurbTD h1
{
 margin-top: 2px;
 margin-bottom: 0;
 font-size: 13.5pt;
 font-weight: bold;
 color: Black;
 line-height: 100%;
}
/* "English Teaching Employment Services for Korea" */
td#APCblurbTD p
{
 margin-top: 2px;
 margin-bottom: 0;
 line-height: 100%;
}
/* header cell with 4-link menu in it */
td#TopMenuTD
{
 padding-top: 10px;
 padding-right: 20px;
 vertical-align: top;
}
table#tblTopMenu
{
 margin-left: auto;    /* these effect right-alignment */
 margin-right: 0;
}
/* table#tblTopMenu has four cells... */
table#tblTopMenu td
{
 padding: 0 0 5px 6px;
 text-align: right;
 vertical-align: top;
}
/* cell with page title's leftward tail in it; coloured per-section with class-rules below */
td#TitleTailTD
{
 vertical-align: top;
/*
 width: ... in common selector above...
 height: ... in common selector below...
 */
}

td#TitleBarTD
{
/* width: 680px;  this is the strechy column... omit */
}
table#tblTitleBar
{
 width: 100%;
}
/* table#tblTitleBar has two cells: td#TitleTD and td#SectionTD */
/* cell with page title in it (coloured per-section with class-rules below) */
td#TitleTD
{
 width: 382px;
/*
 height: ... in common selector below...
 */
}
/* cell with section name in it */
td#SectionTD
{
/*
 width: 298px; -- allowing this to be calculated...
 height: ... in common selector below...
 */
}
/* common specification of row's height - no id on TR (YET?) */
td#TitleTailTD,
td#TitleXSecTD,
td#TitleTD,
td#SectionTD
{
 height: 24px; /* was 23px; */
}
/* format page title (sans background colour; below) */
td#TitleTD h1
{
 margin: 0;
 padding: 0 0 0 20px;  /* should make our padding constant commonized */
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 13.5pt;
 font-weight: bold;
 color: Black;
}
/* format section name */
td#SectionTD h1
{
 margin: 0;
 padding: 0 20px 0 0;  /* should make our padding constant commonized */
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11pt;
 font-weight: bold;
 font-style: italic;
 color: Black;
 text-align: right;
}
/* cell with section menu in it (left-side) */
td#SecMenuTD
{
 margin: 0;
 padding: 0;
/*
 width: ... in common selector above...
 */
 vertical-align: top;
/* works, but don't...
 text-align: center;
 */
}
/* format section menu elements */
td#SecMenuTD h2
{
 margin-top: 3px !important; /* this is not working as expected... */
 margin-bottom: 3px !important;
 padding-top: 0px;
 padding-bottom: 0px;
 font-size: 12pt;
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-align: center;
}
td#SecMenuTD p
{
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
}
/* Main Content Cell */
td#ContentTD
{
 margin: 0;
 padding-top: 20px;
 padding-right: 20px;
 padding-bottom: 40px;
 padding-left: 20px;
 vertical-align: top;
}
/* cell with copyright notice in it (bottom) */
td#CopyrightTD
{
 padding: .4em 20px .5em 0;
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10.5pt;
 font-style: italic;
 text-align: right;
 vertical-align: bottom;
}

/* classes that format cells per their section */
 /* cell with lefthand vertical bar in it; small top bit */
 /* cell with lefthand vertical bar in it; large bottom chunk */
 /* cell with righthand vertical bar in it; spans 3 rows */
 /* currently these don't vary by section, but are classed to enable... */
td.tdVBarTLeftContactAPC,
td.tdVBarTLeftTeachingKR,
td.tdVBarTLeftLivingKR,
td.tdVBarBLeftContactAPC,
td.tdVBarBLeftTeachingKR,
td.tdVBarBLeftLivingKR,
td.tdVBarRightContactAPC,
td.tdVBarRightTeachingKR,
td.tdVBarRightLivingKR
{
 background-color: #323221;  /* Kris calls this 'brown' */
}

/* classes that format cells per their section */

td.tdTitleContactAPC,
td.tdTitleTailContactAPC
{
 background-color: #690;     /* cells that form the Title Bar and its left-hand tail */
}
td.tdTitleTeachingKR,
td.tdTitleTailTeachingKR
{
 background-color: #39f;
}
td.tdTitleLivingKR,
td.tdTitleTailLivingKR
{
 background-color: #c60;
}
/* cell at 'intersection' of horz and vert bars - blend of two colours */
td.tdTitleXSecContactAPC
{
 background-color: #3F5511;
}
td.tdTitleXSecTeachingKR
{
 background-color: #369;
}
td.tdTitleXSecLivingKR
{
 background-color: #930;
}
/* these are the 'page' cells that share a background colour - by section */
td.tdHeaderContactAPC,
td.tdSectionContactAPC,
td.tdContentContactAPC,
td.tdCopyrightContactAPC
{
 background-color: #f1f1e2;
}
td.tdHeaderTeachingKR,
td.tdSectionTeachingKR,
td.tdContentTeachingKR,
td.tdCopyrightTeachingKR
{
 background-color: #eaf4ff;
}
td.tdHeaderLivingKR,
td.tdSectionLivingKR,
td.tdContentLivingKR,
td.tdCopyrightLivingKR
{
 background-color: #efefe7;
}
/* ick. this is to force page to longish even when little content. */
/* content cell must surpass section menu or copyright bar gets fucked up */
td.tdContentContactAPC,
td.tdContentTeachingKR,
td.tdContentLivingKR
{
 height: 800px; /* mebbe by id, not class? (unless want to differ by section)*/
}

/*
 * rules for stuff in the interior of the content area
 */
/* additional h1s inside page; used sparingly - see 'External Links'*/
td#ContentTD h1
{
 margin: 1em 0 .75em 0;
 padding: 0;
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 13pt;
 font-weight: bold;
 line-height: 1.2em;
 color: Black;
}
h1.h1Top
{
 margin-top: .4em !important;      /* less... (!important required to trump td#ContentTD h1) */
}
/* most content area headings should be h2 - td#TitleTD h1 is the main heading */
td#ContentTD h2
{
 margin: 1em 0 .5em 0;
 padding: 0;
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12pt;
 font-weight: bold;
 line-height: 1.2em;
 color: Black;
}
td#ContentTD h2:first-child
{
/* color: green; Firefox supports this; does the green - IE6 does not...
  margin-top: .4em; less... */
}
h1.h1Larger,
h2.h2Larger,
h3.h3Larger
{
 font-size: larger !important;
}
h1.h1Smaller,
h2.h2Smaller,
h3.h3Smaller
{
 font-size: smaller !important;
}
h2.h2Top
{
 margin-top: .4em !important;      /* less... (!important required to trump td#ContentTD h2) */
}
/* one-off for 'teaching methods' */
h3.h3Example
{
 margin: .5em 0 .25em 0;
 padding: 0;
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 line-height: 1.2em;
 color: Black;
}

td#ContentTD,
td#ContentTD p,
p.pBodySm
{
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin: .4em 0 .5em 0;
 line-height: 1.2em;
 text-align: justify;
}
/* override */
p.pBodyLg
{
 margin: .5em 0 .5em 0 !important;
 font-size: 9pt;
 line-height: 1.3em !important;
}
/* override */
p.pBodySm
{
 margin: .3em 0 .5em 0 !important;
 font-size: 9pt;
 line-height: 1.15em !important;
}
p.pTop
{
 padding-top: 0;
}
p.pIn
{
 padding-left: 1em;
}
p.pEm
{
 font-style: italic;
}
/* used for the notes on testimonial headings to remove bold; mebbe rename and reduce font size and add italic... */
span.spanNormal
{
 font-weight: normal;
}
div.divTestimonials
{
}
div.divTestimonials h2
{
 font-size: 10.5pt !important;
}
div.divTestimonials p
{
 padding-left: 1em;
 font-style: italic;
/*
 color: #00a;
 */
}
td#ContentTD img
{
 border-width: 1px;
 border-style: solid;
 border-color: #666;
}
/* for data tables in body-text region; see 'Working Conditions' and 'Korea Compared' */
table.tblBody,
table.tblDense,
table.tblCompact,
table.Embassies
{
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
}
table.tblBody th,
table.tblCompact th
{
 padding: .3em 1.5em .3em 0; /* flush-left; extra on right */
 font-weight: bold;
 line-height: 150%;
 text-align: left;
 vertical-align: top;
}
table.tblBody td,
table.tblCompact td
{
 padding: .3em 1.5em .3em 0; /* flush-left; extra on right */
 line-height: 150%;
 text-align: left;
 vertical-align: top;
}
/* one-off on 'Korea Compared' */
table.tblDense th,
table.tblDense td
{
 padding-left: .3em;
 padding-right: .3em;
 font-size: 8.5pt;
}
/* used on 'korean_diplomatic_offices.html' and 'featured_jobs.html' */
table.tblCompact th,
table.tblCompact td
{
 line-height: 1.2em;
}
table.Embassies
{
 width: 100%;
 border-collapse: collapse;
 background-color: White;
}
table.Embassies th,
table.Embassies td
{
 border: solid 1px #999;
 padding: .5em;
 text-align: center;
 vertical-align: top;
}
table.Embassies th
{
 font-weight: bold;
 line-height: 200%;
 background-color: #dfe6f4;
}
table.Embassies td
{
 font-weight: normal;
 line-height: 110%;
}

/* lists in content area */

td#ContentTD ul,
td#ContentTD ol
{
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
}

td#ContentTD ul
{
 line-height: 1.3em;
 list-style-type: disc;
 list-style-image: none;
 margin: .3em 0 0 1.5em;     /* t r b l */
 padding: 0;
}
td#ContentTD ol
{
 line-height: 1.3em;
 list-style-type: decimal;
 margin: .3em 0 0 2.2em;     /* t r b l */
 padding: 0;
}
/* not used, but... */
td#ContentTD ul.ulEm,
td#ContentTD ol.olEm
{
 font-style: italic;
}
td#ContentTD li
{
 text-align: justify;
 margin-bottom: .3em;
}

/*
 * rules for nav boxes on main page
 */

table.tblMainBox
{
 padding: 2px;
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10.5pt;
 color: White;
}
table.tblMainBox th
{
 padding: 2px 0 6px 2px;
 font-weight: normal;  /* only heading-portion is bold */
 text-align: left;
}
table.tblMainBox td
{
 padding: 2px;
 line-height: 1.4em;
 vertical-align: top;
}
table.tblMainBox h1
{
 display: inline;      /* text continues on same line*/
 font-size: 13.5pt;
 font-weight: bold;    /* just being explicit */
 color: White;
}
/* very boring */
table.tblMainBox a:link,
table.tblMainBox a:visited,
table.tblMainBox a:hover,
table.tblMainBox a:focus,
table.tblMainBox a:active
{
 color: White;
}
table.tblMainBox a:hover
{
}

/*
 * rules for the application form
 */

form
{
 margin: 0;
 border: 0;
 padding: 0;
 font-size: 12pt;
}
input,
select,
textarea
{
 padding-left: .25em;
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}
input,
textarea
{
 padding-right: .25em;
}
input,
textarea
{
}
input.SendButton
{
 font-weight: bold;
}
form p,
form td
{
 margin: .4em 0 .5em 0;
 font-size: 12pt;
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 line-height: 1.2em;
 text-align: justify;
}
table.tblForm
{
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}
table.tblForm td
{
 padding: .3em 1em .3em 0; /* flush-left; extra on right */
 line-height: 150%;
 text-align: left;
 vertical-align: middle;
}
/* used in lieu of blockquote */
div.divForm
{
 padding-left: 2em;
}

/*
 * one-off for application sent message
 */
/* not a separate popup window, just a brief note: application_sent.html */
body#bdyDialogue
{
 margin-top: 50px;
 font-size: 12pt;
 font-family: "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
 line-height: 150%;
 text-align: center;   /* cascades! (in standards compliant browsers); must terminate */
 background-color: White;
}
/* application sent msg */
table#tblDialogue
{
 width: 455px;         /* just a bitty postcard */
 margin-left: auto;    /* these effect centering */
 margin-right: auto;
 padding-top: 0;
 text-align: left;     /* end cascade from body#bdyDialogue! */
}