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


body {

text-align: center;
/*background-color:rgb(209, 209, 209);*/
min-width: 1000px;
    z-index: 101;

}

#banner
{
/* Headline Banner */
width: 100%;
height: 74px;
/*background-color:#6CA6CD;*/
/*background-color:#3B5998;*/
background-color:#37262c;

}
a.bannerlink{

color:white;
font-family:"Trebuchet MS", Helvetica, sans-serif;

font-size:30px;

text-decoration:none;

}
#wrapper,#bannerWrapper {

/* Centres the page, left aligns all writing , sets width */
      width: 1000px;
/*background-color:white;*/
      margin: 0 auto;

      text-align: left;

}
.bannerLogo
{
float:left;
height:70px;
}

#wrapper
{
margin-top:10px;

}

#tvScreenWrapper
{
width:600px;
height:410px;
float:left;


}


#tweetContentWrapper
{
/*width:750px;*/
width:380px;
float:right;
margin-left:20px;
height: 1000px;
overflow-y:scroll;
overflow-x:hidden;
border-top-width:1px;
border-top-style:solid;
border-top-color:rgb(232, 232, 232);
/*margin-right:20px;*/

}

#tweetWrapper
{
/*width:750px;*/
width:360px;
margin-bottom:5px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:rgb(232, 232, 232);
float:left;

}

#tweetWrapper:hover
{
display: block; 
 background-color:#F7F7F7;

}

img.tvTwitterprofilePicture
{
height:55px;
float:left;
width:70px;
padding-top:5px;
}


#tvTweet
{
/*width:640px;*/
width:280px;
float:left;
margin-left:10px;
/*margin-right:5px;*/
margin-top:5px;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:13px;
}





#tvTwitterUsername
{
width:200px;
height:25px;
float:left;
margin-left:10px;
margin-right:5px;
margin-bottom:2px;
margin-top:5px;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:13px;
}

#tvTwitterWebIntents
{
width:90%;
float:left;

text-align:left;

height:15px;

margin-left:10px;
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:13px;

}
#tvTwitterFollow
{
width:60px;
height:15px;
float:right;
margin-left:10px;
margin-bottom:2px;
margin-top:5px;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:13px;


}
a.WebIntents
{

text-decoration:none;
color:#999999;

}

a.WebIntents:hover
{

color:black;
text-decoration:underline;

}

#mainContentWrapper
{
width:600px;
float:left;


}

#menuWrapper
{
width:580px;
margin-top:20px;
}


#leftNatigationPanelBox
{
/*background-color:#3B5998;*/
background-color: rgb(246, 246, 246);
width:15%;
height:50px;
float:left;
cursor:pointer;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#c3c8d4;

border-right-width:1px;
border-right-style:solid;
border-right-color:#c3c8d4;

}

#leftNatigationPanelBox:hover
{
display: block; 
 /*background-color:#1a2946;*/
 background-color: white;
 border-bottom-style:none;

}

#leftNatigationPanelContent
{
float:left;
padding-top:10px;
padding-left:10px;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:15px;
color:black;
text-align: center;

}

#leftNatigationPanelContentTweet
{
float:right;
padding-top:10px;
padding-left:10px;
font-family:"Trebuchet MS", Helvetica, sans-serif;


}


#content
{
width:100%;
float:left;
margin-top:20px;

}

#tvShowChannel
{
width:30%;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:30px;
float:left;
}

#tvShowName
{
width:69%;
margin-left:1%;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:25px;
float:left;

}
#tvShowDescriptionText
{
width:100%;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:15px;
float:left;
margin-top:10px;
}

#tvShowCreditsDirector
{
width:100%;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:15px;
float:left;
margin-top:10px;
}

#tvShowCreditsActors
{
width:100%;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:15px;
float:left;
margin-top:10px;
}

#channelListWrapper
{
width:100%;

}


#individualChannel
{
width:100px;
height: 80px; 
float:left;


}


img.channelImage
{
 height:60px;
 width:90px; 
 cursor:pointer;
}





/*NEWS*/

#newsItem0
{
/*width:655px;*/
width:540px;
margin-bottom:10px;
float:left;
}


#newsItem1,#newsItem2,#newsItem3,#newsItem4,#newsItem5
{
/*width:655px;*/
width:540px;
margin-bottom:20px;
float:left;

}

#newsItem0:hover,#newsItem1:hover,#newsItem2:hover,#newsItem3:hover,#newsItem4:hover,#newsItem5:hover
{
display: block; 
 background-color:#F7F7F7;

}

img.newsWrapperImage
{
height:75px;
float:left;
width:90px;

}

#newsArticleTitle
{
/*width:490px;*/
width:400px;
height:25px;
float:left;
margin-left:10px;
margin-right:5px;
margin-bottom:2px;


}
a.newsArticleTitleLink
{
text-decoration:none;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:13px;
}

a.newsArticleTitleLink:hover,a.newsArticleTitleLink:active
{
color:#00688B;
}
#newsArticleContent
{
/*width:490px;*/
width:400px;
float:left;
margin-left:10px;
margin-right:5px;
margin-top:5px;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:13px;
}

/*END OF NEWS*/

/*Nattachat*/

#nattaChatDisplay
{
width:100%;
}


#nattaChatDsiplayWrapper
{
width:100%;
}

#nattaChatHeaderWrapper
{
width:100%;
/*border-width:1px;
border-style:solid;
border-color:#c3c8d4;*/
color:#c3c8d4;
float:left;

}

#nattaChatChannel
{
width:30%;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:30px;
float:left;
/* This has been made the same as tvShowChannel. I have not put them in the same place in css just incase i want them to be different*/
}

#nattaChatHashTag
{
width:69%;
margin-left:1%;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:25px;
float:left;
/* This has been made the same as tvShowName. I have not put them in the same place in css just incase i want them to be different*/
}


#nattaChatContent
{
width:100%;
float:left;
margin-top:5px;
overflow-y:scroll;
height:458px;

/* This has been made the same as #tvShowDescriptionText. I have not put them in the same place in css just incase i want them to be different*/
}

#nattaChatTweet
{
/*width:640px;*/
/*width:400px;*/
width:100%;
float:left;
/*margin-left:10px;*/
/*margin-right:5px;*/
margin-top:10px;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:13px;
/* This has been made the same as #tvTweet. I have not put them in the same place in css just incase i want them to be different*/
}