body {text-align:center; background-color:#8D002A; font-family :Verdana; font-size:12px;}

p{color:#000000; padding:5px 10px 10px 10px; text-align :justify; line-height :18px;font-family: Arial, Helvetica, sans-serif;font-size: 13px;}
#container {width:886px; margin:0 auto; text-align:left;position:relative;}	
	
/*header area*/	
#header {width:886px; }
img#lms-logo {float: left; margin-left: 0px; margin-top:10px; }
#header p {color:#fff; float:left; margin-left:0px; margin-top:55px;font-size:30px; font-family:Arial Black;}

#topLinks {width:886px; padding-left:0px;float:left;background-color:#7b0000;}
.navigation {float:right; width:100%; margin:0; padding:15px 0px 0px 0px; height:30px;}
.navigation a {color:White; font-weight:bold; font-family:Verdana; font-size:12px; text-decoration:none;}
.navigation a:hover {color:White; font-weight:bold; font-family:Verdana; font-size:12px; text-decoration:underline;}

#flashBanner {width: 886px; height:310px; clear:both;border-bottom: solid 3px #7b0000;}

#container h1
{
	color:#8b0000; padding:10px 10px 10px 10px;
	border-bottom: #b7b7b7 1px dashed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;margin-top:4px;margin:0px;font-weight:bold;
}

#content .col-1 { float:right;  margin-top :10px; width:550px; background-color :#FFFFFF;}
#content .col-2 { float:left; margin-top :10px; margin-right:10px;width:320px; background-color :#FFFFFF;}
#content .admin-col {float:right;  margin-top :10px; width:886px; background-color :#FFFFFF;}
#content .admin-col-1 { float:right;  margin-top :10px; width:670px; background-color :#FFFFFF;}
#content .admin-col-2 { float:left; margin-top :10px; margin-right:10px;width:200px; background-color :#FFFFFF;}


#programs a{color:#000000; font-family:Verdana; font-weight:bold; font-size:12px;text-decoration:none;}
#programs a:hover {color:#a52929; font-family:Verdana; font-weight:bold; font-size:12px;text-decoration:underline;}

a{color:#000000; font-family:Verdana; font-weight:normal; font-size:12px;text-decoration:none;}
a:hover {color:#a52929; font-family:Verdana; font-weight:normal; font-size:12px;text-decoration:underline;}

.imgBorder{border :outset 4px #F5F5F5;}

#footercontainer {height:100px;clear:both; width:100%; background-color: #7b0000; }
#footer {width:886px; margin:0 auto; padding :10px; color:White; font-family:Verdana; font-size:12px; }
#footer a {color:White; font-family:Verdana; font-size:12px;text-decoration:none;}
#footer a:hover {color:White; font-family:Verdana; font-size:12px;text-decoration:underline;}


ul, ul li {background:none; padding:5px; margin-left:13px; line-height:17px;list-style-type:none;list-style-image: url('../../Images/arow.gif');font-weight:bold;} 
Ol li{ background:none; padding:2px; margin-left:2px; line-height:12px;}

h4{margin:0px;padding: 1px 1px 3px 1px;font-size:14px;}
.textJustify{text-align:justify;}

/* Gallery CSS */


/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  text-align: left; /* reset left alignment */
  color: #888;
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 30px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  padding: 10px 0 4px 10px;
  background-color: #fff;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <div id="shadowbox_loading_img"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 10px solid #fff;
  background-color: #eee;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #ccc;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}
#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 26px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 26px;
  background-color: #fff;
}
#shadowbox_toolbar_inner div {
  padding-top: 6px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #888;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}


.videoPlay
{
 background:transparent url(../../Images/video_play.gif) no-repeat scroll 0pt 50%;
 cursor:pointer;
 color:#000000;
 display:block;
 height:16px;
 position:absolute;
 text-align:center;
 text-decoration:none;
 vertical-align:bottom;
 width:16px;
 opacity: 0.7;
 left: 101px;
 top: 70px;
}

.videodev {
 cursor:pointer;
 position:relative;
 width: 120px;
 height: 90px;
 left: 0px;
 top: 0px;
}
.dvHeight{height:495px;}
.whiteBack{ background-color :#FFFFFF;}
.dvEdit{background-color:#F49DB7;border:solid 1px black;}
.bottBorder{border-bottom:#b7b7b7 1px dashed;}