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


BODY {  background:url(images/main_pattern_bg.jpg) repeat; margin: 0px; padding:0px;}

#envelope { width: 100%; min-height:420px; background:url(images/main_pattern_bg.jpg) repeat; /* margin:0px 0px 15px 0px; */ }
#envelope #top_bg { width: 100%; height:0px; background:url(images/main_top_shadow.png) repeat-x; }

#envelope #main_panel { width:100%; margin:0px auto; margin-bottom:0px; }

#envelope #menubar { width:100%; height:46px; margin:0px 0px 11px 0px; }

#envelope #menubar UL { list-style:none; border-bottom:4px solid #1f242c; height:46px; padding-left: 0; margin: 0px;}
#envelope #menubar UL LI { float:left; height:46px; text-transform:uppercase; font: 20px/22px 'BebasNeueRegular', Arial, sans-serif; background-color:#72a0a4; margin:0px 3px 0px 0px; }
#envelope #menubar UL LI A:hover { background-color:#1f242c }
#envelope #menubar UL LI.active { background-color:#1f242c }
#envelope #menubar UL LI A { color:#ffffff; text-decoration:none; display:block; height:31px; padding:15px 13px 0px 13px; /* width:150px; text-align:center; */}
#envelope #menubar UL LI span.unavailable_unit { color: #e1e1e1; text-decoration:none; display:block; height:31px; padding:15px 13px 0px 13px; background-color: #adbbbc; /* width:150px; text-align:center; */}

#menubar #langswapper { width:200px; height:46px; background:url(images/langswapper.png) no-repeat top right; float:right; margin:0px 0px 0px 0px; font: 34px/68px 'BebasNeueRegular', Arial, sans-serif; color:#ffffff; text-transform:uppercase; text-align: center; }
#menubar #langswapper P {margin:0; padding:12px 0px 0px 0px; text-align: center; font:20px/22px 'BebasNeueRegular',Arial,sans-serif; text-transform:uppercase; color:#FFF;}
#menubar #langswapper A {ddisplay:block; ffloat:left; height:146px; width:146px;text-decoration:none; color: rgb(225, 225, 225);}
#menubar #langswapper A:HOVER {background-position:0px -146px; text-decoration:none; color: #777777;}

#menubar #ranganna_logo { width:200px; height:46px; float:right; margin:0px 0px 0px 0px; font: 34px/68px 'BebasNeueRegular', Arial, sans-serif; color:#ffffff; text-transform:uppercase; text-align: center; }


#contentcolumn { padding: 0px; }
#contentcolumn #coursecontent { padding: 0px 10px; }
#contentcolumn #coursecontent H1 {font:60px/60px 'BebasNeueRegular', Arial, sans-serif; color:#1d181f; text-transform:uppercase; margin:0px; padding:16px 0 0 0px;}
#contentcolumn #coursecontent H2 {font:30px/30px 'BebasNeueRegular', Arial, sans-serif; color: #9f0008; text-transform:uppercase; margin:0px; padding:0px 0 0 0px;}
#contentcolumn #coursecontent P {font:14px/22px Arial, Helvetica, sans-serif; color:#1d181f; font-weight: bold; color: #ffffff;}

#contentcolumn #coursecontent div.lightbox {
	background:url(images/pattern_bg.jpg) repeat;
	padding: 10px;
}

#contentcolumn #coursecontent div.lightbox P {color: #000000;}

#contentcolumn #coursecontent UL { list-style: url(Images/arrow_red.png); list-style-position: outside; padding-left: 30px; padding-top: 10px;}
#contentcolumn #coursecontent UL LI { font: 14px/22px Arial, Helvetica, sans-serif; margin: 0px 3px 10px 10px; color: #ffffff; font-weight: bold;}


#contentcolumn #unitcontent { padding: 0px 10px 0px 200px;}
#contentcolumn #unitcontent H1 {font:60px/60px 'BebasNeueRegular', Arial, sans-serif; color:#1d181f; text-transform:uppercase; margin:0px; padding:16px 0 0 0px;}
#contentcolumn #unitcontent H2 {font:30px/30px 'BebasNeueRegular', Arial, sans-serif; color: #9f0008; text-transform:uppercase; margin:0px; padding:0px 0 0 0px;}
#contentcolumn #unitcontent P,DIV {font:14px/22px Arial, Helvetica, sans-serif; color:#1d181f; font-weight: bold; color: #ffffff; font-size: 16px; width: auto;}

#contentcolumn #unitcontent div.lightbox {
	background:url(images/pattern_bg.jpg) repeat;
	padding: 10px;
}

#contentcolumn #unitcontent div.lightbox P {color: #000000;}

#contentcolumn #unitcontent UL { list-style: url(Images/arrow_red.png); list-style-position: outside; padding-left: 10px; padding-top: 10px;}
#contentcolumn #unitcontent UL LI { font: 16px/22px Arial, Helvetica, sans-serif; margin: 0px 3px 10px 10px; color: #ffffff; font-weight: bold;}

#contentcolumn #coursemenucolumn {width: 170px; position: absolute; top: 77px; left: 16px; background-color: #ffffff; }
#aonadmenu {margin: 0px; padding: 0px; margin: 0px;border-top: 8px solid rgb(159,0,8); border-bottom: 8px solid rgb(48,110,115); background:url("images/sub_nav_tick.png") no-repeat scroll 0pt 0pt transparent;}
#aonadmenu UL {margin: 0px; padding: 0px;}
#aonadmenu LI {display: block; border-bottom: 1px solid rgb(48, 110, 115); padding: 10px 30px;}
#aonadmenu LI A {color: rgb(31, 36, 44); text-decoration:none; font: 20px/24px 'BebasNeueRegular',Arial,sans-serif; text-transform: uppercase;}
#aonadmenu LI.current {color: rgb(48, 110, 115); background: url("images/sub_nav_active.png") no-repeat scroll 10px center transparent}
#aonadmenu LI:hover {color: rgb(48, 110, 115); background: url("images/sub_nav_active.png") no-repeat scroll 10px center transparent}
#aonadmenu LI A:hover {color: rgb(48, 110, 115);}
#aonadmenu LI.current A {color: rgb(48, 110, 115);}
#aonadmenu LI.section {border-top: solid 1px #D7D7D7;}


	
#contentcolumn  DIV.en {display: block; font-weight: normal; font-size: 100%; color: #888888; margin: auto; margin-top: 10px; line-height: 1.3em; position: relative;  top: -5px; }
#contentcolumn  A.en_plus {font-weight: normal;font-size: 0.8em;color: #AAAAAA;text-decoration: none;margin-left: 3px;border-bottom: none;font-style: normal;padding: 0px 2px 0px 2px;}
#contentcolumn  A.en_plus:hover {text-decoration: none; background-color: #CCCCCC;}

#contentcolumn  DIV.eng {display: block; font-weight: normal; font-size: 95%; color: #666666; margin: auto; margin-top: 10px; line-height: 1.3em; position: relative;  top: -5px;}

#contentcolumn DIV.comhra { background: url("images/bg_countdown.png") repeat scroll 0pt 0pt transparent; padding: 10px;}
#contentcolumn DIV.comhra P { font-family: sans-serif; color: #ffffff; font-size: 14px;}


#contentcolumn DIV.pic_middle {text-align: center;	margin-bottom: 10px;} 
#contentcolumn DIV.pic_middle IMG {border: 5px solid rgb(79, 138, 143);}



/*styles for conversation*/
#contentcolumn DIV.comhra {bbackground: #fff7c4; margin: 5px 0px;}
#contentcolumn DIV.comhra TABLE {border-collapse: collapse;empty-cells: show; width: 100%;
 background-color: #ffffff;	border-top: none;border-left: none;border-right: none;}
#contentcolumn DIV.comhra THEAD {background-color: #E5EEFD;}
#contentcolumn DIV.comhra TD {border-bottom: none; padding: 12px 8px 8px 8px;vertical-align: top;font-size: 14px; color: #000000;
										font-family: sans-serif; font-weight: normal;}
#contentcolumn DIV.comhra TR {vertical-align: middle;}										

#contentcolumn #unitcontent DIV.instructions {font:14px/22px Arial, Helvetica, sans-serif; color:#1d181f; font-weight: bold; color: #ffffff; margin-bottom: 8px;}

#contentcolumn DIV.comhra TD STRONG EM {color: rgb(48, 110, 115); font: 14px Arial,sans-serif; font-weight: bold;}