@charset "UTF-8";
/* CSS Document */
/*****************  Information  *******************
Code by Shez Sirimanne

Mathematics, Leadership, and Video News teacher at Mission hills High School
This site is created to showcase the high school TV news program called one.
Any use of video, photos, etc must be cleared with shez Sirimanne before usage.
Contact info: onemissionhills.org



*/

/*****************  Header ********************/

#header-wrapper {
	background-image: url(oneheader/headerbackground/headerbg01.jpg);
	background-repeat: repeat-x;
	white-space: normal;
	display: block;
	height: 400px;
	width: 100%;
	min-width: 990px;

}

#header {
	background-image: url(oneheader/headerbackground/headerbg02.png);
	background-repeat: repeat-x;
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0px;
	height: 100%;
	width: 990px;
}


/*****************  Title / Logo divs ********************/


#title-wrapper {
	display: block;
	height: 100px;
	width: 100%;
}
#title-left {
	display: block;
	float: left;
	height: 100px;
	width: 460px;
}
#title-right {
	display: block;
	float: right;
	height: 100px;
	width: 500px;
	padding-right: 30px;
}

#title-sub-wrapper {
	display: block;
	height: 300px;
	width: 100%;
}
#title-sub-left {
	display: block;
	float: left;
	height: 300px;
	width: 200px;
}

#sub-left-link {
	display: block;
	float: left;
	height: 40px;
	width: 700px;
	text-align: right;
}

#title-sub-right {
	display: block;
	float: right;
	height: 300px;
	width: 290px;
}


/*****************  Main   ********************/


#main-wrapper {
	background-image: url(onebody/bodybg01.jpg);
	background-repeat: repeat;
	display: block;
	height: 780px;
	width: 100%;
}


#main {
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0px;
	height: 740px;
	width: 990px;
	background-image: url(onebody/bodybg02djjoe.png);
}


#main-left {
	display: block;
	float: left;
	height: 700px;
	width: 670px;
	padding-top: 20px;
	padding-left: 30px;
}


#main-right {
	display: block;
	float: right;
	height: 700px;
	width: 500px;
	padding-top: 20px;
}

#main-blackout {
	display: block;
	float: left;
	height: 550px;
	width: 1100px;
	padding-left: 50px;
	padding-right: 50px;
}
/*****************  for Videos   ********************/
#main-wrapper-video {
	background-image: url(onebody/bodybg02gray.jpg);
	background-repeat: repeat;
	display: block;
	height: 640px;
	width: 100%;
}


#main-video {
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0px;
	height: 600px;
	width: 990px;
}
#videobox {
	display: block;
	float: left;
	height: 525px;
	width: 660px;
	padding-top: 20px;
	padding-left: 20px;
}

/*   Table behaviors   */

#bodytitle01 {
	display: block;
	float: left;
	height: 60px;
	width: 990px;
}
#bodytitle01font {
	display: block;
	float: left;
	height: 60px;
}
#bodytitle01button {
	display: block;
	float: left;
	height: 60px;
	width: 120px;
}
#bodytable01 {
	display: block;
	float: left;
	height: 300px;
	width: 990px;
}

#table-div1 {
	display: block;
	float: left;
	height: 285px;
	width: 280px;
	margin-left: 20px;
	margin-top: 15px;
}
#table1title {
	display: block;
	float: left;
	height: 30px;
	width: 100%;
	padding-top: 5px;
}
#table1subtitle {
	display: block;
	float: left;
	height: 20px;
	width: 100%;
	margin-top: 0px;
}

#table1link {
	text-align: right;
	display: block;
	float: left;
	height: 40px;
	width: 100%;
	margin-top: 10px;
}
#table1body {
	display: block;
	float: left;
	width: 100%;
	padding-top: 10px;
}

#bodytable02calendar {
	display: block;
	float: left;
	height: 680px;
	width: 930px;
	margin-top: 20px;
	margin-left: 60px;
}


/*body-top annd body-top is only the banner design at the extremities of the body div. */
#main-top {
	background-image: url(onebody/bodytop01.png);
	background-repeat: repeat-x;
	display: block;
	height: 20px;
	width: 100%;
}
#main-bottom {
	background-image: url(onebody/bodybottom01.png);
	background-repeat: repeat-x;
	display: block;
	height: 20px;
	width: 100%;
}


/*****************  Subfooter (or subbody)  ********************/

#subfooter-wrapper {
	background-image: url(onefooter/footerbackgrounds/footerbg01.jpg);
	background-repeat: repeat;
	display: block;
	height: 525px;
	width: 100%;
}

