body
  { font-family: Verdana; font-size: 11px; text-align: center;
    background: #96DAE7 url('images/background.png') repeat-x top center; }

td
  { font-family: Verdana; font-size: 11px; }

/* --- Decorative bar --- */

#bar_deco
  { margin: 0px auto; }

#clouds
  { margin: 10px auto; width: 980px;
    background: url('images/clouds.jpg') no-repeat center -10px; }

/* --- Header: Logo and links at top --- */

#header
  { margin: 10px auto; padding: 0px; width: 980px; height: 60px; text-align: right; }
#logo
  { float: left; }

#links-top
  { font-family: arial; font-size: 11px; color: #C1C1C1; }

#links-bottom img
  { vertical-align: middle; }

#links-top a:link, #links-top a:visited
  { text-decoration: none; color: #666666; }
#links-top a:hover, #links-top a:active
  { text-decoration: underline; color: #666666; }

/* ========== Navigation Tabs ========== */
/* ===================================== */

#navigation_tabs
  { margin: 0px auto; width: 980px; }

#nav_tab_table, #nav_tab_menu
  { margin: 0px auto; }

#nav_tab_row td
  { width: 90px; height: 37px; margin: 0px 2px; text-align: center; font-family: Verdana; font-weight: bold; color: white; cursor: pointer; }

#nav_tab_row a:link, #nav_tab_row a:visited,
#nav_tab_row a:hover, #nav_tab_row a:active
  { text-decoration: none; color: white; }

#tab_home
  { background-image: url('images/nav_tab1.png'); }
#tab_solutions
  { background-image: url('images/nav_tab2.png'); }
#tab_courses
  { background-image: url('images/nav_tab3.png'); }
#tab_schedules
  { background-image: url('images/nav_tab4.png'); }
#tab_success
  { background-image: url('images/nav_tab5.png'); }
#tab_instructors
  { background-image: url('images/nav_tab6.png'); }
#tab_events
  { background-image: url('images/nav_tab7.png'); }
#tab_resources
  { background-image: url('images/nav_tab8.png'); }
#tab_about
  { background-image: url('images/nav_tab9.png'); }
#tab_chinese
  { background-image: url('images/nav_tab10.png'); font-size: 13px; }

#nav_tab_menu 
  { width: 980px; height: 34px; margin: -2px auto 0px auto; background-repeat: no-repeat;
    background-image: url('images/home_menu.png'); }

#nav_tab_spacer td
  { width: 90px; height: 1px; margin: 0px 2px; }

/* links in the #nav_tab_menu */

#nav_tab_menu div
  { height: 34px; text-align: left; padding-top: 7px; }

#nav_tab_menu div a:link, #nav_tab_menu div a:visited
  { font-face: Verdana; font-size: 11px; text-decoration: none; color: white; }
#nav_tab_menu div a:hover, #nav_tab_menu div a:active
  { font-face: Verdana; font-size: 11px; text-decoration: underline; color: white; }

#nav_tab_menu img
  { vertical-align: middle; margin: 0px 7px; }

#main_event
  { margin: -10px auto 0px auto; width: 980px; height: 1922px; text-align: center; }

#main
  { margin: -10px auto 0px auto; width: 980px; height: 1040px; text-align: center; }

/* ========== Sidebar ========== */
/* ============================= */

#sidebar_event
  { float: left; width: 236px; height: 1922px; margin: 0px auto; padding: 0px; text-align: left; }

#sidebar
  { float: left; width: 236px; height: 1040px; margin: 0px auto; padding: 0px; text-align: left; }

/* --- Title of sections and horizontal divider between sections --- */
.sidebar_title
  { font-family: Arial; font-size: 16px; margin: 12px 10px; font-weight: bold; letter-spacing: -1px;}

#sidebar hr
  { border: none; background-color: #CCCCCC; height: 1px; width: 228px; margin: 30px auto 15px auto;}

/* --- Main section of sidebar --- */

#side_main_container
  { margin: 10px; }

#side_main_table
  { margin: 10px auto; width: 210px; }

#side_main_bg
  { width: 210px; height: 29px; }

#side_main_title
  { font-family: Verdana; font-size: 20px; color: white; margin-left: 18px; letter-spacing: -2px;}

#side_main_content
  { width: 210px; height: 161px; vertical-align: top; }

#side_main_text
  { font-family: Verdana; font-size: 11px; margin: 20px 20px 0px 20px;}

.side_main_divider
  { margin: 7px auto 5px auto;}

#side_main_text a:link, #side_main_text a:visited
  { color: black; text-decoration: none; }
#side_main_text a:hover, #side_main_text a:active
  { color: black; text-decoration: underline; }

/* --- Login section of sidebar --- */

#login_container
  { margin: 10px; }

#loginform
  { font-family: Verdana; font-size: 11px; font-weight: bold;}

#loginform input
  { font-family: Verdana; font-size: 11px; margin: 2px 2px 3px 3px; }

/* --- Video section of sidebar --- */

#video_bg
  { width: 201px; height: 216px; margin: 0px auto; }

#videos table
  { margin: 0px auto; text-align: center; }

#videos td
  { padding: 10px 10px 0px 10px; }

#video_caption
  { font-family: Verdana; font-size: 11px; font-weight: bold; text-align: center; margin: 0px auto 5px auto; height: 30px; }

#video_summary
  { font-family: Verdana; font-size: 10px; line-height: 160%; text-align: center; height: 75px; margin: 5px auto 0px auto; }

/* --- Magazine section of sidebar --- */

#magazine_container
  { margin: 10px; }

#magazine_summary
  { width: 118px; height: 200px; font-family: Verdana; font-size: 11px; line-height: 160%; margin: 1px; }

#magazine_cover
  { height: 200px; font-family: Arial; font-size: 11px; font-weight: bold; text-align: center; margin: 1px; }

#magazine_cover img
  { border: none; margin-bottom: 5px; }

/* ========== Main Content ========== */
/* ================================== */

#content_event
  { float: left; width: 744px; height: 1922px; margin: 0px auto; padding: 0px;
    font-size: 11px; background: white no-repeat bottom right; text-align: center; }

#content
  { float: left; width: 744px; height: 1040px; margin: 0px auto; padding: 0px;
    font-size: 11px; background: white no-repeat bottom right; text-align: center; }

#content_text p
  { font-family: Verdana; font-size: 11; line-height: 160%; }

/* --- For most links in the content panel, underline when hovered over/active --- */
#footprints a:link, #footprints a:visited,
a#page_active:link, a#page_active:visited,
a.page_other:link, a.page_other:visited
  { text-decoration: none !important; }
#footprints a:hover, #footprints a:active,
a#page_active:hover, a#page_active:active,
a.page_other:hover, a.page_other:active
  { text-decoration: underline !important; }

/* --- No hover for content text links, however --- */
#content_text a:link, #content_text a:visited,
#content_text a:hover, #content_text a:active
  { font-weight: bold; }

/* --- Trail showing link back to home page --- */
#footprints
  { margin: auto; width: 703px; text-align: right; padding: 15px 0px 10px 0px;}

#footprints a
  { margin: 0px 2px; }

#footprints_current
  { font-weight: bold; }

#footprints a:link, #footprints a:visited,
#footprints a:hover, #footprints a:active
  { color: black; }

a#footprints_current:link, a#footprints_current:visited,
a#footprints_current:hover, a#footprints_current:active
  { color: black; text-decoration: underline; }

/* --- Navigation when content takes up multiple pages --- */
#content_nav
  { margin: 10px auto; width: 703px; text-align: right; }

/* --- Color and bold for content navigation --- */
#page_active
  { font-weight: bold; margin: 0px 2px; }

.page_other
  { color: black; font-weight: bold; margin: 0px 2px; }

/** Note: The following "text-align: left"s are necessary for IE to re-align left... **/

/* --- Title of current page --- */
#content_heading
  { margin: 10px auto; width: 703px; font-size: 20px; text-align: left; }

#content_heading hr
  { border: none; background-color: #C1C1C1; height: 1px; position: relative; top: -5px; }

/* --- Subheading for each section of the content --- */
#content_subheading
  { font-size: 12px; font-weight: bold; text-align: left; }

/* --- Regular content text --- */
#content_text
  { width: 703px; line-height: 160%; margin: 0px auto; text-align: left; font-size: 12px; }

#rounded_main_bottom
  { margin: 0px auto; width: 980px; height: 2px; background-repeat: no-repeat; }

/* --- Affiliate buttons --- */

#affiliates
  { margin: 10px auto; width: 980px; height: 65px;
    background-image: url('images/rounded_aff.png'); background-repeat: no-repeat; }

#affiliates img
  { margin: 15px 15px; border: none; }

/* --- Footer: links at bottom and copyright --- */

#footer
  { margin: 10px auto; width: 980px; height: 65px; }

#links-bottom img
  { vertical-align: middle; }

#links-bottom a:link, #links-bottom a:visited
  { text-decoration: none; font-weight: bold; color: black; font-size: 11px; }
#links-bottom a:hover, #links-bottom a:active
  { text-decoration: underline; font-size: 11px; }

#copyright
  { font-family: arial; font-size: 11px; text-align: center; }