@charset "utf-8";
/* CSS Document */


*										{ padding:0; margin:0;}

body, textarea, input, select 			{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000;}

form, fieldset							{ border:0px;}

img										{ padding:0; margin:0; border:0;}

.clear									{ position:relative; clear:both; height:0px; overflow:hidden;}

.RmoduleSpace1							{ width:280px; height:9px; overflow:hidden;}

body									{ background:url(../img/body_bg.gif) no-repeat center top; overflow-x:hidden; padding-bottom:30px;}

#page									{ width:820px; margin:0 auto;}

/* hide */

hr										{ position:absolute; left:-99999px;}

/* end hide */

#next 									{ width:46px; height:20px; line-height:20px; font-size:9px; background:#ea0303; color:#fff;
											text-transform:uppercase; text-align:center; float:left;}
#next:hover								{ color:#fff; text-decoration:underline;}
/* top */

#top									{ width:820px; height:114px; position:relative;}

#top #logo								{ position:absolute; top:32px; left:29px; background:url(../img/logo.gif) no-repeat 0 0; display:block; width:383px; height:64px;
											text-indent:-9999px;}

#top form								{ width:274px; height:54px; padding:0 0 0 57px; background:#e1dfdf; position:absolute; top:32px; left:489px;}
#top form #LoginSubmit					{ position:absolute; top:7px; left:8px;}
#top form .input						{ width:109px; height:18px; padding:4px 8px 0 8px; border:0px; color:#333232; font-size:11px;}
#top form .login						{ margin-top:5px; float:left;}
#top form .pass							{ border-top:1px solid #e1dfdf; float:left;}
#top form .go							{ float:right; position:relative; top:14px; right:5px;}
#top form #join							{ display:block; width:120px; height:50px; padding:8px 0 0 0; float:right;
											text-align:center; border-left:1px solid #fff; background-color:black;background:url(../img/join_us_now.gif) no-repeat 0 0;}
#top form #join .span1					{ color:#949292; font-size:11px; line-height:11px;}
#top form #join .span2					{ color:#fff; font-weight:bold; font-size:13px; line-height:15px;}
#top form .span2:hover		{ text-decoration:underline;}

#top form #forgot						{ display:block; width:120px; height:15px; padding:5px 0 0 0; float:right; text-decoration:none; text-align:center;}
#top form #join span					{ color:#949292; font-size:11px; line-height:13px;}
#top form #forgot:hover					{ color:#fff; text-decoration:underline}

/* end of top */


/* menu */

#menu									{ width:540px; min-height:32px; padding:0 0 0 29px; list-style:none;}
#menu .lvl1								{ height:27px; border-left:1px solid #f2f1f1; float:left;}
#menu .lvl1_last						{ border-right:1px solid #f2f1f1; float:left;}
#menu .lvl1 a							{ display:block; height:23px; padding:9px 15px 0 15px; text-transform:uppercase; text-decoration:none;float: left;
											color:#6c6b6b; font-weight:bold;}
#menu .lvl1 a:hover,
#menu .lvl1 a.lvl1_active				{ background:#ea0303; color:#fff;}

#submenu								{ height:25px; background:#ea0303; list-style:none; padding-left:38px;}
#submenu .lvl1link						{ text-transform:uppercase; color:#fc9d9d; text-decoration:none; font-size:10px; font-weight:bold;}
#submenu .lvl1							{ float:left; padding:4px 6px 0 8px; background:url(../img/SubLi.gif) no-repeat 0px 5px;}
#submenu .first							{ background:none;}
#submenu .lvl1_active					{ color:#fff;}
#submenu .lvl1 a:hover					{ color:#fff;}

/* end of menu */

#content								{ width:823px;float:left}

