/* Main Page */

body {background-color:#8B5C29;}

/*links*/
A:link {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:10px; letter-spacing:0.5px; text-decoration:none;}
A:visited {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:10px; letter-spacing:0.5px; text-decoration:none;}
A:active {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:10px; letter-spacing:0.5px; text-decoration:none;}
A:hover {text-decoration:inherit; color:#FFB800;}

.surround {} 
#surround {width:756px; margin:0 auto; position:relative;}
	
.backgroundimage {} 
#backgroundimage {width:756px;}

.links1 {}
#links1 {position:absolute; top:60px; left: 640px;}

.links2 {color:#FFFFFF;}
#links2 {position:absolute; top:220px; left: 120px; z-index:10;}

.livevideo {} 
#livevideo {position:absolute; top: 310px; left: 80px; width:320px;}

.videodetails {}
#videodetails {position:absolute; top: 315px; left: 430px; width: 230px}

#remindertab {position:absolute; top:252px; left:150px; z-index:5;}

.clickhere0 {text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:9px; letter-spacing:0.5px;}
#clickhere0 {position:absolute; top:257px; left:157px; width:70px; height:40px; z-index:20;}

.upcoming1 {}
#upcoming1 {position:absolute; top: 665px; left: 90px; width:230px;}

.clickhere1 {text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:9px; letter-spacing:0.5px;}
#clickhere1 {position:absolute; top:840px; left:335px; width:70px;}

.upcoming2 {}
#upcoming2 {position:absolute; top: 665px; left: 440px; width:230px;}

.clickhere2 {text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:9px; letter-spacing:0.5px;}
#clickhere2 {position:absolute; top:690px; left:350px; width:70px;}

.footer {text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:9px; letter-spacing:0.5px;}
#footer {position:absolute; top:950px; left:0px; width:100%;}



/*videodetails.php, upcoming1.php, upcoming2.php page styles*/

.videodetailssurroundbox {}
#videodetailssurroundbox {width:230px; height:250px}

.icon {}
#icon {position:absolute; top:-5px;}

.underline {}
#underline {position:absolute; top: ;}

.title {color:#EEEEEE; font-family:Arial, Helvetica, sans-serif; font-size: 17pt; font-weight:bold; letter-spacing:0.5px;}
#title {position:absolute; top:10px;}

.date {color:#FFB800; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
#date {position:absolute; top:40px; float:right;}

.description {color:#EEEEEE; width:220px; font-size:8pt; font-family:Arial, Helvetica, sans-serif; line-height: 14px; font-weight:bold; letter-spacing:0.5px;}
#description {position:absolute; top:60px; margin-left:15px; margin-right: 15px; clear:both;}

.who {color:#CE4A00; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
#who {position:absolute; top:160px; left: 0px;}

.who2 {color:#EEEEEE; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
#who2 {position:absolute; top:160px; left:40px;}

.what {color:#CE4A00; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
#what {position:absolute; top:180px; left:0px;}

.what2 {color:#EEEEEE; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
#what2 {position:absolute; top:180px; left:40px;}

.when {color:#CE4A00; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
#when {position:absolute; top:200px; left:0px;}

.when2 {color:#EEEEEE; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.5px;}
#when2 {position:absolute; top:200px; left: 40px;}