/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #dd1424; color: #fff; text-shadow: none; }
::selection { background: #dd1424; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */


a { 
	outline: none;
	text-decoration: none;
	color: #dd1424; 	
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out; 
} 

a:hover { color: #ff3242; }  
/* a:visited { color: #dd1424; }  */

a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* =============================================================================
   Fonts
   ========================================================================== */
@font-face {
    font-family: 'DINNeuzeitGroteskLightRegular';
    src: url('../fonts/din-alt-webfont.eot');
    src: url('../fonts/din-alt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-alt-webfont.woff') format('woff'),
         url('../fonts/din-alt-webfont.ttf') format('truetype'),
         url('../fonts/din-alt-webfont.svg#DINNeuzeitGroteskLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINBlack';
    src: url('../fonts/din-black-webfont.eot');
    src: url('../fonts/din-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-black-webfont.woff') format('woff'),
         url('../fonts/din-black-webfont.ttf') format('truetype'),
         url('../fonts/din-black-webfont.svg#DINBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINBold';
    src: url('../fonts/din-bold-webfont.eot');
    src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-bold-webfont.woff') format('woff'),
         url('../fonts/din-bold-webfont.ttf') format('truetype'),
         url('../fonts/din-bold-webfont.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINBoldAlt';
    src: url('../fonts/din-boldalt-webfont.eot');
    src: url('../fonts/din-boldalt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-boldalt-webfont.woff') format('woff'),
         url('../fonts/din-boldalt-webfont.ttf') format('truetype'),
         url('../fonts/din-boldalt-webfont.svg#DINBoldAlt') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINLight';
    src: url('../fonts/din-light-webfont.eot');
    src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-light-webfont.woff') format('woff'),
         url('../fonts/din-light-webfont.ttf') format('truetype'),
         url('../fonts/din-light-webfont.svg#DINLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINLightAlt';
    src: url('../fonts/din-lightalt-webfont.eot');
    src: url('../fonts/din-lightalt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-lightalt-webfont.woff') format('woff'),
         url('../fonts/din-lightalt-webfont.ttf') format('truetype'),
         url('../fonts/din-lightalt-webfont.svg#DINLightAlt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINMedium';
    src: url('../fonts/din-medium-webfont.eot');
    src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-medium-webfont.woff') format('woff'),
         url('../fonts/din-medium-webfont.ttf') format('truetype'),
         url('../fonts/din-medium-webfont.svg#DINMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINMediumAlt';
    src: url('../fonts/din-mediumalt-webfont.eot');
    src: url('../fonts/din-mediumalt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-mediumalt-webfont.woff') format('woff'),
         url('../fonts/din-mediumalt-webfont.ttf') format('truetype'),
         url('../fonts/din-mediumalt-webfont.svg#DINMediumAlt') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINRegular';
    src: url('../fonts/din-regular-webfont.eot');
    src: url('../fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-regular-webfont.woff') format('woff'),
         url('../fonts/din-regular-webfont.ttf') format('truetype'),
         url('../fonts/din-regular-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINRegularAlt';
    src: url('../fonts/din-regularalt-webfont.eot');
    src: url('../fonts/din-regularalt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-regularalt-webfont.woff') format('woff'),
         url('../fonts/din-regularalt-webfont.ttf') format('truetype'),
         url('../fonts/din-regularalt-webfont.svg#DINRegularAlt') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ==|== primary styles ===================================================== */

body {
	font: normal 18px/28px DINRegular, Verdana, Arial, sans-serif;
	color: #FFF;
}

/*a {
	outline: none;
	text-decoration: none;
    -webkit-transition:background-color 0.3s linear;  
       -moz-transition:background-color 0.3s linear;  
   		 -o-transition:background-color 0.3s linear;  
   			transition:background-color 0.3s linear; 
}*/ 

h1 {
	font: normal 76px DINBold, Verdana, Arial, sans-serif;
}
h2 {
	font: normal 55px DINLight, Verdana, Arial, sans-serif;
}
h3 {
	font: normal 34px/46px DINLight, Verdana, Arial, sans-serif;
}
h3 a {
	font-family: DINMedium, Verdana, Arial, sans-serif;
}
h3 a:hover {
	color: red;
}
a.color_red, .color_red {
	color: #dd1424;
}
a.style_01 {
	padding: 35px 10px 0 0;
	font: normal 22px DINMedium, Verdana, Arial, sans-serif;
	color: #999999;
}
a.style_01:hover {
	color: #e71a2e;	
}
.medium_size24 {
	font: 24px DINMedium, Verdana, Arial, sans-serif;
}
.light_size24 {
	font: 24px DINLight, Verdana, Arial, sans-serif;
}
.bg_transition {
	display: block;
    text-indent: -9999px;  
    -webkit-transition: opacity .6s ease-in-out, background 0s 2012s; 
       -moz-transition: opacity .6s ease-in-out, background 0s 2012s; 
    	 -o-transition: opacity .6s ease-in-out, background 0s 2012s; 
    		transition: opacity .6s ease-in-out, background 0s 2012s;
}
.bg_noo_transition {
    -webkit-transition:background-color 0.3s linear;  
       -moz-transition:background-color 0.3s linear;  
   		 -o-transition:background-color 0.3s linear;  
   			transition:background-color 0.3s linear; 
}
.oy_hidden {
	position: absolute;
	right: -3000px;
	bottom: 0;
}
.pbottom_20 {
	padding-bottom: 20px;
}
.coords {
	position: absolute;
	bottom: 0; left: 0;
	width: 1px; height: 1px;
}
.left {
	float: left;
}
.testimonial_link_01 {
	display: block;
	margin-top: -16px;
	font-style: italic;
}
header {
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	background: #2c4348;
	z-index: 9999;
}
#top_menu {
	position: relative;
	padding: 4px 0 0;
}
#top_menu ul {
	position: relative;
	float: left;
	left: 50%;
	margin: 0 auto;
}
#top_menu ul li {
	position: relative;
	float: left;
	right: 50%;
	margin: 0 0 -9px 0;	
	text-align: center;
}
#top_menu ul li.chosen {
	background: url(../img/menu_arrow.png) no-repeat center 28px;	
}
#top_menu a {
	display: block;
	font-size: 16px;
	color: #FFF;
	padding-bottom: 9px; 
}
#top_menu a:hover {
	font-family: DINBold, Verdana, Arial, sans-serif;
}
#top_menu .translate a:hover {
	font-weight: bold;
}
#top_menu ul li.chosen a {
	font-family: DINBold, Verdana, Arial, sans-serif;
	color: #dd1424;
}
#top_menu .translate {
	position: absolute;
	top: 4px; left: 22px;
	font-size: 12px;
	color: #FFF;
}
#top_menu .translate a {
	font-size: 12px;
	text-align: center;
}
.t_chinese {
	width: 32px;
}
.t_korean {
	width: 46px;
}
.t_english {
	width: 40px;
}
#top_menu a.student_login {
	position: absolute;
	top: 5px; right: 21px;
	font-size: 12px;
	line-height: 26px;
	width: 122px;
	text-align: center;
}
#top_menu a.student_login:hover {
	color: #FFF;
	font-family: DINBold, Verdana, Arial, sans-serif;
}
#top_menu a.student_login span.parent {
	float: left;
	width: 23px;
	height: 23px;
	margin: 0 5px 0 0;
	background: url(../img/icons_misc.png) no-repeat 0 -23px;
}
#top_menu a.student_login span.parent>span {
	background: url(../img/icons_misc.png) no-repeat 0 0;
    width: 23px; 
    height: 23px; 
}
#top_menu a.student_login:hover span.parent span {
	background-position: 0 -23px; opacity: 0;
}
.ie7 #top_menu a.student_login {
	line-height: 24px;
}

section {
	position: relative;
	padding: 15px 0;
}
.container, .scroll_container, #why-medstart-page .bb_container, .scroll_questions_container, .scroll_freestuff_container {
	width: 967px;
	margin: 0 auto;
	padding: 0 16px 0 19px;
}
#logo {
	display: block;
	margin: 55px 0 0;
}
#home-page {
	color: #000;
	height: 980px;
}
#home-page h1 {
	margin: 48px 0 40px;
	word-spacing: -9px;
	white-space: nowrap;
}
#home-page .welcome_text {
	/*float: left;*/
	text-align: center;
	width: 813px;
	margin: -20px auto 40px;
}

.circle_red {
	float: left;
	width: 152px;
	padding: 46px 4px 38px;
	margin: -28px -21px 45px 15px;
	text-align: center;
	font: normal 34px DINMedium, Verdana, Arial, sans-serif;
	color: #FFF;
	background: #e71a2e;
	   -moz-border-radius: 105px;
	-webkit-border-radius: 105px;
			border-radius: 105px;
	   -moz-box-shadow: 0 2px 6px #727272;
	-webkit-box-shadow: 0 2px 6px #727272;
			box-shadow: 0 2px 6px #727272;
    -webkit-transition:background-color 0.3s linear;  
       -moz-transition:background-color 0.3s linear;  
   		 -o-transition:background-color 0.3s linear;  
   			transition:background-color 0.3s linear; 
		
}

.btn-group-center {
	text-align: center;
}
.rect_red {
	display: inline-block;
	width: 220px;
        padding: 15px;
        text-align: center;
	margin: 0 15px;
        font: normal 24px DINMedium, Verdana, Arial, sans-serif;
        color: #FFF;
        background: #e71a2e;
           -moz-box-shadow: 0 2px 6px #727272;
        -webkit-box-shadow: 0 2px 6px #727272;
                        box-shadow: 0 2px 6px #727272;
    -webkit-transition:background-color 0.3s linear;
       -moz-transition:background-color 0.3s linear;
                 -o-transition:background-color 0.3s linear;
                        transition:background-color 0.3s linear;
}

.rect_red.reverse {
	color: #000;
	background: #fff;
	border: 3px solid #e71a2e;
}

.rect_red:hover {
	color: #fff;
	opacity: 0.6;
}

.rect_red.reverse:hover {
	color: gray;
}

.circle_red:visited {
	color: #FFF;
}
.circle_red:hover {
	background: #E93F50;
	color: #FFF;
	   -moz-box-shadow: 0 2px 4px #626060;
	-webkit-box-shadow: 0 2px 4px #626060;
			box-shadow: 0 2px 4px #626060;
}
.line_01 {
	width: 1150px;
	margin: 46px -99px 30px;
    display:block;
    border:none;
    color:white;
    height:2px;
    background:#eeeeee;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 1050, from(#eeeeee), to(#fff));
    background: -moz-gradient(radial, 50% 50%, 0, 50% 50%, 1050, from(#eeeeee), to(#fff));
    background: gradient(radial, 50% 50%, 0, 50% 50%, 1050, from(#eeeeee), to(#fff));
}
#home-page .testimonial {
	position: relative;
	padding: 0 0 32px;
	width: 967px;
	margin: 0;
	color: #999999;
	font: normal 22px DINLight, Verdana, Arial, sans-serif;
	overflow: hidden;
	clear: both;
	height: 700px;
}
.testimonial .jCarousel {
	float: left;
	width: 967px;
	overflow: hidden;
}
.testimonial li {
	float: left;
	cursor: pointer;
	width: 967px;
}
#home-page .testimonial ul {
	position: absolute;
	padding: 0;
    margin: 0;
	list-style-type: none;
	width: 20000em;
	clear: both;
}
#home-page .testimonial strong {
	font-family: DINMedium, Verdana, Arial, sans-serif;
	font-weight: normal;
}
#home-page .testimonial a {
	color: #dd1424;
	font: italic 14px DINRegular, Verdana, Arial, sans-serif;
}
#home-page .testimonial a:hover {
	color: red;
}
#why-medstart-page {
	font-size: 15px;
	color: #FFF;
	background: #dd1424;
}
#why-medstart-page a {
	color: #FFF;
}
#why-medstart-page strong {
	font-weight: normal;
	font-family: DINBold, Verdana, Arial, sans-serif;
}
#why-medstart-page p {
	line-height: 17px;
}
#why-medstart-page h2 {
	margin: 10px 0 -5px;
}
.ie7 #why-medstart-page h2 {
	margin-bottom: -20px;
}
#why-medstart-page span.description {
	display: block;
	padding: 0 0 20px;
	font: normal 30px DINLight, Verdana, Arial, sans-serif;
}
#why-medstart-page p.medium_size24 {
	line-height: 28px;
	margin-top: 14px;
}
#why-medstart-page ul.main_cat {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#why-medstart-page ul.main_cat li, #why-medstart-page .col {
	float: left;
	width: 306px;
}
#why-medstart-page ul.main_cat  li{
	text-align: center;
}
#why-medstart-page ul.main_cat li+li, #why-medstart-page .col+.col {
	margin-left: 15px;
}
#why-medstart-page ul.main_cat li a {
	display: block;
	font: 28px DINBold, Verdana, Arial, sans-serif;
}
.icons_169x165 {
	display: block;
	width: 169px;
	height: 165px;
	margin: 0 auto 10px;
	background: url(../img/icons_169x165.png) no-repeat;
}
.icons_169x165 .bg_transition {
	width: 169px;
	height: 165px;
	background: url(../img/icons_169x165.png) no-repeat; 
}
.icon_teaching {
	background-position: 0 -165px;
}
.icon_teaching .bg_transition {
	background-position: 0 0;
}
#why-medstart-page ul.main_cat li a:hover .icon_teaching .bg_transition, #why-medstart-page ul.main_cat li.selectedLava .icon_teaching .bg_transition {
	background-position: 0 -165px; 
	opacity: 0;
}
.icon_resources {
	background-position: -169px -165px;
}
.icon_resources .bg_transition {
	background-position: 50% 0;
}
#why-medstart-page ul.main_cat li a:hover .icon_resources .bg_transition, #why-medstart-page ul.main_cat li.selectedLava .icon_resources .bg_transition {
	background-position: -169px -165px; 
	opacity: 0;
}
.icon_learning {
	background-position: -338px -165px;
}
.icon_learning .bg_transition {
	background-position: 100% 0;
}
#why-medstart-page ul.main_cat li a:hover .icon_learning .bg_transition, #why-medstart-page ul.main_cat li.selectedLava .icon_learning .bg_transition {
	background-position: -338px -165px; 
	opacity: 0;
}
#why-medstart-page ul li.backLava {
	position: absolute;
	bottom: -25px;
	width: 54px;
	height: 27px;
	background: url(../img/lava_arrow.png) no-repeat bottom center;
	z-index: 1000;	
}
#why-medstart-page .scroll_container {
	height: 99999px;
	display: block;
	position: relative;
}
#why-medstart-page .scroll {
	position: relative;
	left: 0; right: 0; bottom: 0;
	margin: 25px 0 -15px;
	background: #ec6b2e; /*  ff5f01 */
	overflow: hidden;
}
#why-medstart-page .col {
	/*min-height: 231px; */
}
#why-medstart-page .content {
	position: relative;
	margin-top: 20px;
}
.content_vertical {
  display: table;
  height: 100%;
  position: relative;
  top: -20px;
}
#why-medstart-page .bottom_bar {
	position: absolute;
	bottom: 19px;
	left: -2000px; right: -2000px;
	background: #dd1424;
	padding: 18px 0 27px;
}
#why-medstart-page .bb_container {
	position: relative;
}
#why-medstart-page .bottom_bar p {
	float: left;
	margin: 8px 14px 0 0;
	font: 22px DINBold, Verdana, Arial, sans-serif;
}
.button_01 {
	float: left;
	padding: 8px 19px 5px;
	color: #FFF;
	font: 21px DINBold, Verdana, Arial, sans-serif;
	/*border: 1px solid #ee7733;*/
	   -moz-box-shadow: 0 0px 0px #af101d;
	-webkit-box-shadow: 0 0px 0px #af101d;
			box-shadow: 0 0px 0px #af101d;
	   -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
			border-radius: 6px;
	background: #ec6029;
    -webkit-transition:background-color 0.3s linear;  
       -moz-transition:background-color 0.3s linear;  
   		 -o-transition:background-color 0.3s linear;  
   			transition:background-color 0.3s linear; 
}
.button_01:hover {	
	background: #F17A43;
}
#why-medstart-page .vertical_center {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
#why-medstart-page .list_content {
  width: 967px;
  margin-top:-100px;
  overflow: hidden;
}
#why-medstart-page #learning ul {
/*	width: 9999px;*/
	margin: 0 0 0;
	padding: 0;
	list-style-type: none;
}
#why-medstart-page #learning ul li {
	float: left;
	width: 144px;
	padding: 0 9px;
	text-align: center;
	line-height: 18px;
}
#why-medstart-page #learning ul a {
	color: #FFF;
	font: 15px DINBold, Verdana, Arial, sans-serif;
}
#why-medstart-page #learning .icons_misc {
  position: absolute;
	width: 50px;
	height: 77px;
    -webkit-transition:opacity 0.3s linear;  
       -moz-transition:opacity 0.3s linear;  
   		 -o-transition:opacity 0.3s linear;  
   			transition:opacity 0.3s linear;
   	opacity: 1; 
}
#why-medstart-page #learning .icons_misc:hover {
   	opacity: 0.5; 	
}
#why-medstart-page #learning .icons_misc .bg_transition {
	width: 50px;
	height: 77px;
	background: url(../img/icons_misc.png) no-repeat;
}
#why-medstart-page #learning .prev {
	left: -74px;
	background-position: -23px 0;
	display: none;
}
#why-medstart-page #learning .prev .bg_transition {
	background-position: -23px 0;	
}
#why-medstart-page #learning .prev:hover .bg_transition {
	background-position: -123px 0; 
	opacity: 0.8;	
}
#why-medstart-page #learning .next {
	right: -74px;
	background-position: -73px 0;
}
#why-medstart-page #learning .next .bg_transition {
	background-position: -73px 0;	
}
#why-medstart-page #learning .next:hover .bg_transition {
	background-position: -173px 0;	
	opacity: 0.8;	
}
#why-medstart-page #learning span.icons_78x75 {
	margin-bottom: 12px;
}

.icons_misc {
	display: block;
	background: url(../img/icons_misc.png) no-repeat;
	text-indent: 9999;
}
.icons_78x75 {
	display: block;
	width: 78px;
	height: 75px;
	margin: 0 auto;
	background: url(../img/icons_78x75.png) no-repeat;
	text-indent: 9999px;
}
.icons_78x75 .bg_transition {
	display: block;
	width: 78px;
	height: 75px;
	background: url(../img/icons_78x75.png) no-repeat;
}
.icon_percent {
	background-position: 0 -75px;
}
.icon_percent .bg_transition {
	background-position: 0 0;	
}
a:hover .icon_percent .bg_transition {
	background-position: 0 -75px;
	opacity: 0;
}
.icon_details {
	background-position: -78px -75px;
}
.icon_details .bg_transition {
	background-position: 12.5% 0;
}
a:hover .icon_details .bg_transition {
	background-position: -78px -75px;
	opacity: 0;
}
.icon_star {
	background-position: -156px -75px;
}
.icon_star .bg_transition {
	background-position: 25% 0;
}
a:hover .icon_star .bg_transition {
	background-position: -156px -75px;
	opacity: 0;
}
.icon_tracks {
	background-position: -234px -75px;
}
.icon_tracks .bg_transition {
	background-position: 37.5% 0;
}
a:hover .icon_tracks .bg_transition {
	background-position: -234px -75px;
	opacity: 0;
}
.icon_analysis {
	background-position: -312px -75px;
}
.icon_analysis .bg_transition {
	background-position: 50% 0;
}
a:hover .icon_analysis .bg_transition {
	background-position: -312px -75px;
	opacity: 0;
}
.icon_summary {
	background-position: -390px -75px;
}
.icon_summary .bg_transition {
	background-position: 62.5% 0;
}
a:hover .icon_summary .bg_transition {
	background-position: -390px -75px;
	opacity: 0;
}
.icon_facebook {
	background-position: -468px -75px;
}
.icon_facebook .bg_transition {
	background-position: 75% 0;
}
a:hover .icon_facebook .bg_transition {
	background-position: -468px -75px;
	opacity: 0;
}
.icon_video {
	background-position: -546px -75px;
}
.icon_video .bg_transition { 
	background-position: 87.5% 0;
}  
a:hover .icon_video .bg_transition {
	background-position: -546px -75px;
	opacity: 0;
}
.icon_two {
	background-position: -624px -75px;
} 
.icon_two .bg_transition { 
	background-position: 100% 0;
} 
a:hover .icon_two .bg_transition {
	background-position: -624px -150px; 
	opacity: 0;
}


#testimonials-page {
	background: #000;
	height: 650px; /* temp : set for empty page */ 
}
#testimonials-page h2 {
	color: #dd1424;
	margin: 12px 0 7px;
}
#testimonials-page span.description {
	display: block;
	padding: 0 0 20px;
	font: normal 30px DINLight, Verdana, Arial, sans-serif;
}

#courses-page {
	padding-bottom: 40px;
	background: #FFF;
	color: #000;
}
#courses-page h2 {
	color: #dd1424;
	margin: 12px 0 7px;
}
#courses-page span.description {
	display: block;
	padding: 0 0 20px;
	font: normal 30px DINLight, Verdana, Arial, sans-serif;
}

#questions-page {
	padding-bottom: 40px;
	background: #dd1424;
	color: #FFF;
}
#questions-page h2 {
	margin: 12px 0 7px;
	color: #FFF;
}
#questions-page a {
	color: #FFF;
}
#questions-page .list_cat, #talk-to-us-page .list_cat, #free-stuff-page .list_cat {
	position: relative;
	float: left;
	left: 50%;
	margin: 0 auto 6px;
	padding: 0;
	font: 21px DINLight, Verdana, Arial, sans-serif;
	list-style-type: none;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;

}
#free-stuff-page ul.list_cat {
	font: 18px DINLight, Verdana, Arial, sans-serif;
}
#questions-page .list_cat li, #talk-to-us-page .list_cat li, #free-stuff-page .list_cat li  {
	position: relative;
	float: left;
	width: 222px;
	right: 50%;
	text-align: center;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}
#free-stuff-page ul.list_cat li {
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #3b3b3b;
}
#questions-page .list_cat li+li, #talk-to-us-page .list_cat li+li {
	border-left: 1px solid #FFF;
}
#free-stuff-page ul.list_cat li+li {
	border-left: 1px solid #3b3b3b;
}
#questions-page .list_cat li.current {
	background: #ff3242;
	font-family: DINMedium, Verdana, Arial, sans-serif;
}
#talk-to-us-page .list_cat li.current {
	background: #333333;
	font-family: DINMedium, Verdana, Arial, sans-serif;
}
#free-stuff-page ul.list_cat li.current {
	background: #333333;
	font-family: DINMedium, Verdana, Arial, sans-serif;
}
#questions-page .list_cat li.first, #talk-to-us-page .list_cat li.first, #free-stuff-page .list_cat li.first {
	border-left: 1px solid #FFF;
	-webkit-border-radius: 8px 0 0 8px;
	   -moz-border-radius: 8px 0 0 8px;
			border-radius: 8px 0 0 8px;
}
#free-stuff-page ul.list_cat li.first {
	border-left: 1px solid #3b3b3b;
}
#questions-page .list_cat li.last, #talk-to-us-page .list_cat li.last, #free-stuff-page .list_cat li.last {
	border-right: 1px solid #FFF;
	-webkit-border-radius: 0 8px 8px 0;
	   -moz-border-radius: 0 8px 8px 0;
			border-radius: 0 8px 8px 0;
}
#free-stuff-page ul.list_cat li.last {
	border-right: 1px solid #3b3b3b;
}
#questions-page .list_cat li a, #talk-to-us-page .list_cat li a, #free-stuff-page .list_cat li a {
	display: block;
	padding: 10px 0 7px;
	color: #FFF;
}
#free-stuff-page ul.list_cat li a {
	color: #999999;
}
#questions-page .list_cat li:hover {
	background: #f21325;
}
#talk-to-us-page .list_cat li:hover {
	background: #1e1e1e; 
}
#free-stuff-page .list_cat li:hover {
	background: #eaeaea; 
}


.scroll_questions {
/*	position: absolute; */
	top: 160px; left:0; right:0; bottom: 0px;
	overflow: hidden;
	width: 967px;
	margin: 0 auto;
	padding: 0 16px 0 19px;
}
.scroll_questions_container {
	width: 99999px;
	display: block;
	position: relative; 
	padding: 0;
}

.list_ques {
	float: left;
	width: 1002px;
/*	margin: 0 0 100px 0; */
	padding: 0;
	list-style-type: none;
}
.list_ques li {
	position: relative;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
	padding: 0;
/*	min-height: 51px; */
	padding: 0 0 14px 0;
}

