* { margin: 0; padding: 0; border: 0 }

BODY { height: 100%; background: url(/images/bg.jpg) repeat-x; font-family: Trebuchet MS; }
A{color: #990000;}
A:hover{ text-decoration: none;}
INPUT, TEXTAREA,select{ border: 1px solid #939292; background:#fff url(/images/textbox-bg.jpg) repeat-x; height: 17px; }
INPUT[TYPE=IMAGE]{ border: 0; height:30px;}
TEXTAREA{ height: 80px;}
.no-list{ list-style: none}
TABLE{ padding:10px;border-collapse:collapse; }
#outer { width: 811px; border-top: 3px solid #771414; margin: 0 auto; height: auto !important; min-height: 100%; height: 100%; clear: both }

#top-white { width: 100%; height: 2px; background: #fff}
#top-red { width: 100%; height: 2px; background: #943438}

#header { width: 100%; height: 127px; clear: both;}
#header .left{float: left;}
#header .right{ float: right; margin-top: 18px;}

#menu{ height: 35px; width: 811px; background:url(/images/menu-gray-bg.jpg) repeat-x;}
#menu UL{ width: 100%;}
#menu UL LI,#menu UL LI A{  font-size: 12px; font-weight: bolder; color: #b21d1d;  }
#menu UL LI{float: left; height: 17px;border-right: 1px solid #fff; padding: 9px 12px;}
#menu UL LI.left,#menu UL LI.right{ background: url(/images/menu-left.jpg) no-repeat; width: 5px; padding: 0;height: 35px; border: 0}
#menu UL LI.right{ background: url(/images/menu-right.jpg) no-repeat; float: right}
#menu UL LI.search{ border: 0; width:220px; float: right }
#menu UL LI.search .container{ float: right;  height: 30px; width: 220px;}
#menu UL LI.search .container .text{ margin-bottom: 3px; float: left}
#menu UL LI.search .container a{ margin: -19px 0 0 5px; }
#menu UL LI.active{ background:url(/images/menu-red-bg.jpg) repeat-x; color: #fff;}
#menu UL LI.active A{ color: #fff;}

#main{	width: 811px;}
#main #main-ul{ width: 100%; height: 100%}
	  #main-ul LI.left{ width: 213px; float: left;}
		       LI.left .module{  width: 192px;  margin-top: 10px;}
			   LI.left #top{ text-align: center; font-weight: bolder; font-size: 23px; color: #b7b6b6;}			   
			   LI.left .header{ background: url(/images/left-header-bg.jpg) repeat-x; height: 26px; }
				       .header .left{ float: left; background: url(/images/left-menu-header-left.jpg) repeat-x; height: 26px; width: 5px;}
					   .header .header-text{ font-weight: bold; float: left; width: 180px;text-align: center; font-size: 14px; color:#a11d1d; padding-top: 3px;}
					   .header .right{ float: left; background: url(/images/left-menu-header-right.jpg) repeat-x; height: 26px; width: 7px;}
			   LI.left .content{ background: #eee url(/images/left-border-top-bg.jpg) repeat-x; margin-top: 1px; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0}
			   LI.left .bottom{ background: url(/images/left-bottom-bg.jpg) no-repeat; width: 192px; height: 4px;}
	  #main-ul .content .contacts{ width: 100%; padding: 25px 0 5px 0; }
	  #main-ul .content .contacts A{ display: block; margin: 0 0 15px 52px;}
	  			           
	  #main-ul LI.right{ width: 586px; padding-left: 5px; float: left;} 
			   LI.right .big-header{ font-weight: bolder; font-size: 24px; color: #6e091f; text-transform: uppercase; margin-top: 15px;}
			   LI.right .module{ width: 100%;font-family: Tahoma; text-align: left}
			   LI.right .module .header,LI.right .module .header A{font-size: 18px; color: #990000; margin-bottom: 15px}
			   LI.right .module .content{ font-size: 12px; line-height: 18px; color:#403f3f;margin-bottom: 15px}
			   LI.right .module .content OL{ padding-left: 20px; line-height: 20px}
			   
	  #main-ul LI.right .module .content .tabs-top{ height: 57px; font-family: Trebuchet MS; font-size: 14px; margin-bottom: -2px; position: relative}
	  #main-ul LI.right .module .content .tabs-top strong{ font-family: Arial; font-size: 17px}
										 .tabs-top .tabulator{ float: left; margin: 0 2px; cursor: pointer}
										           .tabulator .tab-button{ background: url(/images/tab-inactive.jpg) no-repeat; width: 97px; height: 51px; color: #fff; padding: 8px 0 0 0; text-align: center}
										           .tabulator .topsima{ padding: 15px 0 0 0 !important; font-weight: bolder; font-size: 16px;height: 43px}
										           .tabulator .tab-button-down{background: none}
	  #main-ul LI.right .module .content .tabs-top .active{ margin: 0 -7px 0 0; }
										 .tabs-top .active .tab-button{ background: url(/images/tab-active.jpg) no-repeat; width: 101px; height: 42px; color: #fff; padding: 8px 0 0 0; text-align: center; color: #7b0817}
										 .tabs-top .active .first-button{background: url(/images/tab-active-first.jpg) no-repeat; margin-left: -2px;}
										 .active .topsima{ height: 35px !important;}
										 .tabs-top .active .tab-button-down{background: url(/images/tab-active-bottom.jpg) no-repeat; width: 117px; height:9px; margin-left: -7px;color: #7b0817; margin-right: -2px}
										 .tabs-top .active .first{background: url(/images/tab-active-bottom-first.jpg) no-repeat;}
										           
	  #main-ul LI.right .module .content .tabs-bottom{ width: 581px; }	  
	  #main-ul LI.right .module .content .tabs-bottom .tabs-content{ background: #eee; border: 1px solid #d0d0d0; border-top: 0px solid; margin-top: -3px; text-align: left; display: none }
	  #main-ul LI.right .module .content .tabs-bottom .active{ display: block !important;}
	  #main-ul LI.right .module .content .tabs-bottom .final-content{ margin-top: 3px; height: 87px}
										 .tabs-bottom .tabs-content IMG{border: 1px solid #d9aeae; float: left; margin: 8px 14px 0}
										 .tabs-bottom .tabs-content .text{ font-family: Tahoma; font-weight: bolder; font-size: 16px; color: #002666; float: left; margin: 20px 0 0 15px}
										 .tabs-bottom .tabs-content .text A{ font-size: 14px; color: #a72222; margin: 4px 0 0 0; display: block }
										 .tabs-bottom .tabs-content .p6{ float: left;font-family: Tahoma; font-weight: bolder; font-size: 16px; color: #002666; float: left; margin: 19px -8px 0 7px}
	  #main-ul LI.right .module .content .tabs-bottom-top { background: url(/images/tabs-bottom-top.jpg) no-repeat; width: 581px; height: 4px; margin: 0 0 0 0px;}
	  
	  .module .bottom-module{ width: 186px; float: left; margin-right: 8px; font-family: Trebuchet MS} 
			  .bottom-module .bottom-module-header{ width: 186px; height: 26px; background: url(/images/bottom-module-header.jpg) no-repeat; text-transform: uppercase; text-align: center; color: #fff; font-size: 14px; padding-top: 4px}
			  .bottom-module .bottom-module-center{ padding: 4px 0 0 0; font-family: Tahoma; font-size: 12px; width: 184px; text-align: center; background: #eee; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0}
			  .bottom-module .bottom-module-center LI { padding: 0 0 4px 0 }
			  .bottom-module .bottom-module-footer{ width: 186px; height: 4px; background: url(/images/bottom-module-footer.jpg) no-repeat;}
			  
	  #podcasts-module UL LI{ float: left; width: 100%; clear: both; margin-bottom: 30px;}
	  #podcasts-module UL LI .attachment{ font-family: Tahoma; font-size: 12px; text-align: justify; height: 20px;}
	  #podcasts-module UL LI .attachment span{ color: #c00001; margin-left: 80px; float: left}
	  #podcasts-module UL LI .attachment strong{ float: right; margin-right: 132px;}
	  #podcasts-module UL LI .attachment strong a { text-decoration: none; color: #000; padding: 0 0 0 20px; background: url(/images/attachment.jpg) no-repeat 0 0 }
	  #podcasts-module UL LI .attachment img{ float: right; margin-right: 5px;}
	  #podcasts-module UL LI .podcast .player .player-item{ float: left; margin-left: -8px}
	  #podcasts-module UL LI .podcast .player .tutor{ float: left; margin: -20px -60px 0 10px; position: relative; border: 1px solid #d9aeae}
	  #podcasts-module UL LI .podcast .btn{ float: left; margin-left: 10px;}


.footer-top{width: 811px; height: 28px; margin: 0 auto;}
#footer-guarantor { height: 69px; clear: both }
#footer { margin: 0 auto; margin-top: -69px; width: 100%; height: 69px; clear: both; min-width: 811px; clear: both; background: url(/images/common-footer-bg.jpg) repeat-x; }
#inner-footer{ margin: 0 auto; height: 41px;  width: 811px; background: url(/images/footer-bg.jpg) repeat-x;}
#inner-footer #left{ height: 41px; width: 5px; background: url(/images/footer-left-bg.jpg) no-repeat; float: left}
#inner-footer #center{ height: 41px; width: 800px; float: left;}
			  #center .left{ padding: 10px 0 0 15px;}
			  #center .left,#center .left A{ font-family: Tahoma; font-size: 14px; color: #990000 }
			  #center .right{float: right; margin: -16px 0 0 0}
			  #center .right,#center .right A{ font-family: Tahoma; font-size: 14px; color: #990000 }
#inner-footer #right{ height: 41px; width: 6px; background: url(/images/footer-right-bg.jpg) no-repeat; float: left}
.disclaimer-guarantor{ width: 180px; height: 90px;}
.disclaimer{ float: left; text-align:justify;  height: 90px; margin: -75px 0 0 11px; font-size: 9px; width: 180px; font-family: Tahoma; position: relative}


.form{ width: 580px; margin: 15px 0}
.form .top{ width: 580px; height: 4px; background: url(/images/form-top.jpg) no-repeat; margin-bottom: -1px;}
.form .middle{ width: 558px; border-left: 1px solid #d0d0d0; border-right:1px solid #d0d0d0; background: #eee; padding: 10px;}
.form .bottom{ width: 580px; height: 4px; background: url(/images/form-bottom.jpg) no-repeat; margin-top: -1px;}
.form .header{ margin: 5px 0 30px 0 !important; font-family: Tahoma; font-size: 16px !important; font-weight: bolder; color: #002666 !important;}
.form #login{ background: url(/images/login-arrow.jpg) no-repeat 3px; padding-left: 35px;  padding-top: 0; }
.form .field{ margin: 20px 35px; clear: both}
.form .field STRONG{ padding-top: 3px; display: block; float: left; width: 140px; font-family: Tahoma; font-weight: bolder; font-size: 14px; color: #a72222}
.form .field .textbox{ height: 21px;}
.form .field SELECT{ height: 27px;}
.form .field .textbox, .form .field TEXTAREA, .form .field SELECT{ width: 265px; font-size: 17px; font-weight: normal; font-family: Arial; padding: 3px 0 3px 3px;}
.form .field TEXTAREA{ padding-top: 3px;}
.form .area STRONG{ padding-top: 28px;}
.form .buttons{ text-align: right; padding-right: 47px; margin: 15px 0 }
.login-big-header{ height: 73px}
.form .radio div{ float: left; clear:right; width: 100%; margin: 20px 0;}
.form .radio div span{display: block; float: left;font-family: Tahoma; font-weight: bolder; font-size: 14px; color: #a72222}
.form .radio div span input{ border: 1px solid red;}
.form .radio strong{ width: 100%}


.form .left-part{ float: left; height: 110px; width: 80px;}
.form .left-part img{ border: 1px solid #d9aeae}
.form .tutor-name{ color: #8b050a !important; font-family: Tahoma; font-size: 24px !important; font-weight: bolder;}
.form .big-buttons{ height: 60px;}
.form .big-buttons A{ display: block; float: left; margin-bottom: 20px;}
.form .big-buttons A.quest{ margin: 15px 0 0 20px; font-size: 14px; color: #a72222}
.form .field del{text-decoration: none}
.form .field .span{ font-family: Tahoma; font-size: 14px; font-weight: bolder; color: #982428; display: block; margin-bottom: 3px;}
.marg{ margin-left: 80px !important;}
.form .ask TEXTAREA{ width: 430px;}
.form .buttons em{ float: left; color: #9f9e9e; font-family: Tahoma; font-size: 12px; margin: 10px 0 0 80px; font-style: normal}

table.specialoffer {
	width: 100%;
	border-collapse: separate;
	padding: 10px 0px;	
}
table.specialoffer td{
	background-color: #b30e01;
	color: #fff;
	vertical-align: top;
	text-align: center;
	border-left: 15px solid #fff;
	border-right: 15px solid #fff;
	width: 50%;
	padding: 40px 25px;
	font-size: 20px;
	font-weight: normal;
}
table.specialoffer td a{
	color: #fff;
}
table.specialoffer td table td {
	border: 0px;
	padding: 0px 0px 20px;
	line-height: 22px;
}
