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; }

#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
  { margin: -10px auto 0px auto; width: 980px; height: 1191px; text-align: center; }

/* ========== Columns ========== */
/* ============================= */

/* -32px to account for the captions in the intro pics */

#column_left
  { float: left; width: 285px; height: 989px; margin: 0px auto; padding: 0px; text-align: left; }

#column_middle
  { float: left; width: 440px; height: 989px; margin: 0px auto; padding: 0px; text-align: left; }

#column_right
  { float: left; width: 255px; height: 989px; margin: 0px auto; padding: 0px; text-align: left; }

#column_left, #column_middle, #column_right
  { position: relative; top: -32px; }

#column_left, #column_right, #column_middle
  { background-color: white; }

#news_more a:link, #news_more a:visited
#news_more a:hover, #news_more a:active
  { font-family: Arial; font-size; 11px; font-weight: bold; text-decoration: underline; color: white; }

#products_table p
  { width: 150px; }

#products_more a:link, #products_more a:visited
#products_more a:hover, #products_more a:active
  { font-family: Arial; font-size; 11px; font-weight: bold; text-decoration: underline; color: black; }

/* --- Left Column --- */

.side_main_container
  { margin: 0px; }

.side_main_table
  { margin: 7px auto; width: 264px; }

#side_main_bg1, #side_main_bg2, #side_main_bg3
  { width: 264px; height: 37px; }

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

#side_main_content1, #side_main_content3
  { width: 264px; height: 202px; vertical-align: top; background-color: #F2F9E6; }

#side_main_content2
  { width: 264px; height: 162px; background-color: #F2F9E6; }

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

#news_text
  { font-family: Arial; font-size: 11px; margin: 10px auto; }

.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; }

.side_main_end
  { background-image: url('images/home_sidebar_bottom.png'); width: 264px; height: 5px; }

/* --- 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; }

#loginform select
  { font-family: Verdana; font-size: 11px; margin: 2px 2px 3px 3px; }
/* --- Video section of sidebar --- */
/*
#video_bg
  { width: 260px; height: 202px; margin: 0px auto; }
*/
#video_bg
  { width: 260px; height: 172px; margin: 0px auto; }
/*
#video_table
  { margin: 12px auto; text-align: center; }
*/
#video_table
  { margin: 12px auto; }

#video_table td
  { text-align: center; width: 120px; margin: 0px auto; }

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

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

#video_buttons
  { text-align: right; margin-right: 10px; }

/* --- Products secton of sidebar --- */

#products_table td
  { padding: 8px; vertical-align: top; line-height: 170%; }

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

#magazine_container
  { margin: 0px; }

#magazine_table
  { width: 225px; margin: 5px; }

#magazine_summary
  { height: 200px; font-family: Verdana; font-size: 11px; line-height: 160%; padding: 0px 5px; vertical-align: top;}

#magazine_cover
  { height: 200px; font-family: Arial; font-size: 11px; font-weight: bold; text-align: center; padding: 2px; vertical-align: top;}

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

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

#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; }

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

/* --- Welcome section--- */

#welcome
  { margin: 10px; border: }

#welcome_heading
  { margin: 10px auto -5px 0px; width: 400px; font-size: 18px; text-align: left; color: #B20000; }

.heading_hr
  { border: none; background-color: #CCCCCC; height: 1px; }

.content_subheading
  { font-size: 11px; font-family: Arial; text-align: left; position: relative; top: 0px; margin: -3px auto 0px auto; }

#welcome p
  { line-height: 200%; }

#welcome img
  { margin: 15px auto; }

/* --- Services section--- */

#services
  { margin: 10px; }

#services_heading
  { margin: 10px auto -5px 0px; width: 400px; font-size: 18px; text-align: left; color: #52773D; }

#services ol
  { font-weight: bold; line-height: 200%; }

#services li
  { position: relative; left: -15px; }

#services table
  { margin: 10px auto; }

#services td
  { padding: 0px 5px; }

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

#intro_more
  { text-align: right; margin-right: 20px; }

#intro_more a:link, #intro_more a:visited
#intro_more a:hover, #intro_more a:active
  { font-family: Arial; font-size; 11px; font-weight: bold; text-decoration: underline; color: #B20000; }

#qualifications_more
  { text-align: right; margin-right: 20px; }

#qualifications_more a:link, #qualifications_more a:visited
#qualifications_more a:hover, #qualifications_more a:active
  { font-family: Arial; font-size; 11px; font-weight: bold; text-decoration: underline; color: #52773D; }

/* === Right column === */

#right_container
  { margin: 10px; padding: 0px; width: 235px; height: 752px; text-align: left; }

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

#right_container hr
  { border: none; background-color: #CCCCCC; height: 1px; width: 228px; margin: 0px auto; }

#success_more
  { width: 200px; text-align: right; }

#success_more a:link, #success_more a:visited
#success_more a:hover, #success_more a:active
  { font-family: Arial; font-size; 11px; font-weight: bold; text-decoration: underline; color: black; }

/* ===== Footer ===== */

/* -32px to account for the captions in the intro pics */

#rounded_main_bottom, #affiliates, #footer
  { position: relative; top: -32px; }

#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; }