.list_ques .li_content, .list_ques li .icon_qclosed, .list_ques li .icon_opened {
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

.list_ques li.opened {
	padding-bottom: 0;
}
.list_ques li.opened .li_content {
	margin-bottom: 0;
	padding-bottom: 14px;
	z-index: 2;
}
.list_ques li:hover .li_content, .list_ques li:hover .icon_qclosed, .list_ques li.opened .li_content {
	background: #f21325;
}
.list_ques .title {
	display: block;
	padding: 15px 0 9px;
	font: 30px DINLight, Verdana, Arial, sans-serif;
}
.list_ques .text {
	margin: 14px 0 6px;
	line-height: 22px;
	display: none;
}
.list_ques .text p {
	padding: 8px 0;
	line-height: 22px;
	margin: 0;
}
.list_ques strong, .list_ques b {
	font-weight: normal;
	font-family: DINBold, Verdana, Arial, sans-serif;
}

/* courses*/
.scroll_courses {
/*	position: absolute; */
	top: 160px; left:0; right:0; bottom: 0px;
	overflow: hidden;
	width: 967px;
	margin: 0 auto;
	padding: 0 16px 0 19px;
}
.scroll_courses_container {
	width: 99999px;
	display: block;
	position: relative; 
	padding: 0;
}

.list_cour .li_content, .list_cour li .icon_cclosed, .list_cour li .icon_opened {
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

.list_cour {
	float: left;
	width: 967px;
/*	margin: 0 0 100px 0; */
	padding: 0px;
	list-style-type: none;
}
.list_cour li {
	position: relative;
	border-bottom: 0px solid #FFF;
	cursor: pointer;
	padding: 0;
/*	min-height: 51px; */
	padding: 0 0 14px 0;
}

.list_cour .li_content{

}

#courses-page .li_content {
	position: relative;
	display: block;
	padding: 0 0px 0 0px;
	margin-bottom: -14px;
	z-index: 4;
}  
 
#courses-page .button_03 {
	padding: 8px 10px 8px;   
	text-align: center; 
	background: #dd1424;
	font: 18px DINLight, Verdana, Arial, sans-serif;
	color: #FFF;
	   -moz-box-shadow: 0 2px 2px #dd1424;
	-webkit-box-shadow: 0 2px 2px #dd1424;
			box-shadow: 0 2px 2px #dd1424;
    -webkit-transition:background-color 0.3s linear;  
       -moz-transition:background-color 0.3s linear;   
   		 -o-transition:background-color 0.3s linear;  
   			transition:background-color 0.3s linear; 
}

#courses-page .button_03:visited, .button_03:active, body .button_03 {
	color: #FFF;
}
#courses-page .button_03:hover { 
	background: #ff3242;  
	color: #FFF;
	   -moz-box-shadow: 0 2px 1px #dd1424;
	-webkit-box-shadow: 0 2px 1px #dd1424;
			box-shadow: 0 2px 1px #dd1424;
/*
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
*/
	font-family: DINMedium, Verdana, Arial, sans-serif;
/*
	   -moz-box-shadow: 0 2px 2px #626060;
	-webkit-box-shadow: 0 2px 2px #626060;
			box-shadow: 0 2px 2px #626060;
*/
} 

#courses-page .button_04 {
	float: none;
	padding: 11px 0px 4px 10px;
	background: #333333; 
	line-height: 0px;
	font: 22px DINLight, Verdana, Arial, sans-serif;
	color: #FFF;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    	-webkit-border-top-left-radius: 8px;
    	-webkit-border-top-right-radius: 8px;   			 
}

#courses-page .button_06 {
	float: none;
	padding: 8px 10px 8px;  
	color: #FFF;    
	font: 19px DINBold, Verdana, Arial, sans-serif; 
	/*border: 1px solid #ee7733;*/
	   -moz-box-shadow: 0 0px 0px #af101d; 
	-webkit-box-shadow: 0 0px 0px #af101d;
			box-shadow: 0 0px 0px #af101d; 
	   -moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
			border-radius: 6px;
	background: #ec6029;
    -webkit-transition:background-color 0.3s linear;  
       -moz-transition:background-color 0.3s linear;  
   		 -o-transition:background-color 0.3s linear;  
   			transition:background-color 0.3s linear; 
}

#courses-page .button_06:hover {	 
	background: #F17A43;
	color: #FFF;
}	 

#courses-page .li_content table {
    valign: middle;
}

.list_cour li.opened {
	padding-bottom: 0;
}
.list_cour li.opened .li_content {
	margin-bottom: 0;
	padding-bottom: 0px;
	z-index: 2;
}
.list_cour li:hover .li_content, .list_cour li:hover .icon_cclosed, .list_cour li.copened .li_content {
	background: #fff;
}
.list_cour .title {
	display: block;
	padding: 0px;
	font: 18px DINLight, Verdana, Arial, sans-serif;
}
.list_cour .text {
	margin: 14px 0 10px;
	line-height: 22px;
	display: none;
	padding-left: 15px;
	padding-bottom: 20px;
	padding-right: 15px;
}
.list_cour .text p {
	padding: 8px 0;
	line-height: 22px;
	margin: 0;
}
.list_cour strong, .list_cour b {
	font-weight: normal;
	font-family: DINBold, Verdana, Arial, sans-serif;
}

/* end */
 

/* talk to us */
.scroll_talktous {
/*	position: absolute; */
	top: 160px; left:0; right:0; bottom: 0px;
	overflow: hidden;
	width: 967px;
	margin: 0 auto;
	padding: 0 16px 0 19px;
}
.scroll_talktous_container {
	width: 99999px;
	/*display: block;*/
	position: relative; 
	padding: 0;
}