.RedLink								{ cursor:pointer; display:block; width:66px; height:20px; line-height:20px; font-size:9px; font-weight:bold; text-transform:uppercase;
											background:#ea0303; color:#fff; text-decoration:none; text-align:center;}
.LeftTxt .RedLink						{ color:#fff;}
.LeftTxt .RedLink:hover					{ color:#fff;}
.RedLink:hover							{ text-decoration:underline;}

#left									{ float:left; padding:0 0 0 26px;}
.left1									{ width:480px;}
.left2									{ }

#left .title							{ font-size:30px; color:#ea0303; font-weight:normal; height:68px; line-height:78px; overflow:hidden;}
#left .title2							{ font-size:16px; color:#ea0303; padding:0 0 15px 0;}

#right									{ float:left; padding:0px 10px 0 22px; overflow:hidden;}
.right1									{ width:283px;}
.right2									{ width:263px;}

/* index page */

.IndexPage								{ background:url(../img/index_shadow.jpg) no-repeat 0px 264px;}
#IndexImage								{ width:820px;}
#banner {
  width: 820px;
  height: 250px;
  margin-bottom: 14px;
}
#IndexBox								{ width:820px; height:185px; position:relative;}
#BoxTop1								{ position:absolute; top:13px; left:0px;}
#BoxTop2								{ position:absolute; top:50px; left:287px; z-index:100;}
#BoxTop3								{ position:absolute; top:-13px; left:539px;}
#IndexBox #BoxTop1 .RedLink				{ position:absolute; top:98px; left:125px;}
#IndexBox #BoxTop2 .RedLink				{ position:absolute; top:98px; left:33px;}
#IndexBox #BoxTop3 .RedLink				{ position:absolute; top:98px; left:124px;}

.DownBox								{ float:left;}
.width1									{ width:270px;}
.width2									{ width:271px;}
.DownBox h3								{ height:41px; background:#000; font-size:12px; color:#fff; text-transform:uppercase; line-height:41px; text-indent:15px;}
.BoxPadding								{ padding-right:4px;}
.DownBox .NewsList						{ width:270px; height:352px; background:#ea0303; list-style:none;}
.DownBox .NewsList li					{ width:270px; height:39px; border-bottom:1px solid #fc3636; position:relative; float:left;}
.DownBox .NewsList li p					{ display:block; width:270px; height:39px; color:#fff; text-decoration:none; vertical-align: middle;}
.DownBox .NewsList li p:hover			{ background:#b70404;}
.DownBox .NewsList li p a				{ color:#fff;text-decoration:none; display: block;vertical-align: middle; margin-top: 5px;}

/*.DownBox .NewsList li p span:hover		{ cursor:pointer;} */
.DownBox .NewsList li p span			{ font-size:11px;}
.DownBox .NewsList li p .date			{ display:block; width:79px; height:39px; line-height:39px; text-indent:9px; float:left;}
.DownBox .NewsList li p .txt			{ display:block; width:191px; height:39px; float:left;}

.DownBox .FeaturedBox					{ width:271px; height:352px; background:#000;}
.DownBox .FeaturedBox .box				{ position:relative;}
.DownBox .FeaturedBox .box .RedLink		{ position:absolute; top:87px; left:186px;}
.DownBox .FeaturedBox .box .txt			{ color:#fff; padding:8px 13px 13px 13px; font-size:11px; line-height:13px;}

.DownBox .AboutUsBox					{ width:271px; height:352px;}
.DownBox .AboutUsBox div h4				{ color:#ea0303; font-size:12px; text-transform:uppercase; padding:13px 12px 0 12px;}
.DownBox .AboutUsBox div .txt			{ font-size:12px; color:#000; padding:0 12px 7px 12px;}



/* end of index page */

/* left box */

.rBox1									{ border:1px solid #d6d4d4; width:281px; height:118px; overflow:hidden; position:relative;}
.LeftTxt								{ color:#5C5A5A; float:left; font-size:13px; line-height:16px;}
.LeftTxt a								{ text-decoration:none; color:#ea0303;}
.LeftTxt a:hover						{ text-decoration:underline; color:#ea0303;}
.BottomSpace							{ padding-bottom:33px;}
.lTitle									{ color:#ea0303; height:13px; font-size:13px;}

/* end left box */

/* right box */

#Rbox_WatchOurFilms .RedLink			{ position:absolute; top:98px; left:34px;}
#Rbox_Newsletter .RedLink				{ position:absolute; top:98px; left:124px;}
#Rbox_SupportUs .RedLink				{ position:absolute; top:98px; left:21px;}
#Rbox_FilmMakers .RedLink				{ position:absolute; top:98px; left:21px;}
#Rbox_AboutUs .RedLink					{ position:absolute; top:98px; left:133px;}

/* end right box */

/* missipn page */



/* end mission page */

/* founders page */

#FounderBox								{ width:480px;}
#FounderBox .box						{ background:#ecebeb; padding:9px 0 9px 12px;}
#FounderBox .box img					{ float:left; padding-right:22px;}
.breaker1								{ width:50px; height:10px; overflow:hidden;}
#FounderBox .box h5						{ color:#ea0303; font-size:16px; width:255px; float:left;}
#FounderBox .box .txt					{ font-size:11px; color:#424141; width:255px; padding:10px 0 15px 0; line-height:13px; float:left;}
#FounderBox .box .RedLink2				{ display:block; width:106px; height:20px; line-height:20px; font-size:9px; font-weight:bold; text-transform:uppercase;
											background:#ea0303; color:#fff; text-decoration:none; text-align:center; float:left;}
#FounderBox .box .RedLink2:hover		{ text-decoration:underline;}

/* end founders page */

/* Interviews page */

#InterviewsForm							{ width:480px; height:35px; position:relative;}
#InterviewsForm fieldset				{ width:465px; height:35px; padding:0 0 0 15px; line-height:35px; background:#ea0303; color:#fff;}
#InterviewsForm fieldset select			{ width:194px; position:absolute; top:7px; left:274px;}

.lTitle2								{ padding:26px 0 17px 0; font-size:18px; color:#ea0303;}

#InterviewsBox							{ width:480px; padding-top:32px;}
#InterviewsBox .box						{ width:480px; background:#ecebeb; padding-bottom:33px;}
#InterviewsBox .box .img				{ padding:16px 12px 0 15px; width:133px; height:107px; overflow:hidden; position:relative; float:left;}
#InterviewsBox .box .img a				{ display:block; width:66px; height:20px; background:#ea0303; color:#fff; text-transform:uppercase; text-align:center;
											position:absolute; left:82px; top:103px; font-size:9px; font-weight:bold; text-decoration:none; line-height:20px;}
#InterviewsBox .box .img a:hover		{ text-decoration:underline;}
#InterviewsBox .box h5					{ color:#ea0303; font-size:16px; line-height:19px; padding:14px 0 5px 0; float:left;}
#InterviewsBox .box .txt				{ color:#424141; float:left; font-size:11px; line-height:13px; width:308px;}


/* end Interviews */

/* Training films */

#FilmsBox								{ width:480px; padding-top:32px;}
#FilmsBox .box							{ width:449px; background:#ecebeb; padding:0 15px 33px 15px; color:#424141; font-size:11px; line-height:13px;}
#FilmsBox .box .img						{ padding:16px 12px 0 0; width:272px; height:107px; overflow:hidden; position:relative; float:left;}
#FilmsBox .box .img a					{ display:block; width:66px; height:20px; background:#ea0303; color:#fff; text-transform:uppercase; text-align:center;
											position:absolute; left:186px; top:103px; font-size:9px; font-weight:bold; text-decoration:none; line-height:20px;}
#FilmsBox .box .img a:hover				{ text-decoration:underline;}
#FilmsBox .box h5						{ color:#ea0303; font-size:16px; line-height:19px; width:165px; padding:14px 0 5px 0; float:left;}

/* end Training films */

/* Suport */

#DonateBox								{ width:450px; padding:16px 15px; background:#ecebeb; position:relative;}
#DonateBox img							{ float:left; padding-right:12px;}
#DonateBox h5							{ color:#ea0303; font-size:16px; line-height:19px; width:165px; padding:0 0 5px 0; float:left;}
#DonateBox .txt							{ color:#424141; float:left; font-size:11px; line-height:13px; width:305px;}
#DonateBox .RedLink						{ position:absolute; top:103px; left:159px; width:81px; float:left;}

#SponsorBox								{ width:450px; padding:16px 15px; background:#ecebeb; position:relative;}
#SponsorBox img							{ float:left; padding-right:12px;}
#SponsorBox h5							{ color:#ea0303; font-size:16px; line-height:19px; width:165px; padding:0 0 5px 0; float:left;}
#SponsorBox .txt						{ color:#424141; float:left; font-size:11px; line-height:13px; width:305px;}
#SponsorBox .RedLink					{ position:absolute; top:103px; left:159px; width:95px; float:left;}


#Sponsor2Box							{ width:450px; position:relative;}
#Sponsor2Box .box						{ background:#ecebeb; padding:16px 15px 20px 15px;}
#Sponsor2Box img						{ float:left; padding-right:12px;}
#Sponsor2Box h5							{ color:#ea0303; font-size:16px; line-height:19px; width:228px; padding:0 0 5px 0; float:left;}
#Sponsor2Box .txt						{ color:#424141; float:left; font-size:11px; line-height:13px; width:228px; padding:0 0 15px 0;}
#Sponsor2Box .MoreLink					{ color:#ea0303; float:right; display:block; width:228px; font-size:11px; line-height:13px; text-decoration:underline;}
#Sponsor2Box .MoreLink:hover			{ text-decoration:none;}


.breaker2								{ width:100px; height:35px; overflow:hidden;}

.BottomSpace2							{ padding-bottom:25px;}

.payment								{ width:480px; height:50px; line-height:50px; color:#fff; font-size:21px; background:#ea0303; text-transform:uppercase;
											text-align:center;}

.payments								{ width:480px; padding:20px 0 16px 0;}
.payments .img1							{ float:left;}
.payments .img2							{ float:right;}
.LeftTxt .FindOutMore					{ display:block; width:94px; height:20px; line-height:20px; text-align:center; background:#ea0303; color:#ffffff !important; font-size:9px;
											text-transform:uppercase; text-decoration:none; margin:15px 0 0 0;}
.LeftTxt .FindOutMore:hover				{ text-decoration:underline; color:#fff;}

/* end suport */

/* publications */

#PublicationsBox						{ width:480px; padding-top:32px;}
#PublicationsBox .box					{ background:#ecebeb; padding-bottom:15px;}
#PublicationsBox .box2					{ float:left; width:394px;}
#PublicationsBox .box .link				{ width:86px; float:left; position:relative; height:100px;}
#PublicationsBox .box .link a			{ display:block; width:54px; height:60px; background: url(../img/ico_pdg.jpg) no-repeat 0 0; text-indent:-9999px;
											position:absolute; top:38px; left:16px;}
#PublicationsBox .box h5				{ color:#ea0303; font-size:16px; padding-top:13px;}
#PublicationsBox .box .txt				{ color:#424141; font-size:11px; line-height:13px; width:290px; padding:8px 0 11px 0;}



/* end publications */

/* jpin us */

#JoinUsTop								{ width:480px;}
#JoinUsTop .img							{ float:right; width:273px; height:238px; position:relative;}
#JoinUsTop .img	.shadow					{ background:url(../img/shadow.jpg) no-repeat 0 0; width:288px; height:252px; padding:21px 15px 20px 20px;
											position:absolute; top:-22px; left:4px;}

#fjoin									{ width:480px; padding-top:17px;}
#fjoin fieldset							{ width:440px; background:#fbfafa; padding:15px 20px 15px 20px;}
#fjoin h5								{ width:480px; height:40px; line-height:40px; font-size:14px; color:#5c5a5a; text-indent:20px;}
#fjoin .input							{ clear:both; padding:0 0 9px 0;}
#fjoin .input label						{ display:block; color:#5c5a5a; font-size:12px; width:72px; height:21px; line-height:21px; float:left;}
#fjoin .input .radio						{ float:left; padding:0 0 13px 0;}
#fjoin .input .radio input				{ float:left; height:14px; width:14px;}
#fjoin .input .radio label				{ float:left; width:auto; height:14px; padding:0 15px 0 8px; line-height:13px; font-size:11.5px; color:#545454;
											white-space:nowrap;}
#fjoin h6								{ font-size:12px; color:#5c5a5a; padding:0 0 14px 0;}
#fjoin fieldset.last label				{ width:120px;}
#fjoin .bg								{ background:url(../img/inputbg.gif) right; width:145px; height:17px; border:0px; font-size:11px; padding:4px 5px 0 5px;}
#fjoin #bsubmit							{ width:66px; height:20px; font-size:9px; color:#fff; background:#ea0303; border:0px; cursor:pointer;}
#fjoin select							{ margin-bottom:3px;}

/* end jpin us */

/* film makers */

.RedBox1								{ color:#fff; padding:10px 14px 15px 14px; background:#ea0303; font-size:13px; margin-bottom:26px;}
.RedBox1 h4								{ font-size:13px; padding:0 0 3px 0;}

#FilMakersBox							{ width:480px; padding-top:0px;}
#FilMakersBox .box						{ width:480px; background:#ecebeb; padding-bottom:33px;}
#FilMakersBox .box .img					{ padding:16px 12px 0 15px; width:133px; height:107px; overflow:hidden; position:relative; float:left;}
#FilMakersBox .box h5					{ color:#ea0303; font-size:16px; line-height:19px; padding:14px 0 5px 0; float:left;}
#FilMakersBox .box .txt					{ color:#424141; float:left; font-size:11px; line-height:13px; width:308px;}
#FilMakersBox .box .txt .ReadOnLink		{ display:block; width:66px; height:20px; line-height:20px; color:#fff; background:#ea0303; text-align:center;
											text-transform:uppercase; font-size:9px; margin-top:13px;}

.guides									{ border:1px solid #d6d4d4; width:233px; padding:21px 24px 22px 24px; overflow:hidden; position:relative;
											background:#000; color:#fff;}
.guides .GuidesImg						{ padding-bottom:8px;}
.guides ul								{ padding:3px 0 0 0; list-style:none;}
.guides ul li							{ background: url(../img/libg.gif) no-repeat 5px 4px; padding:0 0 4px 20px;}
.guides ul li a							{ color:#fff;}
.guides ul li a:hover					{ text-decoration:none;}

.FeaturedModule							{ width:284px; background:#ea0303;}
.FeaturedModule	h4						{ font-size:12px; color:#fff; height:41px; line-height:41px; text-indent:16px;}
.FeaturedModule .img					{ position:relative; padding-left:6px;}
.FeaturedModule .img a					{ display:block; width:66px; height:20px; background:#ea0303; color:#fff; text-transform:uppercase; text-align:center;
											position:absolute; left:192px; top:87px; font-size:9px; font-weight:bold; text-decoration:none; line-height:20px;}
.FeaturedModule .img a:hover			{ text-decoration:underline;}
.FeaturedModule .txt					{ padding:10px 20px 15px 20px; color:#fff; font-size:11px;}


/* end film makers */

/* news */

.r_archive								{ border:1px solid #d6d4d4; width:215px; padding:21px 23px 22px 23px; overflow:hidden; position:relative;
											background:#000; color:#fff;}
.r_archive ul							{ padding:5px 0 0 0; list-style:none;}
.r_archive ul li						{ background: url(../img/libg.gif) no-repeat 1px 4px; padding:0 0 4px 15px;}
.r_archive ul li a						{ color:#fff;}
.r_archive ul li a:hover				{ text-decoration:none;}

#OtherNews								{ width:261px;}
#OtherNews h3							{ width:261px; height:41px; text-indent:19px; background:#ababab; line-height:41px; color:#fff; font-size:12px;}
#OtherNews td							{ border-bottom:1px solid #fff; width:261px; height:40px; background:url(../img/NewsHover1.gif) #ecebeb no-repeat 232px 12px;}
#OtherNews td:hover						{ background:url(../img/NewsHover2.gif) #fff no-repeat 232px 12px;}
#OtherNews td a.txt						{ display:block; width:190px; padding:0 50px 0 21px; color:#5c5a5a; text-decoration:none; font-size:11px; float:left;
											min-height:14px; position:relative; vertical-align:middle;}

.NewsBox								{ padding:18px 20px 20px 20px; background:#ecebeb; width:460px}
.NewsBox h3								{ font-size:18px; color:#ea0303; padding-bottom:13px; line-height:1.1em;}
.NewsBox h4								{ font-size:13px; color:#5c5a5a; padding-bottom:13px;}
.NewsBox .txt							{ color:#5c5a5a;}
.NewsBox .txt .img						{ float:left; padding-right:12px;}
.NewsBox .txt .img2						{ float:left; padding-right:12px; padding-bottom:11px;}

.NewsBox .ReadMore						{ display:block; width:66px; height:20px; line-height:20px; font-size:9px; background:#ea0303; color:#fff;
											text-transform:uppercase; text-align:center; margin-top:14px; float:left;}
.NewsBox .ReadMore:hover				{ color:#fff; text-decoration:underline;}

.NewsBox .BackButton					{ display:block; width:86px; height:20px; line-height:20px; font-size:9px; background:#ea0303; color:#fff;
											text-transform:uppercase; text-align:center; margin-top:14px; float:left;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .NewsBox								{ padding:18px 20px 20px 20px; background:#ecebeb; position: relative;}

  .NewsBox .BackButton					{ display:block; width:86px; height:20px; line-height:20px; font-size:9px; background:#ea0303; color:#ffffff;
											text-transform:uppercase; text-align:center; margin-top:14px; }
  }
}
.NewsBox .BackButton:hover				{ color:#fff; text-decoration:underline;}

.PdfDownload							{ border:1px solid #d6d4d4; width:235px; padding:21px 23px 22px 23px; overflow:hidden; position:relative;
											background:#000; color:#fff;}
.PdfDownload img						{ padding-bottom:8px;}
.PdfDownload ul							{ padding:5px 0 0 0; list-style:none;}
.PdfDownload ul li						{ background: url(../img/libg.gif) no-repeat 1px 4px; padding:0 0 4px 15px;}
.PdfDownload ul li a					{ color:#fff;}
.PdfDownload ul li a:hover				{ text-decoration:none;}

.lTitle3								{ font-size:18px; color:#ea0303; padding-bottom:12px;}

/* end news */

/* make a film */

#RelatedGuides							{ border:1px solid #D6D4D4; padding:20px 0 21px 24px; width:237px;}
#RelatedGuides .PpfGuide				{ width:187px; padding:14px 17px 10px 9px; border-bottom:1px solid #d6d4d4; border-top:1px solid #d6d4d4; background:#f9f8f8;}
#RelatedGuides .PpfGuide img			{ float:left; padding-right:9px;}
#RelatedGuides .image					{ padding-bottom:13px;}
#RelatedGuides a						{ display:block; width:66px; height:20px; line-height:20px; font-size:9px; background:#ea0303; text-align:center; color:#fff;
											text-decoration:none; text-transform:uppercase; margin:10px 0 0 40px;}
#RelatedGuides a:hover					{ text-decoration:underline;}

/* end make a film */

/* footer */

#footer									{ border-top:1px solid #e1e3e3;float:left}
#footer1								{ width:820px; height:40px; position:relative;}
#footer1 span							{ color:#abaaab; font-size:10px; font-weight:bold; position:absolute; top:12px; left:22px;}
#footer1 ul								{ list-style:none; position:absolute; top:10px; left:302px;}
#footer1 ul li							{ float:left; padding:0 7px; background:url(../img/foter_li_bg.gif) no-repeat 0 3px;}
#footer1 ul li.first					{ background:none;}
#footer1 ul li a						{ text-transform:uppercase; font-size:10px; color:#676666; font-weight:bold; text-decoration:none;}
#footer1 ul li a:hover					{ text-decoration:underline;}
#footer1 #SendToFriend					{ position:absolute; top:6px; left:670px; background:url(../img/send_to_frend.gif) no-repeat 0 0; font-size:11px;
											padding:5px 0 5px 38px; text-decoration:none; color:#959494; font-weight:bold;}
#footer2								{ width:820px; height:40px; background:#e1e3e3; position:relative;}
#footer2 span							{ color:#8c8c8c; font-size:10px; font-weight:bold; position:absolute; top:11px; left:10px; width: 700px;}
#footer2 #CreatedBy						{ position:absolute; top:12px; left:705px; background:url(../img/createdby.gif) no-repeat 0 0; width:99px; height:17px;
											text-indent:-9999px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #footer2 span {
    color:#8c8c8c; font-size:10px; font-weight:bold; position:absolute; top:14px; left:10px; width: 700px;
  }
}

/* end of footer */
.user_logged {
  float: right;
  position: relative;

  top: 0;
  height: 12px;
  display: block;
  padding: 10px;
  font-weight: bold;
  font-size: 11px;
  background-color: #aaaaaa;
}
.user_logged a {
  text-decoration: underline;
  color: black;
}

a.link {
  color: red;
  text-decoration: none;
}

#page.charity { background: url(../img/banner_supporters.jpg) right 10px no-repeat;}
#page.medical { background: url(../img/banner_medical.jpg) right 10px no-repeat;}
#page.filmmaker { background: url(../img/banner_filmmakers.jpg) right 10px no-repeat;}


/* Group Pages / Courses */
#Groups							{width:810px; padding-top:32px;padding-bottom:20px;float:left}
#Groups ul {list-style-type:none;padding:0; margin: 0}
#Groups .box 				{float:left; padding:18px 20px 20px 20px; background:#ecebeb;}
#Groups .box .bigblack  	{color:#000000;font-size:20px;letter-spacing:0.2px;line-height:23px;padding-top:26px;padding-bottom:10px}
#Groups	.lTitle2			{padding:0 0 16px; font-size:18px; color:#ea0303;}
#Groups h4.title 			{color:#EA0303;font-size:32px;font-weight:normal;height:32px;line-height:30px;overflow:hidden;}
#Groups .box h3				{ font-size:18px; color:#ea0303; padding-bottom:13px; line-height:1.1em;}
#Groups .box h5				{ font-size:13px; color:#5c5a5a; padding-bottom:13px;}
#Groups .box .txt			{ color:#5c5a5a;}
#Groups .box .img			{ float:left; padding-right:12px;}
#Groups .box .img a			{ float:left; padding-right:12px; padding-bottom:11px;}

#Groups .courses {cursor:pointer;width:530px}
#Groups .courses .course {background-color:#000;position:relative;float:left;width: 241px;height:112px;margin-right:20px;margin-top:20px}
#Groups .courses .course .title {z-index:2;position:absolute; color:#fff; margin:36px 15px 0 86px;font-size:18px;font-weight:bold;width:155px}
#Groups .courses .course img {position:absolute;width: 241px;height:112px}
#Groups .courses .course .number {background-color:#EA0303;color:#FFFFFF;font-size:24px;font-weight:bold;height:33px;margin-left:20px;padding-left:10px;position:absolute;width:23px}

#Groups #course {padding-left:26px;padding-right:20px;width:460px;float:left}
#Groups #course .summary {font-size:15px;font-weight:bold;margin-bottom:20px}
#Groups #course .text {font-size:12px;color:#333333;margin-bottom:15px}

#Groups .viewers {float:left; margin-left: 20px; width:261px}
#Groups .viewers .header {background-color:#000;color:#fff;font-size:12px;font-weight:bold;height:41px;letter-spacing:0.4px;line-height:41px;text-indent:31px;width:261px}
#Groups .viewers li {margin-top:1px;background-color:#ecebeb;color:#333333;height:40px;width:261px;line-height:39px;font-weight:bold;text-indent:13px;}

#Groups .media {float:left; margin-left: 20px; width:280px}
#Groups .media .header {background-color:#000;color:#fff;font-size:12px;font-weight:bold;height:41px;letter-spacing:0.3px;line-height:41px;text-indent:31px;width:261px}

#Groups .media .images,#Groups .media .video,#Groups .media .documents {margin-bottom:15px;clear:both;float:left}

#Groups .media .video li {cursor:pointer;margin-top:10px;background-color:#fff;color:#333333;height:55px;width:261px;font-weight:bold;}
#Groups .media .video li img {width: 86px;height:55px;float:left}
#Groups .media .images li {cursor:pointer;float:left;margin-top:8px;background-color:#fff;height:81px;width:133px;}
#Groups .media .images li img {width: 127px;height:81px}
#Groups .media .documents li {cursor:pointer;margin-top:1px;background-color:#ecebeb;color:#333333;height:40px;width:261px;line-height:39px;font-weight:bold;text-indent:13px;}
#Groups .media .documents li a{color:#333333;text-decoration:none}
/* End Group Pages */