@charset "utf-8";
@font-face
{
font-family: choctawFont;
      src: url(/font/chctwsr.woff),
           url(/font/chctwsr.ttf);
}
body {
  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #000000;
  background-color: #000000;
  font-family: Calibri, Arial, sans-serif;
  font-size: 0.9em;
}
a {color: #0082D6; text-decoration: underline;}
a:hover {color: #650581; text-decoration: underline;}
h1 {font-size: 17px;}
h2 {font-size: 16px;}
h3 {font-size: 15px;}

.normalRed { color:red; }
.largeRed { font-size: 17px; color:red; }
.choctawReg {font-family: choctawFont;}

#wordofday p{margin:0; padding:0;}

html, body {
  height: 100%;
  margin:0;
  padding:0;
}

#cl_menubar {
  height: 35px;
  margin: 0;
  padding 0;
}
#cl_menubar #leftend
{
  background-image: url(images/mbLeft.png);
  background-repeat:no-repeat;
  height: 35px;
  width: 6px;
  float:left;
  margin:0;
  padding:0;
}
#cl_menubar #rightend
{
  background-image: url(images/mbRight.png);
  background-repeat:no-repeat;
  float:left;
  height: 35px;
  width: 6px;
  margin:0;
  padding:0;
}
#cl_menubar #center
{
  height:35px;
  width:608px;
  background-image: url(images/mbCenter.png);
  background-repeat:repeat-x;
  color:#FFFFFF;
  float:left;
  margin: 0;
  padding: 0;
}

#cl_sidemenu {
  width:174px;
}
#cl_sidemenu ul li {
  padding: 5px 0 0 0;
}
#cl_sidemenu #topedge {
  height:9px;
  width:174px;
  margin:0;
  padding:0;
  background-color: #fffedb;
  background-repeat:no-repeat;
}
#cl_sidemenu #middle {
  width:160px;
  min-height: 195px;
  margin-top:5px;
  padding: 0;
  background-image: url(images/center.jpg);
  background-repeat:repeat-y;
  border: 3px solid #ffffff;
}
#cl_sidemenu #bottomedge {
  height:12px;
  width:174px;
  margin:0;
  padding:0;
  background-color: #fffedb;
  background-repeat:no-repeat;
}


.oneColFixCtr #container {
  width: 1000px; /* the auto margins (in conjunction with a width) center the page */
  min-height: 100%;
  text-align: left; /* this overrides the text-align: center on the body element. */
  background-image: url(images/sidebars.jpg);
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  background-repeat:repeat-x;
  background-color:Black;
}
#cl_cal_arrows {
  height: 24px;
  width: 48px;
  float: right;
  position: relative;
}
#cl_cal_arrows img { width:24px;height:24px;border:none; } 

* html #container {
height: 100%;
}
#logoflash {float:right;}
#cl_header {
  background-image: url(images/ChoctawSchoolBanner.png); /* url(images/banner.jpg); */
  height: 270px;
  width: 1000px;
  background-color: #000000;
}
#cl_header_photos 
{
  float:left;
  width:224px;
  height:148px;
}
#cl_header_words 
{
  background-image: url(images/header_words.png);
  background-repeat:no-repeat;
  height: 148px;
  width: 593px;
  background-color:Transparent;
  float:left;
  position:relative;
  left:-20px;
  top:0;
  z-index:100;
}

.oneColFixCtr #mainContent {
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  clear: both;
  height: 100%;
}
#cl_leftColumn 
{
  padding-left: 7px;
  width: 174px;
  float: left;
}
#cl_centerColumn 
{
  width: 620px;
  float: left;
}
#cl_rightColumn 
{
  width: 174px;
  padding:0 8px 0 8px;
  float: left;
}

#cl_leftColumn #cl_shield 
{
  background-image: url(images/shield.png);
  background-repeat:no-repeat;
  width:174px;
  height:164px;
  position:relative;
  left:0;
  top:-66px;
  margin-bottom:-66px;
  z-index:100;
}

.cl_sidebar_header {
  width: 236px;
  position: relative;
  margin-right: 7px;
  margin-left: 7px;
  background-image: url(images/cl_sidebar_header.gif);
  background-repeat: repeat-x;
  height: 20px;
  font-weight: bold;
  padding: 5px;
  color: #FFFFFF;
  clear: left;
}
.cl_body {
  color: #000000;
  background: #DFCFB1;
  padding: 8px;
  margin-top:8px;
  min-height:450px;
  border: 3px solid #FFFFFF;
}
.cl_body p 
{
  margin-top:0;
  margin-bottom:0.5em;
}