.list_talktous {
	float: left;
	width: 1002px;
/*	margin: 0 0 100px 0; */
	padding: 0;
	list-style-type: none;
}
.list_talktous li {
	position: relative;
	border-bottom: 1px solid #FFF;
	/* cursor: pointer; */
	padding: 0;
/*	min-height: 51px; */
	padding: 0 0 14px 0;
}
.list_talktous .li_content, .list_talktous li .icon_qclosed, .list_talktous li .icon_opened {
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

.list_talktous li.opened {
	padding-bottom: 0;
}
.list_talktous li.opened .li_content {
	margin-bottom: 0;
	padding-bottom: 14px;
	z-index: 2;
}
.list_talktous li:hover .li_content, .list_talktous li:hover .icon_qclosed, .list_talktous li.opened .li_content {
	background: #f21325;
}
.list_talktous .title {
	display: block;
	padding: 15px 0 9px;
	font: 30px DINLight, Verdana, Arial, sans-serif;
}
.list_talktous .text {
	margin: 14px 0 6px;
	line-height: 22px;
	display: none;
}
.list_talktous .text p {
	padding: 8px 0;
	line-height: 22px;
	margin: 0;
}
.list_talktous strong, .list_talktous b {
	font-weight: normal;
	font-family: DINBold, Verdana, Arial, sans-serif;
}

#talk-to-us-page body{
    background:#000;
    width:12000px;
    position:absolute;
    top:0px;
    left:0px; 
    bottom:0px;
}
.talk_section1{
    margin:0px;
    bottom:0px;
    width:630px;
    float:left;
    height:100%;
	overflow:hidden;
}

.talk_section2{ 
    bottom:0px;  
	margin-top:0px;
    width:630px;
    float:left;
    height:100%;  
	overflow:hidden;
} 

.talk_section1 ul{
    list-style:none;
    margin:20px 0px 0px 550px;
}

/* end */


/* free stuff*/
.scroll_freestuff {
/*	position: absolute; */
	top: 160px; left:0; right:0; bottom: 0px;
	overflow: hidden;
	width: 967px;
	margin: 0 auto;
	padding: 0 16px 0 19px;
}
.scroll_freestuff_container {
	width: 99999px;
	/*display: block;*/
	position: relative; 
	padding: 0;
}

.list_freestuff {
	float: left;
	width: 1002px;
/*	margin: 0 0 100px 0; */
	padding: 0;
	list-style-type: none;
}
.list_freestuff li {
	position: relative;
	border-bottom: 1px solid #FFF;
	/* cursor: pointer; */
	padding: 0;
/*	min-height: 51px; */
	padding: 0 0 14px 0;
}
.list_freestuff .li_content, .list_freestuff li .icon_qclosed, .list_freestuff li .icon_opened {
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

.list_freestuff li.opened {
	padding-bottom: 0;
}
.list_freestuff li.opened .li_content {
	margin-bottom: 0;
	padding-bottom: 14px;
	z-index: 2;
}
.list_freestuff li:hover .li_content, .list_freestuff li:hover .icon_qclosed, .list_freestuff li.opened .li_content {
	background: #f21325;
}
.list_freestuff .title {
	display: block;
	padding: 15px 0 9px;
	font: 30px DINLight, Verdana, Arial, sans-serif;
}
.list_freestuff .text {
	margin: 14px 0 6px;
	line-height: 22px;
	display: none;
}
.list_freestuff .text p {
	padding: 8px 0;
	line-height: 22px;
	margin: 0;
}
.list_freestuff strong, .list_freestuff b {
	font-weight: normal;
	font-family: DINBold, Verdana, Arial, sans-serif;
}
a.button_05 {
	float: left;
	width: 220px; 
	padding: 11px 0 8px;
	text-align: center; 
	background: #dd1424;
	font: 20px DINBold, Verdana, Arial, sans-serif;
	color: #FFF;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
    -webkit-transition:background-color 0.3s linear;  
       -moz-transition:background-color 0.3s linear;  
   		 -o-transition:background-color 0.3s linear;  
   			transition:background-color 0.3s linear; 
}
a.button_05:visited, a.button_05:active, body a.button_05 {
	color: #FFF;
}
a.button_05:hover {
	background: #ff3242;
}
/* end */

.li_content {
	position: relative;
	display: block;
	padding: 0 60px 0 15px;
	margin-bottom: -14px;
	z-index: 4;
}
.icon_qclosed {
	position: absolute;
	bottom: -14px; right: 50px;
	width: 25px;
	height: 25px;
	background: #dd1424; 
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
  	-webkit-transform: rotate(45deg);  /* Saf3.1+, Chrome */
     -moz-transform: rotate(45deg);  /* FF3.5+ */
      -ms-transform: rotate(45deg);  /* IE9 */
       -o-transform: rotate(45deg);  /* Opera 10.5 */
          transform: rotate(45deg);
                   zoom: 1;
	z-index: 999;
}
.ie8 .icon_qclosed {
	bottom: -9px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
}
.ie7 .icon_qclosed {
	bottom: -19px;
    filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.7071067811865474,
            M12=-0.7071067811865477,
            M21=0.7071067811865477,
            M22=0.7071067811865474,
            SizingMethod='auto expand');

}

