HTML
{
  font-family: Arial;
}
a
{
  color: blue;
  text-decoration: none;
}

a.invisible
{
  color: white;
  text-decoration: none;
}


a:hover
{
  color: #FFFFFF;
}

a.whitenoformatting
{
  text-decoration: none;
  color: White;
  
}

BODY
{
  font-size: 62.5%; /*	COLOR: #867663;	// brownish */
  color: White;
  font-family: Arial; /* BACKGROUND-COLOR: #EFFFAF; */
  background-color: #222222; /* MARGIN: 25px; */
  filter: Shadow(color:gray, strength:2, direction:135); /*	text-align:center; */
}
.narrowcolumn
{
  padding-right: 0px;
  padding-top: 0px;
  padding-left: 15px;
  margin: 0px; /*	  WIDTH: 200px;	*/
  width: 33%;
  float: left; /* necessary! */
  min-height: 400px;
}
.widecolumn
{
  padding-right: 15px;
  margin: 0px;
  width: 470px;
  padding-top: 5px;
  float: left;
  padding-left: 15px;
}

#page
{
  margin: auto;
  width: 1060px; /*  BACKGROUND-COLOR: #DFFFE6; */
  font-family: Arial;
  font-size: 8pt; /*	background-color: #FFFFFF; */
  border: 3px groove black;
  min-height: 600px;
}

#mainPage
{
  margin: auto;
  width: 1060px; /*  BACKGROUND-COLOR: #DFFFE6; */
  font-family: Arial;
  font-size: 8pt; /*	background-color: #FFFFFF; */
  border: 3px groove black;
  min-height: 600px;
}
#name
{
  width: 130px;
}

#header
{
  /*	margin: auto; */
  width: 100%;
  background-color: #000000; /* background-color:#A57A7A; */ /*	COLOR: #333333;	*/
  color: #919191; /*	margin-bottom:10px; */
  float: left;
}

#headerLogo
{
  width: 100%;
  height: 120px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  text-align: left;
  background-position: top left;
  font-family: Arial;
  font-size: 20pt;
  float: left;
  border-bottom: 0px solid gray;
}

.headerMenu
{
  font-family: arial;
  font-weight: bold;
  font-size: 22px;
  padding-right: 20px;
  margin-top: 92px;
  margin-left: 110px;
  border-bottom: 0px solid gray;
  float: left;
  width: 80%;
}

.headerMenuItem
{
  margin-right: 20px;
  padding: 0px 20px 0px 5px;
  float: left;
  text-decoration: none;
}

a.headerMenuItem
{
  margin-right: 20px;
  padding-right: 20px;
  text-decoration: none;
  color: #919191;
}
.headerMenuItem:hover
{
  color: #FFFFFF;
}

.headerMenuItemSelected
{
  margin-right: 20px;
  padding: 0px 20px 0px 5px;
  color: Black;
  background-color: White;
  border: 1px solid gray;
  border-bottom: 0px;
  margin-top: 0px;
  float: left;
  text-decoration: none;
}
.headerMenuItemSelected:hover
{
  color: Gray;
}


#leftmenu
{
  font-size: 1.2em;
  font-family: arial; /*	border-right:2px solid #996633; // brownish */ /*	border-right:2px solid #D8DB36;   // yellow */
  border-right: 2px solid yellow;
  text-align: justify; /*	background-color:#EFFFF3; */ /*	background-color:#E4CBCB; */ /*	background-color:#FFC464; */
  margin-left: 0px;
  margin-top: 5px;
  width: 33%;
  margin-right: 5px;
}

.leftmenuHeader
{
  font-size: 14pt;
  font-family: arial;
  text-align: right;
  color: #D8DB36; /* yellow from logo	*/
  border: 0px solid #333333;
  padding-right: 10px;
  float: right;
  margin: 0px 0px 2px 0px;
  width: 100%;
}
.leftmenuHeader a
{
  color: yellow;
  text-decoration: none;
}