#subfooter {
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0px;
	height: 100%;
	width: 990px;
}

#subfooter-left {
	display: block;
	float: left;
	height: 480px;
	width: 250px;
	padding-top: 5px;
	padding-left: 30px;
}


#subfooter-right {
	display: block;
	float: right;
	height: 480px;
	width: 500px;
}

/*****************  Footer  ********************/

#footer-wrapper {
	background-image: url(onefooter/footerbackgrounds/footerbg02.jpg);
	background-repeat: repeat;
	display: block;
	height: 65px;
	width: 100%;
}

#footer {
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0px;
	height: 100%;
	width: 990px;
}

#footer-left {
	display: block;
	float: left;
	height: 45px;
	width: 490px;
	padding-top: 20px;
	padding-left: 30px;
}


#footer-right {
	display: block;
	float: right;
	height: 50px;
	width: 400px;
	padding-top: 15px;
}

#nav {
	width: 480px;
	margin: 0 auto;
	padding: 20px 0 0 0px;
	height: 50px;
	float: right;
}

/************************* Navigation *********************************/
ul,li {list-style-type: none;}
ul#navigation span, h2 span, h3 span {display: none;}

ul#navigation {height: 50px;}

  ul#navigation li {
	float: right;
  }

    ul#navigation li a {
    	display: block;
      height: 50px;
    	cursor: pointer;
    }

    ul#navigation li a#episodes {background: url(http://sirimanne.com/one/onenavigation/episodes.png) 0 0 no-repeat;	width: 120px;}
    ul#navigation li a#segments {
	background: url(http://sirimanne.com/one/onenavigation/segments.png) 0 0 no-repeat;
	width: 130px;
}
    ul#navigation li a#calendar {background: url(http://sirimanne.com/one/onenavigation/calendar.png) 0 0 no-repeat;	width: 120px;}
    ul#navigation li a#about {
	background: url(http://sirimanne.com/one/onenavigation/about.png) 0 0 no-repeat;
	width: 100px;
}

	
    ul#navigation li a#episodes:hover,
    ul#navigation li a#segments:hover,
    ul#navigation li a#calendar:hover,
	ul#navigation li a#about:hover
 {
	background-position: 0 -50px;
}


/*  CSS Rollovers   */

#watch01 a {
	height: 40px;
	width: 140px;
	display: block;
	float: right;
	background-image: url(onebody/bodytitles/watchlinksROLL.png);
	background-repeat: no-repeat;
   }
#watch01 a:hover {
	background-position: 0px -50px;
   }
   
   
#fast01 a {
	height: 60px;
	width: 110px;
	display: block;
	float: left;
	background-image: url(onebody/bodytitles/fastforwardbutton30more.png);
	background-repeat: no-repeat;
   }
#fast01 a:hover {
	background-position: -114px 0px;
   }
 
 #readmore01 a {
	height: 40px;
	width: 250px;
	display: block;
	float: right;
	background-image: url(onebody/bodytitles/readmoreROLL.png);
	background-repeat: no-repeat;
   }
#readmore01 a:hover {
	background-position: 0px -50px;
   }
   
/************************* Style: Lists *********************************/


#subfooter-list {
	list-style-type: none;
}
#subfooter-list li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
#subfooter-list li a {
	color: #FFFFFF;
	text-decoration:none;
	margin-left: 5px;
}
#subfooter-list li a:hover {
	color: #CCCCCC;
	text-decoration:underline;
	margin-left: 8px;
	}  
	
	  
/************************* Style: Headers *********************************/

h1 {
	color: #BAB759;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
h2 {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

h3 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

/************************* Style: Specific Text *********************************/
.footertext01 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.subfootertext01 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.episodetitle011 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

/************************* Style: Hovers *********************************/

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFCC;
}
a:hover {
	text-decoration: underline;
	color: #FFFFCC;
}
a:active {
	text-decoration: none;
	color: #FFFFCC;
}
/************************* Style: General Text *********************************/
.text01a {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.text01b {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text01c {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text01d {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text01e {
	color: #FFFF66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text01f {
	color: #FF33FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.text02a {
	color: #BAB759;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.text02b {
	color: #BAB759;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text02c {
	color: #BAB759;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text02d {
	color: #BAB759;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}


.text03a {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.text03b {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text03c {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text03d {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}



.text04a {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.text04b {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text04c {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text04d {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}



.text05a {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.text05b {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text05c {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.text05d {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
#videoinfo {
	display: block;
	float: right;
	height: 300px;
	width: 300px;
	margin-top: 20px;
}