#talk-to-us-page {
	background: #000;
	height: 1100px; /* temp : set for empty page */  
}
#talk-to-us-page h2 {
	color: #dd1424;
	margin: 12px 0 7px;
}
a.button_02 {
	float: left;
	width: 164px;
	padding: 11px 0 8px;
	text-align: center;
	background: #dd1424;
	font: 20px DINBold, Verdana, Arial, sans-serif;
	color: #FFF;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
    -webkit-transition:background-color 0.3s linear;  
       -moz-transition:background-color 0.3s linear;  
   		 -o-transition:background-color 0.3s linear;  
   			transition:background-color 0.3s linear; 
}
a.button_02:visited, a.button_02:active, body a.button_02 {
	color: #FFF;
}
a.button_02:hover {
	background: #ff3242;
} 
#talk-to-us-page h4 {
	font: 30px/35px DINLight, Verdana, Arial, sans-serif;
	margin: 25px 0 0;
}
#talk-to-us-page h4.first {
	margin-top: 0;
} 
#talk-to-us-page h4 strong {
	font-weight: normal;
	font-family: DINBold, Verdana, Arial, sans-serif;
}
#talk-to-us-page .section2 p {
	font: 20px DINLight, Verdana, Arial, sans-serif;
	padding: 8px 0;
	line-height: 22px; 
	margin: 0;
} 
#talk-to-us-page .col_left {
	float: left;
	width: 630px; 
	padding-right: 45px;	
}
#talk-to-us-page .col_right {
	float: left;
	width: 230px;
	/*padding-left: 45px;*/
	padding-left: 42px;
	border-left: 1px solid #606060; 
}
#talk-to-us-page .col_right h4 {
	margin: 0px 0 4px; 
}

#talk-to-us-page .col_right p {
	margin: 0;
}

.list_social_icons {
	list-style-type: none;
	padding: 40px 0 0 0;
}
.list_social_icons li {
	float: left;
}
.list_social_icons li+li {
	margin-left: 15px;
} 
.icons_42x42 {
	display: block;
	width: 42px;
	height: 42px;
	margin: 0 auto 10px;
	background: url(../img/icons_42x42.png) no-repeat;
}
.icons_42x42 .bg_transition {
	width: 42px;
	height: 42px;
	background: url(../img/icons_42x42.png) no-repeat; 
	cursor: pointer;
}
.icon_facebook_small {
	background-position: 0 -42px;
}
.icon_facebook_small .bg_transition {
	background-position: 0 0;
}
.icon_facebook_small:hover .bg_transition {
	background-position: 0 -42px; 
	opacity: 0;
}
.icon_twitter {
	background-position: -42px -42px;
}
.icon_twitter .bg_transition {
	background-position: 50% 0;
}
.icon_twitter:hover .bg_transition {
	background-position: -42px -42px; 
	opacity: 0;
}
.icon_youtube {
	background-position: -84px -42px;
}
.icon_youtube .bg_transition {
	background-position: 100% 0;
}
.icon_youtube:hover .bg_transition {
	background-position: -84px -42px; 
	opacity: 0;
}
#free-stuff-page {
	color: #000;
	margin: 12px 0 7px; 
	height: 600px;
}
#free-stuff-page h2 {
	color: #dd1424;
	margin: 12px 0 7px;
}

/* FAQ round table */
.table_lefttop {
	float: none;
	padding: 6px 6px 6px 6px;
	background: #c3c3c3; 
    -moz-border-radius-topleft: 10px;
    	-webkit-border-top-left-radius: 10px; 			 
} 
.table_righttop {
	float: none;
	padding: 6px 6px 6px 6px;
	background: #c3c3c3; 
    -moz-border-radius-topright: 10px;
    	-webkit-border-top-right-radius: 10px; 			 
}      
.table_bottomleft {
	float: none;
	padding: 6px 6px 6px 6px;
	background: #ededed; 
    -moz-border-radius-bottomleft: 10px;
    	-webkit-border-bottom-left-radius: 10px; 	
}
.table_bottomright {
	float: none;
	padding: 6px 6px 6px 6px;
	background: #ededed; 
    -moz-border-radius-bottomright: 10px;
    	-webkit-border-bottom-right-radius: 10px; 	
}
.table_bottomleft2 {
	float: none; 
	padding: 6px 6px 6px 6px;
	background: #ffffff; 
    -moz-border-radius-bottomleft: 10px;
    	-webkit-border-bottom-left-radius: 10px; 	
}
.table_bottomright2 {
	float: none;
	padding: 6px 6px 6px 6px;
	background: #ffffff; 
    -moz-border-radius-bottomright: 10px;
    	-webkit-border-bottom-right-radius: 10px; 	
}
/* end */

hgroup {
	position: absolute;
	top: -32px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -9999;
}

footer {
	width: 100%;
	color: #000;
	margin: 0 auto 10px;
	text-align: center;
	font: 14px DINLight, Verdana, Arial, sans-serif;

}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* courses table highlight added by ebby */

.highlightit { 
	outline: none;
	text-decoration: none; 	
	background: #ffffff;
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out; 
} 

.highlightit:hover {  
	background: #ffffff;  
	   -moz-box-shadow: 0 0 4px 4px #ff3242; 
	-webkit-box-shadow: 0 0 4px 4px #ff3242;
			box-shadow: 0 0 4px 4px #ff3242;   
/* 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
	-moz-opacity: 0.5;
	opacity: 0.5; 
*/
	font-family: DINMedium, Verdana, Arial, sans-serif;
	z-index: 12;
}