BODY {
	FONT-SIZE: 100%; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; 
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR:#7C0054
}
TH {
	COLOR: #000099; left: 2px;
}
H1 {
	FONT-SIZE: 1.1em; COLOR: #FF0000; FONT-FAMILY: Comic Sans MS
}
H2 {
	FONT-SIZE: 0.75em; MARGIN: 5px 10px; COLOR: #0052ac; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif
}
H3 {
	PADDING-RIGHT: 1.2em; DISPLAY: block; PADDING-LEFT: 1.2em; FONT-WEIGHT: bold; FONT-SIZE: 0.7em; PADDING-BOTTOM: 0.3em; MARGIN: 1px 1px 5px; COLOR: #ffffff; PADDING-TOP: 0.3em; BACKGROUND-COLOR: #0052ac
}
H4 {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; PADDING-LEFT: 1.2em; FONT-WEIGHT: bold; FONT-SIZE: 0.7em; BACKGROUND-IMAGE: url(../images/h4.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 150px; COLOR: #ffffff; PADDING-TOP: 0.9em; BACKGROUND-REPEAT: no-repeat; HEIGHT: 30px
}

A {
	COLOR: #0000FF; text-decoration: none; 
}
A:hover {
	COLOR: #FF0000;
}
P {
	FONT-SIZE: 0.8em; MARGIN: 5px 1px; COLOR: #000000;
}

.content{ 
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;  COLOR: #000000; FONT-SIZE: 0.8em;
}

.quotes{
 	FONT-SIZE: 0.9em;
}


#content TD P {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 0.7em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
#content TD IMG {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}
.table {
	FONT-SIZE: 0.8em; MARGIN: 5px 1px; COLOR: #000000; align:top;
}
#topnavbar {
	FONT-SIZE: 0.7em; 
}
.imgleft {
	FLOAT: left
}
.imgright {
	FLOAT: right
}

.listing {
	 COLOR: #444444; LIST-STYLE-TYPE: square; FONT-SIZE: 0.7em; line-height:12px;
}
.heading {
	FONT-SIZE: 0.9em; line-height:25px; FONT-WEIGHT: Bold;
}

#wrapper {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 10px; PADDING-TOP: 0px; BACKGROUND-COLOR: white
}
#header {
	margin-left: auto; margin-right: auto; BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/header.jpg); WIDTH: 99%; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #7C0054
}
#logo {
	WIDTH: 242px; HEIGHT: 66px
}
#comp {
	WIDTH: 100%; HEIGHT: 66px
}
#space {
	WIDTH: 30px
}
#stripe {
	 HEIGHT: 6px
}

#main {
	WIDTH: 100%; BACKGROUND-COLOR: #e6e6e6
}
#left {
	VERTICAL-ALIGN: top; WIDTH: 150px; BACKGROUND-COLOR: #e6e6e6; TEXT-ALIGN: center
}

#right {
	VERTICAL-ALIGN: top; WIDTH: 170px; BACKGROUND-COLOR: #ffffff
}
#right DIV {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid
}
#right DIV DIV {
	BORDER-TOP: #cccccc 1px solid; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff
}
#right UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; LIST-STYLE-POSITION: outside; FONT-SIZE: 0.7em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 14px; PADDING-TOP: 0px; LIST-STYLE-TYPE: square
}
#right LI {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0.5em
}
#footer {
	FONT-SIZE: 70%; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #999999 2px solid; MARGIN-TOP: 25px; BACKGROUND-IMAGE: url(../images/stripe.gif); WIDTH: 100%; COLOR: #7C0054; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff
}
#copyright {
	PADDING-LEFT: 10px; WIDTH: 33%; COLOR: #999999; TEXT-ALIGN: left
}
#footlinks {
	WIDTH: 34%; TEXT-ALIGN: center
}
#pagepadding {
	WIDTH: 100%; POSITION: relative; HEIGHT: 400px; BACKGROUND-COLOR: #e6e6e6
}
#header P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#left P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #333333; PADDING-TOP: 0px
}
#right P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; COLOR: #333333; PADDING-TOP: 0px
}
P.top {
	MARGIN-TOP: 20px
}
#pscroller1{
width: 170px;
height: 110px;
text-align: left;
border: 3px solid #7C0054;
padding: 5px;
background-color: lightgrey;
FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;  COLOR: #000000; FONT-SIZE: 0.8em
}

.heading {font-size:16px;font-family:Arial,Tahoma,Verdana; font-weight:bold;}
.normal  {font-size:13px;font-family:Arial,Tahoma,Verdana;}
.table {font-size:11px;font-family:Arial,Tahoma,Verdana;}
.smalltext {font-size:9px;font-family:Arial,Tahoma,Verdana;}

.ThRows { background-color: #7C0054; color: #FFFFFF;
       font-weight: bold; text-align: center;
       font-family: Arial;
       font-size: 9pt;
}
.TrRows { background-color: #C0C0C0; color: #000000;
       font-family: Arial;
       font-size: 9pt;
}
.TrOdd  { background-color: #C0C0C0; color: #000000;
       font-family: Arial;
       font-size: 9pt;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 5px solid #7C0054;
overflow: scroll; /*leave this value alone*/
width: 200px; /*Width of Carousel Viewer itself*/
height: 240px; /*Height should enough to fit largest content's height*/
background-color: white
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.cinema { background-color:#111216; border-spacing:0;}

.stepcarousel_movie{
position: relative; /*leave this value alone*/
border: 0px 
overflow: scroll; /*leave this value alone*/
width: 480px; /*Width of Carousel Viewer itself*/
height: 360px; /*Height should enough to fit largest content's height*/
background-color: white
}

.stepcarousel_movie .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouse_movie .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 480px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



.timeline-default {
    font-family: Trebuchet MS, Helvetica, Arial, sans serif;
    font-size: 8pt;
    border: 1px solid #aaa;
}

.info { 
   font-family:Arial, Helvetica,sans-serif;
   font-size:11px;
   position: absolute; 
   right:20px;
   padding: 0px 0px 0px 0px;
}

.translate { 
   font-family:Arial, Helvetica,sans-serif;
   font-size: 11px;
   position: absolute;
   left:175px; 
   padding: 0px 0px 0px 0px;
}

.tweet {
  font-family: arial, serif;
  font-size: 0.7em;
  color: #000000;
  text-align: left }
  .tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF; }
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      
#twitter_update_list {
  font-family: arial, serif;
  font-size: 0.7em;
  color: #000000;
  text-align: left;

}