.rightmenuHeader
{
  font-size: 14pt;
  font-family: arial;
  text-align: left;
  color: #D8DB36; /* yellow from logo	*/
  border: 0px solid #333333;
  width: 100%;
  float: right;
}

.rightmenuHeader a
{
  color: yellow;
  text-decoration: none;
}

.leftmenuHeaderSelected
{
  font-size: 14pt;
  font-family: arial;
  text-align: right;
  border: 2px solid yellow;
  padding: 0px 5px 0px 5px;
  float: right;
  margin: 0px 0px 2px 200px;
  background-color: #FFFFFF;
  color: #336633;
  font-weight: bold;
}

#rightmenu
{
  font-size: 1.2em;
  font-family: arial;
  border-left: 2px solid #D8DB36;
  text-align: justify;
  margin-right: 0px;
  margin-top: 5px;
  width: 33%;
  margin-left: 5px;
}

.leftmenuItem
{
  border-bottom: 1px solid #333333;
  /*width: 335px;*/
  margin: 10px 0px 5px 0px;
  padding-bottom: 5px;
  font-family: arial;
}

.newsDataList1
{
  width:95%; 
  margin-top:5px;
  float:left;
}

.submenuSection
{
  border: 0px solid yellow;
  border-bottom: 2px solid yellow;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  min-height: 50px;
  min-width: 50px;
  width: 100%;
  float: left;
}

.rightmenuItem
{
  border-bottom: 1px solid #333333;
  width: 90%;
  margin: 10px 0px 5px 20px;
  padding-bottom: 15px;
  font-family: arial;
}

rmed
{
  font-size: 10pt;
  text-align: center;
  width: 33%;
  margin-left: 200px;
}

.footerSection
{
  display: block;
  float: left;
  width: 95%;
  margin: 10px;
  border-top: 2px solid yellow;
  padding: 10px;
  
  text-align: center;
  min-width: 600px;
  font-size: 0px;
}

.footerSection li
{
  list-style: none;
  display: inline;
}

.footerSection li span
{
  font-size: 10px; /* Base level of the font */
  display: table-cell; /*Firefox 2 */
  display: inline-block; /* Other */
    /* background: #FFCC00; */
  width: 300px;
  height: 160px;
}

.subscription
{
  /* 	float:left; 	width:800px; 	margin:10px 0px 0px 20px;	 	border-top:2px solid yellow;   */
}

.socialIcons
{
  width: 350px;
  border: 3px double #D8DB36;
  padding: 10px;
  height: 200px; /* margin: 20px 0px 20px 415px;	*/
  margin: 20px 0px 20px 20px;
  color: White;
  font-family: Verdana;
  font-size: 10pt;
  text-align: center;
}

.socialIcon
{
  width: 25%;
  display: block;
  float: left;
  padding-bottom: 30px;
}

.smallMargin
{
 margin:10px; 
}

.moduleSpacer
{
  border:left:3px double #D8D836;
}

.moduleWrapper
{
  width: 300px;
  /* border: 3px double #D8DB36; */
  padding: 10px;
  margin: 10px 10px 0px 100px;
  text-align: center;
  
  color: White;
  font-family: Verdana;
  font-size: 10pt;
  float: left;
}

.moduleHeader
{
  font-size: 14pt;
  font-family: arial;
  text-align: center;
  color: #D8DB36; /* yellow from logo	*/
  
  width: 100%;
}

.stayInformedItem
{
  /*  BORDER:#cccccc 1px solid; */
  margin-left: 10px;
  width: 100px;
  float: left;
  margin-bottom: 10px; /*  BACKGROUND-COLOR:#C3C3C3;   border:1px solid black; */
}

.stayInformedItems
{
  background-color: #336633;
  border-width: 2px;
}

.warningMessage
{
  font-style: italic;
  font-size: 10pt;
  text-align: left;
  margin-bottom: 5px;
  width: 240px;
  margin-left: 40px;
}

/* for the interact page
 *
 *
 */
.interact
{
  float: left;
  width: 100%; /*margin:10px 0px 0px 0px;	 	border-bottom:2px solid yellow; */
}
.interactBlock
{
  width: 100%;
  float: left;
  margin-top: 5px;
}

.interactItem
{
  margin-left: 10px;
  width: 80px;
  float: left;
  margin-bottom: 5px;
  text-align: right; /*  BACKGROUND-COLOR:#C3C3C3;  */
  border: 0px solid black;
}

.interactItemAdminLabel
{
  margin-left: 10px;
  float: left;
  margin-bottom: 5px;
  text-align: right; /*  BACKGROUND-COLOR:#C3C3C3;  */
  border: 0px solid yellow;
  width: 80px;
}

.interactItemAdminField
{
  margin-left: 10px;
  float: left;
  margin-bottom: 5px;
  text-align: right; /*  BACKGROUND-COLOR:#C3C3C3;  */
  border: 0px solid yellow;
  width: 160px;
}
.interactWarningMessageAdmin
{
  font-style: italic;
  font-size: 9pt;
  text-align: left;
  margin-bottom: 5px;
  width: 475px;
  margin-left: 0px;
  float: left;
  min-height: 0px;
  color: Red;
}

.interactMain
{
  width: 600px;
  border: 0px double black;
  padding: 0px; /* margin: 20px 0px 20px 415px;	*/
  margin: 0px 0px 20px 0px;
  float: left;
  color: White;
  font-family: Verdana;
  font-size: 10pt;
  text-align: center;
}
.interactTitle
{
  font-family: Verdana;
  width: 150px;
  color: #D8DB36;
  font-size: 12pt;
  border-bottom: 1px solid #D8DB36;
  float: left;
  text-align: left;
}

.interactWarningMessage
{
  font-style: italic;
  font-size: 9pt;
  text-align: left;
  margin-bottom: 0px;
  width: 475px;
  margin-left: 100px;
  float: left;
  min-height: 0px;
}
.interactButtons
{
  float: left;
  margin-left: 100px;
  margin-top: 10px;
  height: 20px;
  width: 400px;
  text-align: left;
}
.interactButton
{
  font-family: Verdana;
  font-size: 12pt;
  background-color: White;
  border: 1px;
}

.feedback
{
  font-family: Verdana;
  color: Yellow;
  font-size: 10pt;
  float: left;
  width: 500px;
  margin-top: 20px;
}

/*
 *  NEWSLETTER - related
 *
 */

.newsletterMain
{
  font-size: 12pt;
}
.newsletterTitle
{
  font-family: Arial;
  font-weight: bold;
  font-size: 18pt;
}

.newsletterTitle a
{
  color: black;
}

.newsletterHeadline
{
  text-decoration: underline;
  font-size: 16pt;
  font-weight: bold;
  margin-bottom: 10px;
}

.newsletterItem
{
  margin: 5px 0px 15px 0px;
  border: 0px solid white;
  float: left;
  width: 100%;
}

.newsletterImageLeft
{
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
}

.newsletterImageRight
{
  margin-left: 5px;
  margin-bottom: 5px;
  float: none;
}

.newsletterFooter
{
  text-decoration: underline;
  font-weight: bold;
  font-size: 16pt;
}

.newsletterSignature
{
  font-style: italic;
  font-size: 14pt;
}

.newsletterBodyText
{
  float: left;
}
.newsletterBodyTextLeft
{
  float: left;
  width: 60%;
}

/*
 *  for the components of the section between the top menu and the side menu/main content
 */
#welcome
{
  background: url(../images/cinevorebackground5-350.jpg) #FFFFFF 0% no-repeat;
  background-position: top center;
  height: 225px;
  float: none;
  clear: both;
}

#newsletterPreviewWelcome
{
  float: none;
  clear: both;
}

#welcomeBox
{
  background-color: #DFFFE6;
  filter: alpha(opacity=75);
  -moz-opacity: .75;
  opacity: .75;
  margin: 20px;
  padding: 5px 5px 10px 10px;
  float: left;
  max-width: 900px;
}

.welcomeTitle
{
  font-size: 24px;
  text-align: left;
  color: #BF0000;
  float: left;
  min-width: 500px;
}

.welcomeText
{
  font-size: 14px;
  font-family: Verdana;
  text-align: left;
  text-indent: 1em;
  color: #BF0000;
  float: left;
  margin-top: 5px;
  min-width: 550px; /*text-indent:.5em; */
}

.welcomeTitleNoWidth
{
  font-size: 24px;
  text-align: left;
  color: #BF0000;
  float: left;
  padding-right: 10px;
  width: 194px;
}

.welcomeTextNoWidth
{
  font-size: 14px;
  font-family: Verdana;
  text-align: left;
  text-indent: 1em;
  color: #BF0000;
  float: left;
  margin-top: 5px;
  padding-right: 10px;
  width: 123px;
}

#contentMain
{
  font-size: 1.2em;
  border: 0px solid black;
  border-bottom: none;
  border-left: none;
  text-align: left;
  margin-top: 5px;
  margin-left: 10px; /*	background-color:#EFFFF3; */ /*	BACKGROUND-COLOR: #83AF8D; */ /*	  background-color:#D3BEBE;  //brownish */ /*	background-color:#C8C891;	// tan-beige */
  width: 60%;
  min-height: 400px;
  float: left;
}
#main
{
  /*  BACKGROUND-COLOR: #83AF8D;	*/
  background-color: #336633; /* 33B842 = text color on cinevore logo	*/ /*min-height:600px;	*/
  overflow: auto;
  min-height: 200px;
}
.newsDateHeadline
{
  color: #D8DB36;
  font-weight: bold;
}

.newsDateHeadlineSelected
{
  color: #DFFFE6;
  font-weight: bold;
}

#toolbar-top
{
  width: 100%;
  height: 85px;
}

#toolbar-left
{
  font-family: Arial;
  font-size: 1.3em;
  padding-top: 20px;
  padding-left: 20px;
  color: #FFFFCC;
  font-weight: bold;
}

#toolbar-right
{
  font-family: Arial;
  font-size: 1em;
  padding-top: 20px;
  padding-right: 20px;
  text-align: right;
  color: #FFFFCC;
}

.description
{
  font-family: arial;
  font-size: 12pt;
  text-align: left; /*  COLOR: #333333; */
  text-decoration: none;
  text-align: left;
  padding-left: 10px;
  color: white;
  border-left: 0px solid white;
  border-bottom: 0px solid white;
}

H1
{
  font-family: Arial;
  font-size: 4em;
  text-align: left;
  color: #333333;
  margin: 5px 0px 0px 5px;
}
H1 A
{
  color: #333333;
}
H1 A:hover
{
  color: #333333;
}
H1 A:visited
{
  color: #333333;
}
H2
{
  font-weight: bold;
  font-family: Arial;
  color: #202F24;
  font-size: 1.6em;
  text-decoration: none;
  margin: 30px 0px 0px;
}
H2.pagetitle
{
  font-size: 1.6em;
  margin-top: 30px;
  text-align: left;
}

H2 A
{
  color: #202F24;
  text-decoration: none;
}
H2 A:visited
{
  color: #202F24;
  text-decoration: none;
}

H2 A:hover
{
  color: #06c;
  text-decoration: none;
}

.contentItem
{
  float: left;
  padding: 5px 10px 0px 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.mainTitleDescContainer
{
  width: 215px;
  min-height: 400px;
  float: left;
}

.mainTitle
{
  font-size: 16pt; /*	color:#B7B7B7; // a gray  */ /*	color:#919191;	// a different gray */
  color: #D8DB36;
  margin: 0px 0px 0px 5px;
  text-align: left;
  float: left;
  width: 100%;
}

.mainTitle a
{
  color: Yellow;
  text-decoration: none;
}

.mainText
{
  margin: 0px 0px 0px 5px;
  text-align: left;
  width: 95%;
  float: left;
}

.mainImage
{
  float: left;
  height: 110px;
  width: 150px;
  max-height: 110px;
  max-width: 150px;
  margin: 5px 15px 5px 5px;
  border: 0px solid brown;
}
.stillsImage
{
  float: left;
  height: 73px;
  width: 100px;
  max-height: 73px;
  max-width: 100px;
  margin: 5px;
}

.stillsImage a
{
  color: Black;
  text-decoration: none;
}

.stillsImage img
{
  border: 1px solid black;
}

.slideshow
{
  font-size: 12pt;
  max-width: 600px;
  width: 600px;
  float: left;
  text-align: center;
  color: White;
}

.slideshowTitle
{
  font-weight: bold;
  font-size: 12pt;
  color: white;
  margin-bottom: 10px;
}

.slideshowImage
{
}

.slideshowDesc
{
  margin-top: 10px;
  font-size: 12pt;
}

.slideshowNav
{
}

.slideshowNavText
{
  font-family: Verdana;
  font-weight: bold;
  text-align: center;
}

.slideshowNavPrev
{
  margin-right: 10px;
  font-weight: bold;
}

.slideshowNavNext
{
  margin-left: 10px;
  font-weight: bold;
}

a.pgrLink
{
  margin-right: 10px;
  float: left;
  color: #FFFFFF;
}

.pgrControlsBottom
{
  float: left;
  width: 90%;
  border-top: 1px solid yellow;
  margin-top: 10px;
  margin-left: 50px;
}

.pgrControlsTop
{
  float: left;
  width: 90%;
  border-bottom: 1px solid yellow;
  margin-bottom: 10px;
  margin-left: 50px;
}

.pgrControlsSideMenu
{
  float: left;
  width: 100%;
  border-top: 0px solid yellow;
  margin-bottom: 10px;
  margin-left: 0px;
}

.pgrControlsSideMenuTop
{
  float: left;
  width: 100%;
  border-bottom: 1px solid yellow;
  margin-bottom: 10px;
  margin-left: 0px;
  color: Green;
}


.mainNewsItem
{
  padding: 10px 0px 0px 20px;
}

.mainNewsText
{
  padding-bottom: 10px;
  margin-bottom: 0px;
  margin-left: 25px;
  border: 0px dashed yellow;
}

.mainNewsDate
{
  margin-left: 0px;
  font-size: 14pt;
  color: #D8DB36;
  width: 100px;
  float: left;
}

.mainNewsTitle
{
  width: 450px;
  color: #D8DB36;
  font-size: 14pt;
  border-bottom: 1px solid #D8DB36;
  float: left;
}

.mainNewsBody
{
  width: 100%;
  float: left;
}

.mainNewsBody a
{
  color: Blue;
}

.staffItem
{
  padding: 10px 5px 5px 20px;
  float: left;
  font-family: Verdana;
}
.staffTitle
{
  font-size: 12pt;
  font-style: italic; /*	color:#B7B7B7; // a gray  */ /*	color:#919191;	// a different gray */
  color: #D8DB36;
  margin: 0px 0px 0px 5px;
}

.contentDesc
{
  margin-left: 165px;
}
.filmTop
{
  float: left;
  min-height: 0px;
}
.filmBottom
{
  float: left;
  width: 100%;
  min-height: 0px;
}

.filmClip
{
  margin: 0px 10px 5px 0px;
  /*width: 250px;*/
  width:64%;
  height: 250px;
  min-height: 0px;
  float: left;
}
.filmDesc
{
  border-top: 1px solid yellow;
  min-height: 0px;
  float: left;
}
.filmSlideshow
{
  width: 95%;
  margin-right: 10px;
  margin-bottom: 20px;
  float: left;
}

.filmSlideshow a
{
  color: white;
  text-decoration: none;
}

.filmCastCrew
{
  width: 55%;
  margin-right: 10px;
  margin-bottom: 20px;
  float: left;
  font-family: Verdana;
}
.filmCastName
{
  font-size: 10pt;
  color: white;
  font-weight: bold;
  width: 200px;
  float: left;
  margin: 0px 0px 0px 5px;
}
.filmCastTitle
{
  font-size: 10pt;
  color: white;
}
.filmCrewName
{
  font-size: 10pt;
  color: white;
}
.filmCrewTitle
{
  font-size: 10pt;
  font-weight: bold;
  color: white;
  float: left;
  width: 200px;
  margin: 0px 0px 0px 5px;
}

.otherClips
{
  float: right;
  width: 40%;
  border-left: 2px solid yellow;
  padding: 5px 0px 20px 10px;
}
.otherClipsTitle
{
  width: 100%;
  border-bottom: 1px solid white;
  font-size: 14pt;
  margin: 0px 0px 5px 5px;
  color: Yellow;
}

.filmClipSmall
{
  margin-bottom: 10px;
  float: left;
  height: 110px;
  width: 150px;
  max-height: 110px;
  max-width: 150px;
  margin: 0px 5px 5px 0px;
  border: 0px solid brown;
  font-size: 12pt;
  float: left;
  font-family: Verdana;
  color: white;
}

.clipTitle
{
  color: inherit;
  text-decoration: none;
}

.clipTitle:hover
{
  color: Navy;
  font-weight: bold;
}

.filmClipSmallTitle
{
  filter: alpha(opacity=55);
  -moz-opacity: .55;
  opacity: .55;
  font-size: 12pt;
  float: left;
  color: Black;
  background: white;
  font-family: Verdana;
  margin-top: 40px;
  text-align: center;
  width: 100%;
}
.staffName
{
  font-size: 12pt;
  float: left;
  width: 100px;
}
.staffTitle
{
  font-size: 12pt;
  font-style: italic;
  color: #D8DB36;
  margin: 0px 0px 0px 5px;
  width: 300px;
}


/*
 *	for the administrative page sections
 *
 */

.maintListItem
{
  font-size: 12pt;
  font-style: italic;
  color: #D8DB36;
  margin: 0px 0px 0px 5px;
  width: 300px;
}

.adminContainer
{
  margin-bottom: 10px;
  font-size: 10pt;
  width: 990px;
  height: 628px;
  padding: 10px;
  float: left;
}

.adminSubContainer
{
  width: 49%;
  float: left;
  min-width: 100px;
  min-height: 300px;
  margin-top: 10px;
}

.selectedRow
{
  background-color: Yellow;
}

.commandRow
{
  background-color: White;
}

.adminGrid
{
  clear: left;
  border: 1px solid white;
  clear: both;
  margin-top: 10px;
}

.adminGridHeader
{
  background-color: White;
  color: Black;
  font-family: Courier New;
}

.adminGridName
{
  color: Yellow;
  font-size: 14pt;
  float: left;
}

.adminLabel1
{
  width: 50%;
  float: left;
  font: 10pt arial bold;
}

.newsletterSection
{
  border: 1px solid yellow;
  padding: 5px;
  float: left;
  width: 475px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.newsletterBodySection
{
  float: left;
  margin-bottom: 10px;
  width: 100%;
}


.entry
{
  border-top: #333333 1px solid;
}

.entry P A:visited
{
  color: #295F36;
}

.entry UL LI:hover
{
  list-style-type: square;
  color: #333333;
}

.entry OL
{
  padding-right: 0px;
  padding-left: 35px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
}
.entry OL LI
{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
}

.entry FORM
{
  text-align: left;
}

.post
{
  margin: 0px 20px 40px 0px;
  font-family: arial;
  color: black;
}

SMALL
{
  font-size: 0.9em;
  line-height: 1.5em;
  font-family: Arial COLOR: #777;
}