BODY {color:#000000; background-color:#ffffff; font-family:Verdana,Arial,Helvetica,Sans-Serif;
background-image: url('images/bg.jpg');

}
TABLE.template{color:#FFFFFF; background-color:#000000; width:750px; border-style:none; margin-left:auto; margin-right:auto;}
TABLE.credits{color:#FFFFFF; background-color:#000000; width:100%; border-style:none; margin-left:auto; margin-right:auto;}
TR.rowheader{color:#FFFFFF; background-color:#666666; font-size:10pt; font-weight:bold;}
TR.rowprimary{color:#000000; background-color:#E9E9E9; font-size:10pt;}
TR.rowsecondary{color:#000000; background-color:#FFFFFF; font-size:10pt;}
TD.header{color:#000000; background-color:#FFFFFF;}
TD.nav{color:#000000; background-color:transparent; width:150px;}
TD.std{color:#000000; background-color:transparent; width:150px; font-size:8pt; font-weight:bold;}
TD.live{color:#ffffff; background-color:#3366FF; width:150px; font-size:8pt; font-weight:bold;}
TD.sub{color:#000000; background-color:#C0C0C0; width:150px; font-size:8pt; font-weight:bold;}
TD.main{color:#000000; background-color:#FFFFFF; width:600px; font-size:10pt; font-weight:bold;}
TD.footer{color:#000000; background-color:#FFFFFF;}
TD.cellheader {color:#FFFFFF; background-color:#3366ff; font-size:10pt; font-weight:bold;}
TD.cellprimary {color:#000000; background-color:#C0C0C0; font-size:10pt;}
TD.cellsecondary {color:#000000; background-color:#FFFFFF; font-size:10pt;}
TD.Bcellprimary {color:#000000; background-color:#eceded; font-size:10pt;}
TD.Bcellsecondary {color:#000000; background-color:#FFFFFF; font-size:10pt;}
TD img { display: block; }
td img.decoration {display: block; }
tr.decoration img {display: block; }
p img { display: inline; }
p img.decoration {display: inline; }


a:link {color:#333399; background-color:transparent;}
a:visited {color:#333366; background-color:transparent;}
a:active {color:#6666FF; background-color:transparent;}
a:hover {color:#6666FF; background-color:transparent; text-decoration:none;}

.nav {color:#6666FF; background-color:#transparent; }
a.nav:link {color:#6666FF; background-color:transparent;}
a.nav:visited {color:#6666FF; background-color:transparent;}
a.nav:active {color:#0000FF; background-color:transparent;}
a.nav:hover {color:#0000FF; background-color:transparent; text-decoration:none;}

.nav2 {color:#6666FF; background-color:#transparent; }
a.nav2:link {color:#6666FF; background-color:transparent;}
a.nav2:visited {color:#6666FF; background-color:transparent;}
a.nav2:active {color:#6666FF; background-color:transparent;}
a.nav2:hover {color:#6666FF; background-color:transparent; text-decoration:none;}

.nav3 {color:#FFFFFF; background-color:#transparent; }
a.nav3:link {color:#FFF00F; background-color:transparent;}
a.nav3:visited {color:#FFF00F; background-color:transparent;}
a.nav3:active {color:#00FF00; background-color:transparent;}
a.nav3:hover {color:#00FF00; background-color:transparent; text-decoration:none;}

.remove {color:#FF0000; background-color:#transparent; font-size:7pt; }
a.remove:link {color:#FF0000; background-color:transparent; font-size:7pt; }
a.remove:visited {color:#FF0000; background-color:transparent; font-size:7pt; }
a.remove:active {color:#6666FF; background-color:transparent; font-size:7pt; }
a.remove:hover {color:#6666FF; background-color:transparent; font-size:7pt; text-decoration:none;}

.blued {color:#6666FF; background-color:#transparent; font-size:7pt; }
a.blued:link {color:#6666FF; background-color:transparent; font-size:7pt; }
a.blued:visited {color:#6666FF; background-color:transparent; font-size:7pt; }
a.blued:active {color:#0000FF; background-color:transparent; font-size:7pt; }
a.blued:hover {color:#0000FF; background-color:transparent; font-size:7pt; text-decoration:none;}

.red {color:#FF0000; background-color:#transparent; font-size:10pt; }
a.red:link {color:#FF0000; background-color:transparent; font-size:10pt; }
a.red:visited {color:#FF0000; background-color:transparent; font-size:10pt; }
a.red:active {color:#6666FF; background-color:transparent; font-size:10pt; }
a.red:hover {color:#6666FF; background-color:transparent; font-size:10pt; text-decoration:none;}

.bodyheader {color:#333333; background-color:#transparent; font-size:18pt; font-weight:bold;}
.bodyxsm {color:#333333; background-color:transparent; font-size:7pt; font-weight:normal;}
.bodyxsmgr {color:#c5c5c5; background-color:transparent; font-size:7pt; font-weight:normal; letter-spacing:2px;}
.bodyxsmbl {color:#6666FF; background-color:transparent; font-size:7pt; font-weight:normal;}
.bodyxsmblbg {color:#ffffff; background-color:#6666ff; font-size:8pt; font-weight:normal;}
.bodyxsmbl2 {color:#6666FF; background-color:transparent; font-size:7pt; font-weight:normal; letter-spacing:2px;}
.bodyxsmbold {color:#6666FF; background-color:transparent; font-size:7pt; font-weight:bold;}
.bodyxsmbold2 {color:#6666FF; background-color:transparent; font-size:7pt; font-weight:bold; letter-spacing:2px}
.bodysm {color:#333333; background-color:transparent; font-size:8pt; font-weight:normal;}
.bodysmbl {color:#0000ff; background-color:transparent; font-size:8pt; font-weight:normal;}
.bodysmwt {color:#ffffff; background-color:#transparent; font-size:8pt; font-weight:normal;}
.bodysmwtbold {color:#ffffff; background-color:#transparent; font-size:8pt; font-weight:bold;}
.bodysmbold {color:#333333; background-color:#transparent; font-size:8pt; font-weight:bold;}
.bodysmitalic {color:#333333; background-color:#transparent; font-size:8pt; font-weight:normal; font-style:italic;}
.bodysmul {color:#333333; background-color:#transparent; font-size:8pt; font-weight:normal; text-decoration:underline;}
.bodymd {color:#333333; background-color:#transparent; font-size:10pt;  font-weight:normal;}
.bodymdwt {color:#ffffff; background-color:#transparent; font-size:10pt;  font-weight:normal;}
.bodymdbold {color:#333333; background-color:#transparent; font-size:10pt; font-weight:bold;}
.bodymdwtbold{color:#ffffff; background-color:#transparent; font-size:10pt; font-weight:bold;}
.bodymditalic {color:#333333; background-color:#transparent; font-size:10pt; font-weight:normal; font-style:italic;}
.bodymdul {color:#333333; background-color:#transparent; font-size:10pt; font-weight:normal; text-decoration:underline;}
.bodylg {color:#333333; background-color:#transparent; font-size:12pt; font-weight:normal;}
.bodylgbold {color:#333333; background-color:#transparent; font-size:12pt; font-weight:bold;}
.bodylgboldbl {color:#0000ff; background-color:#transparent; font-size:12pt; font-weight:bold;}
.bodylgitalic {color:#333333; background-color:#transparent; font-size:12pt; font-weight:normal; font-style:italic;}
.bodylgul {color:#333333; background-color:#transparent; font-size:12pt; font-weight:normal; text-decoration:underline;}

h1 {color:#ce6706; background-color:#transparent; font-size:12pt; font-weight:bold;}
h2 {color:#ff0000; background-color:#transparent; font-size:10pt; font-weight:normal;}


a.mainnav:link{display:block;padding:5px;text-decoration:bold;font-size:8pt;color:#ffffff;background-color:#0063b1;border-color:#000000;border-style:solid;border-width:0px; line-height: 15px;}
a.mainnav:visited{display:block;padding:5px;text-decoration:bold;font-size:8pt;color:#ffffff;background-color:#0063b1;border-color:#000000;border-style:solid;border-width:0px;}
a.mainnav:active{display:block;padding:5px;text-decoration:bold;font-size:8pt;color:#ffffff;background-color:#0063b1;border-color:#000000;border-style:solid;border-width:0px;}
a.mainnav:hover{display:block;padding:5px;text-decoration:bold;font-size:8pt;color:#0063b1;background-color:#ffffff;border-color:#666666;border-style:solid;border-width:0px;}


a.adminbtn:link{display:block;padding:1px;text-decoration:none;font-size:8pt;color:#ffffff;background-color:#3366ff;border-color:#000000;border-style:solid;border-width:1px;}
a.adminbtn:visited{display:block;padding:1px;text-decoration:none;font-size:8pt;color:#ffffff;background-color:#3366ff;border-color:#000000;border-style:solid;border-width:1px;}
a.adminbtn:active{display:block;padding:1px;text-decoration:none;font-size:8pt;color:#ffffff;background-color:#3366ff;border-color:#000000;border-style:solid;border-width:1px;}
a.adminbtn:hover{display:block;padding:1px;text-decoration:none;font-size:8pt;color:#666666;background-color:#E9E9E9;border-color:#666666;border-style:solid;border-width:1px;}

a.mainbtn:link{display:block;padding:1px;text-decoration:none;font-size:8pt;color:#ffffff;background-color:#000000;border-color:#000000;border-style:solid;border-width:1px;}
a.mainbtn:visited{display:block;padding:1px;text-decoration:none;font-size:8pt;color:#ffffff;background-color:#000000;border-color:#000000;border-style:solid;border-width:1px;}
a.mainbtn:active{display:block;padding:1px;text-decoration:none;font-size:8pt;color:#ffffff;background-color:#000000;border-color:#000000;border-style:solid;border-width:1px;}
a.mainbtn:hover{display:block;padding:1px;text-decoration:none;font-size:8pt;color:#666666;background-color:#E9E9E9;border-color:#666666;border-style:solid;border-width:1px;}

// rich text editor styles
.btn {background-color:#E9E9E9;}
.btnover {background-color:#FFFFFF;}
.btndown {background-color:#FFFFFF;}
.btnon {background-color:#FFFFFF;}
.toolbar {border-bottom:#000000 1px solid; border-left:#000000 1px solid; border-right:#000000 1px solid; border-top:#000000 1px solid; height:27px; left:0px; position:relative; top:0px}
.trbar {background-color:#E9E9E9; font-family:"Arial", "Helvetica", "San Serif"; color:#333333; font-size:10pt; text-decoration:none; font-weight:bold;}
.tdbar {background-color:#E9E9E9; height:26; font-family:"Arial", "Helvetica", "San Serif"; font-size:8pt; text-decoration:none}
.tdbod {width:24px; height:24px; font-family:"Arial", "Helvetica", "San Serif"; font-size:8pt; text-decoration:none}

// calendar styles
TD.calheader {background-color:#CCCCCC;color:#000000;font-size:10px;font-weight:bold;text-align:center;}
TD.dayrow {background-color:#E9E9E9;color:#000000;font-size:8px;text-align:center;}
TD.day {background-color:#FFFFFF;color:#000000;font-size:8px;text-align:center;}
TD.today {background-color:#333333;color:#FFFFFF;font-size:8px;text-align:center;}
TD.emptyday {background-color:#CCCCCC;color:#000000;font-size:8px;text-align:center;}

.title
{position: ;
z-index: 10;
font-family: verdana, helvetica, sans-serif;
font-weight: none;
font-size: 10px}

.submenu
{position: absolute;
left: 65%;
top: 325px;
width: 250px;
padding: 2;
border: 1px solid black;
background-color: yellow;
layer-background-color: yellow;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
visibility: hidden}

.submenu2
{position: absolute;
right: 0;
top: 325px;
width: 220px;
padding: 2;
border: 1px solid black;
background-color: white;
layer-background-color: white;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
visibility: hidden}

table.cal {
background-color: lightblue;
height: 300px;
border-style: none;
border-width: 1px;
width: 95%;
font-family: sans-serif
}

caption.cal {
color: black;
font-size: 18px
}

thead.cal {
color:white;
background-color: darkblue;
font-size: 12px;
text-align: center
}

td.cal {
background-color: white;
text-align: left;
vertical-align: top
}

tfoot.cal {
color:black;
background-color: lightblue;
font-size: 10px;
text-align: left
}

ul.cal {
margin: 0px;
list-style-position: inside
}

.cal-admin-link {
color: red;
font-family: Tahoma, Verdana, sans-serif;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}

a.prevnext:link {color: red; font-size: 12px; text-decoration:underline}
a.prevnext:visited {color: red; font-size: 12px; text-decoration:underline}
a.prevnext:hover {color: blue; font-size: 12px; text-decoration:underline}
a.prevnext:active {color: red; font-size: 12px; text-decoration:underline}

a.day:link {color: black; font-size: 18px; text-decoration:underline}
a.day:visited {color: black; font-size: 18px; text-decoration:underline}
a.day:hover {color: red; font-size: 18px; text-decoration:underline}
a.day:active {color: black; font-size: 18px; text-decoration:underline}

a.event:link {color: blue; font-size: 9px; text-decoration:underline}
a.event:visited {color: blue; font-size: 9px; text-decoration:underline}
a.event:hover {color: red; font-size: 9px; text-decoration:underline}
a.event:active {color: blue; font-size: 9px; text-decoration:underline}



a.bodyqnav:link {color:#333399; background-color:transparent; text-decoration:none;}
a.bodyqnav:visited {color:#333366; background-color:transparent; text-decoration:none;}
a.bodyqnav:active {color:#6666FF; background-color:transparent;}
a.bodyqnav:hover {color:#6666FF; background-color:transparent; text-decoration:underline;}

a.bodynav:link {color:#FFFFFF; background-color:transparent; text-decoration:none;}
a.bodynav:visited {color:#FFFFFF; background-color:transparent; text-decoration:none;}
a.bodynav:active {color:#6666FF; background-color:transparent;}
a.bodynav:hover {color:#FFFFFF; background-color:transparent; text-decoration:underline;}

a.bodyenav:link {color:#bbbbFF; background-color:transparent; text-decoration:none;}
a.bodyenav:visited {color:#bbbbFF; background-color:transparent; text-decoration:none;}
a.bodyenav:active {color:#6666FF; background-color:transparent;}
a.bodyenav:hover {color:#bbbbFF; background-color:transparent; text-decoration:underline;}


table.calendar {font-size: 12px; border: 1px solid #000000; border-collapse: collapse; color: #000000; background: #FFFFFF; }
td.today {font-size: 8px; border: 1px solid white; color: #ffffff; background: #333333; font-weight: bold; }
td.days {border: 1px solid white; color: #000000; background: #FFFFFF; font-weight: none; }
td.dayson {border: 1px solid white; color: #000000; background: #B1C0F3; font-weight: bold; }
td.monthdays {border: 1px solid #434470; color: #000000; background: #EAFFEB; font-size: 9pt;}
td.nonmonthdays { border: 1px solid white; color: #000000; background: #EFEFEF;}
.table.calendar {font-size: 12px; border: 1px solid #000000; border-collapse: collapse; color: #000000; background: #FFFFFF; }
.td.today {font-size: 8px; border: 1px solid white; color: #ffffff; background: #333333; font-weight: bold; }
.td.days {border: 1px solid white; color: #000000; background: #FFFFFF; font-weight: none; }
.td.dayson {border: 1px solid white; color: #000000; background: #B1C0F3; font-weight: bold; }
.td.monthdays {border: 1px solid #434470; color: #000000; background: #EAFFEB; font-size: 9pt;}
.td.nonmonthdays { border: 1px solid white; color: #000000; background: #EFEFEF;}


.m img {
display: block;
}

#dropmenudiv{
position:absolute;
border:1px solid #0063b1;
border-bottom-width: 0;
font:normal 9px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
color:#0063b1;
width: 100%;
display: block;
text-indent: 6px;
border-bottom: 1px solid #0063b1;
padding: 5px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #0063b1;
color:#ffffff;

}

a
{
    color:#0063b1;
}

td.field
{
	text-align:right;
	font-size:x-small;
	font-family:Verdana;
	font-weight:bold;
}

td.thinfield
{
	text-align:right;
	font-size:x-small;
	font-family:Verdana;
	
}

#calls
{
    font-family:Verdana;
    width:500px;
}

#calls th
{
    padding:10px;
}

#normalBold
{
   color:Black;
   font-family:Verdana;
	font-weight:bold;
}

.smaller
{
   font-size:smaller;
}

#normal
{
   color:Black;
   font-size:small;
   font-family:Verdana;
}

#redBold
{
   color:Red;
   font-size:small;
   font-family:Verdana;
	font-weight:bold;
}

#apiheader
{
	text-align:center;
	font-weight:bold;
	font-size:larger;
	font-family:Verdana;
}

table.api
{
	width:600;
}

.menutext
{
	margin: 20px 0px 0px 0px;
	float:left;
	width:40px;
}



  
/*view 3: 900 - 1199 only*/
@media (min-width: 900px) {



  .vidcat {
	width:295px;
	height:200px;
	overflow:hidden;
   float:left;
  }
  
  
  .thumbs {
	width:640px;
   height:100px;

  }

  .contentLayer {
	height:345px;

  }
  .siteheader {
    width:1000px;
    height:137px;
    background-image:url('images/banner.png');
            }
  .sitewidth {
    width:1000px;
            }
  .mainwidth {
    width:690px;
    padding:5px;
            }
  .sidewidth {
    width:300px;
            }

  .sidecontent {
    width:300px;
            }

  .logoHeaderMenu {
    display:none;
            }
  .nav {
            }

}

/*view 2: 599 - 899 only*/
@media (min-width: 599px) and (max-width: 899px) {


  .vidcat {
	width:295px;
	height:200px;
	overflow:hidden;
   float:left;
  }
  
  
  .thumbs {
	width:580px;
   height:100px;

  }

  .contentLayer {
	height:345px;

  }

  .zoomcontent {
    zoom: .85; -moz-transform: scale(0.85);
    position:
  }
  
  .siteheader {
    width:600px;
    height:91px;
    background-image:url('images/logo600.png');
            }
  .sitewidth {
    width:600px;
            }
  .mainwidth {
    width:590px;
    padding:5px;
            }
  .sidewidth {
    width:600px;
            }

  .sidecontent {
    width:300px;
            }

a.mainnav:link{height:40px;}
a.mainnav:visited{height:40px;}
a.mainnav:active{height:40px;}
a.mainnav:hover{height:40px;}

  .logoHeaderMenu {
    display:none;
            }
  .nav {
            }

}

/*view 1: 400 - 599 only*/
@media (min-width: 400px) and (max-width: 599px) {



  .vidcat {
	width:265px;
	height:200px;
	overflow:hidden;
   float:left;
  }
  
  
  .contentLayer {
	height:325px;

  }

  .thumbs {
	width:540px;
   height:100px;

  }

  .img-responsive {
	max-width:100%;

  }
  .zoomcontent {
    zoom: .75; -moz-transform: scale(0.75);
    position:
  }
  
  img {
  }

  .siteheader {
    width:550px;
    height:82px;
    background-image:url('images/logo600.png');
    background-size:550px;
            }

  .imgwidth {
    width:550px;
            }
            
  .sitewidth {
    width:550px;
            }
  .mainwidth {
    width:540px;
    padding:5px;
            }
  .sidewidth {
    width:550px;
            }

  .sidecontent {
    width:300px;
            }

a.mainnav:link{height:40px;}
a.mainnav:visited{height:40px;}
a.mainnav:active{height:40px;}
a.mainnav:hover{height:40px;}

  .logoHeaderMenu {
    display:none;
            }
  .nav {
            }

}

/*view 1: 325 - 399 only*/
@media (min-width: 325px) and (max-width: 399px) {


  .vidcat {
	width:370px;
   float:left;
  }

  .contentLayer {
	height:225px;

  }
  

  .thumbs {
	width:370px;
   height:100px;

  }

  .zoomcontent {
    zoom: .53; -moz-transform: scale(0.53);
    position:
  }
  
  .img-responsive {
	max-width:100%;

  }
  
  .siteheader {
    width:375px;
    height:72px;
            }

  .sitewidth {
    width:375px;
            }
  .mainwidth {
    width:365px;
    padding:5px;
            }
  .sidewidth {
    width:375px;
            }

  .sidecontent {
    width:375px;
            }

  .logoHeaderMenu {
            }
  .nav {
    display:none;
            }


}

/*view 1: 0 - 325 only*/
@media (min-width: 0px) and (max-width: 325px) {


  .vidcat {
	width:315px;
   float:left;
  }

  .thumbs {
	width:310px;
   height:100px;

  }

  .contentLayer {
	height:195px;

  }

  .zoomcontent {
    zoom: .45; -moz-transform: scale(0.45);
    position:
  }
  
  .img-responsive {
	max-width:100%;

  }
  
  
  .siteheader {
    width:320px;
    height:72px;
            }

  .sitewidth {
    width:320px;
            }
  .mainwidth {
    width:310px;
    padding:5px;
            }
  .sidewidth {
    width:320px;
            }

  .sidecontent {
    width:320px;
            }
  .imgwidth {
    width:265px;
            }

  .logoHeaderMenu {
            }
  .nav {
    display:none;
            }


}