/*- Top Menu Navigation -----------------*/
#menunav 
{
  float:left;  
  position: relative;
  height: 25px;
  line-height:25px;
  font-weight:bold;
  width: 100%;
  font-size:1.2em;
  list-style-type:none;
  list-style-position:outside;
  list-style-image:none;
  margin:4px 0 0 0;
  padding:0;
  overflow:hidden;
}
#menunav li
{
  margin:0;
  height: 25px;
  float: left;
  position: relative;
  color: #FFFFFF;
}
#menunav li:hover {
}
#menunav a {
  display:inline-block;
  text-decoration:none;
  color:#FFFFFF;
  margin:0;
  height:100%;
  padding-top:0;
  padding-bottom:3px;
  padding-right: 7px;
  padding-left: 7px;
}
#menunav a:hover {
  color:#0082D6;
}
/*-- Side Menu Navigation ----------------------------------*/
#menunav_side {
  font-size:1.1em;
  line-height:1.0em;
  list-style-type:none;
  list-style-position:outside;
  list-style-image:none;
  color:#000000;
  font-weight:bold;
  overflow:hidden;
  margin:0 8px 0 8px;
  padding:0 0 5px 0;
}
#menunav_side a {
  display:block;
  width:100%;
  color:#FFF; /* #370609; */
  text-decoration:none;
}
#menunav_side a:hover {
  color:#0082d6;
}

#menunav_side .submenu {
  font-size:0.9em;
  list-style-type:none;
  list-style-position:outside;
  list-style-image:none;
  color:#000000;
  font-weight:bold;
  overflow:hidden;
  margin:0 0px 0 8px;
  padding:0;
}
#menunav_side .submenu li {
  padding-top:0px;
}

 /*-- Video Player Styles ------------------------*/
#smallvideo, #smallvideo2 {
  margin-top:13px;
  text-align:center;
  font-size:1.1em;
  font-weight:bold;
  color:#FFFFFF;
}
#smallvideo .videoTitle, #smallvideo2 .videoTitle {
  margin-bottom:3px;
}

a.videoPlayer {  
  display:block;
  width:500px;
  height:340px;
  background-color:#000;
  text-align:center;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
/*  background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
  -moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
*/
  position:relative;
  border:none;
}

a.videoPlayer.plain {
  padding:0px;
  margin-top:0px;
  border:none;
}
a.videoPlayer img {
  border:none;
}


.videoModal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4); 
}

.videoModalContent {
    background-color: black;
    margin: 200px auto; 
    width: 720px;
    height: 490px;
    text-align:center;
    vertical-align:middle;
}

/*-- Below here may be unneeded ---------------------------------*/


#cl_cal {
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 5px;
  width: 239px;
  float: left;
}
.cl_sidebar_body {
  width: 234px;
  border: 1px solid #666666;
  margin-right: 7px;
  margin-left: 7px;
  padding: 5px;
  color: #FFFFFF;
  background-color: #000000;
  position: relative;
  margin-bottom: 15px;
  clear: left;
}
.cl_cal_day, .cl_cal_noday, .cl_cal_today,.cl_cal_eventday {
  background-image: url(images/cl_calendar_day_bg.gif);
  background-repeat: repeat-x;
  height: 20px;
  width: 20px;
  padding: 5px;
  margin-bottom: 3px;
  margin-left: 3px;
  float: left;
  margin-right: 0px;
  text-align: center;
  font-weight: bold;
}
.cl_cal_noday {
  background-image: url(images/cl_calendar_noday_bg.gif);
  color: #000000;
}
.cl_cal_today {
  background-image: url(images/cl_calendar_today_bg.gif);
  color: #000000;
}
.cl_cal_day:hover, .cl_cal_today:hover,.cl_cal_eventday:hover{
  background-color: #933; 
  background-image: none;
  color: #FFF;
}

/* This style may not be used in the final version and is included here to demonstrate the desired appearance */
.cl_cal_eventday {
  background-color: #000;
  background-image: none;
  color: #C33;
  border: 1px solid #666;
  height: 18px;
  width: 18px;
}

#wordofday {
  margin: 0 0 0 -5px;
  color: #FFFFFF;
  font-weight: bold;
}

#wordofday a{
  color: #FFFFFF;
  font-weight: bold;
}

#sideHeader {
  font-size: 12pt;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  margin:0;
  padding:0;
}

.audioPlayer {
  display:block;
  float:right;
  width:20px;
  height:20px;
  margin-top:12px;
}

.NewsList li {list-style-type:none; margin: 10px 0 0;}

#footer{padding:5px 0 0 0; color: #FFF; clear: both; text-align: center;}

.wordList p {
  display:inline;
  margin-bottom:0;
  margin-top:0;
}

.wordList a {text-decoration: none;}

#wodLink {margin: 20px 0 0; text-align: center;}

div.searchForm {
  background-color:#333131;
  width:168px;
  height:29px;
  border:3px solid #FFFFFF;
  margin-bottom:0.3em;
  margin-top:8px;
}
div.searchForm .searchLabel {
  color: #FFFFFF;
  padding-left:2px;
}

input.jp-play {
  background: url("images/jplayer.choctaw.jpg") 0 0 no-repeat;
}
input.jp-play:hover {
  background: url("images/jplayer.choctaw.jpg") -41px 0 no-repeat;
}






















































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */