BODY {
  background-image: none;
  color: rgb(51,51,51);
  font-family: "Helvetica Neue",       Helvetica,       Arial,       sans-serif;
  background-repeat: repeat-x}
  
HR {
  border-width: 0px;
  margin: 0.5em auto
}

.nof_BroadcastBlueBanners1-Default{
  font-family:Georgia; font-size:24pt; color:rgb(51,51,51)
}

.nof_BroadcastBlueNavbar4-Regular{
  font-family: Arial; font-size:12px; color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar5-Rollover{
  font-family: Arial; font-size:12px; color:rgb(255,255,255) 
}

.nof_BroadcastBlueNavbar6-Highlighted{
  font-family: Arial; font-size:12px; color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar7-HighlightedRollover{
  font-family: Arial; font-size:12px; color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar9-Regular{
  font-family: Arial; font-size:11px; color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar10-Rollover{
  font-family: Arial; font-size:11px;  color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar11-Highlighted{
  font-family: Arial; font-size:11px;  color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar12-HighlightedRollover{
  font-family: Arial; font-size:11px;  color:rgb(51,51,51) 
}

.color-gray{
  color: #888
}

/* Accordion */
.ui-accordion{
	border: 1px solid #3B5998 !important;
	border-top: none !important
}
 .ui-accordion a {
	border: none !important
}
div.ui-accordion.selected a.head.selected           {
	background-image: url( "./AccordionTabOpen.png" ) !important;
	color: #f2f2f2 !important
}
.ui-accordion a.head {
	background-image: url( "./AccordionTabClosed.png" ) !important;
	background-color: #ffffff !important;
	border: none !important;
	font-size: 11px !important;
	color: #f2f2f2 !important;
	font-weight: normal !important;
	text-indent: 25px !important;
	height: 30px !important;
	line-height: 30px !important
}
.ui-accordion .ui-accordion-panel a {
	display: inline !important
}

/* Tabs */
.ui-tabs-panel{
	border: 1px solid #3B5998 !important;
	padding: 5px !important
}
.ui-tabs-nav a {
	background-image: url( "./tab_top.png" ) !important;
	font-weight: normal !important;
	color: #f2f2f2 !important;
	font-size: 11px !important;
	line-height: 22px !important
}
.ui-tabs-nav .ui-tabs-selected a {
	color: #f2f2f2 !important
}
.ui-tabs-nav a span           {
	background-image: url( "./tab_top.png" ) !important;
	max-height: 50px;
	height: 22px !important
}

div.TogglePaneFancyHeader {
	font-family: inherit !important;
	font-size: 11px !important;
	font-weight: normal !important;
	line-height: 30px;
	height: 30px !important;
	padding: 0px !important;
	text-indent: 25px;
	cursor: pointer;
	border: 1px solid #3B5998 !important;
	border-width: 0px 0px !important;
	background-color: transparent !important;
	background-image: url( "./TogglePaneOpen.png" ) !important;
	background-position: 0% 0% !important;
	color: #f2f2f2 !important
}
div.TogglePaneFancyHeaderClosed {
	background-color: transparent !important;
	background-image: url( "./TogglePaneClosed.png" ) !important;
	background-position: 0% 0% !important;
	color: #f2f2f2 !important
}
div.TogglePanePlainContent {
	border: 1px solid #3B5998 !important;
	border-top: none !important
}

/* Accordion */
.ui-tabs-nav a:hover span{
	background-position: 0 -50px !important
}
.ui-tabs-nav a:hover{
	background-position: 100% -150px !important;
	color: #f2f2f2 !important
}

/* Toggle Pane */
.jcarousel-skin-nof .jcarousel-next-horizontal{
    background: transparent url( "Images\\next-horizontal.png" ) no-repeat 0 0
}

.jcarousel-skin-nof .jcarousel-direction-rtl .jcarousel-next-horizontal{
    background-image: url( "Images\\prev-horizontal.png" )
}

.jcarousel-skin-nof .jcarousel-prev-horizontal{
    background: transparent url( "Images\\prev-horizontal.png" ) no-repeat 0 0
}

.jcarousel-skin-nof .jcarousel-direction-rtl .jcarousel-prev-horizontal{
    background-image: url( "Images\\next-horizontal.png" )
}

.jcarousel-skin-nof .jcarousel-next-vertical{
    background: transparent url( "Images\\next-vertical.png" ) no-repeat 0 0
}

.jcarousel-skin-nof .jcarousel-prev-vertical{
    background: transparent url( "Images\\prev-vertical.png" ) no-repeat 0 0
}

@media (min-width: 200px) {
  #box {
    background-color: rgb(0,0,0)
  }
}

@media (min-width: 400px) {
  #box {
    background-color: rgb(0,0,50)
  }
}

@media (min-width: 600px) {
  #box {
    background-color: rgb(0,0,100)
  }
}

@media (min-width: 800px) {
  #box {
    background-color: rgb(0,0,150)
  }
}

@media (min-width: 1000px) {
  #box {
    background-color: rgb(0,0,200)
  }
}

@media (min-width: 1200px) {
  #box {
    background-color: rgb(0,0,255)
  }
}

H1 {
  text-shadow: 2px 2px #000
}

P {
	color: rgb(255,255,255)
}

.TextNavBar{
	color: rgb(255,255,255)
}

.TextNavBar a {
	color: rgb(255,255,255)
}

.jcarousel-skin-nof .jcarousel-next-horizontal{
    background: transparent url( "./nof-carousel-nav-right-lt.png" ) no-repeat 95% 50% /* next */
}

.jcarousel-skin-nof:hover .jcarousel-next-horizontal{
	background-image: url( "./nof-carousel-nav-right-lt.png" )
}
.jcarousel-skin-nof .jcarousel-next-horizontal:hover {
	background-image: url( "./nof-carousel-nav-right-lt.png" ) /* prev */
}

.jcarousel-skin-nof .jcarousel-direction-rtl .jcarousel-next-horizontal:hover {
	background-image: url( "./nof-carousel-nav-left-lt.png" )
}

.jcarousel-skin-nof .jcarousel-next-horizontal:focus {
    background-image: url( "./nof-carousel-nav-right-dk.png" )
}

.jcarousel-skin-nof .jcarousel-next-horizontal:active {
    background-image: url( "./nof-carousel-nav-right-dk.png" )
}

/* Previous */
.jcarousel-skin-nof .jcarousel-prev-horizontal{
    background: transparent url( "./nof-carousel-nav-left-lt.png" ) no-repeat 5% 50% /* prev */
}

.jcarousel-skin-nof:hover .jcarousel-prev-horizontal{
	background-image: url( "./nof-carousel-nav-left-lt.png" )
}
.jcarousel-skin-nof .jcarousel-prev-horizontal:hover {
	background-image: url( "./nof-carousel-nav-left-lt.png" )
}

.jcarousel-skin-nof .jcarousel-direction-rtl .jcarousel-prev-horizontal:hover {
	background-image: url( "./nof-carousel-nav-right-lt.png" )
}

.jcarousel-skin-nof .jcarousel-prev-horizontal:focus {
    background-image: url( "./nof-carousel-nav-left-dk.png" )
}

.jcarousel-skin-nof .jcarousel-prev-horizontal:active {
    background-image: url( "./nof-carousel-nav-left-dk.png" )
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-nof .jcarousel-next-vertical{
    background: transparent url( "./nof-carousel-nav-down-lt.png" ) no-repeat 50% 95% /* next */
}

.jcarousel-skin-nof:hover .jcarousel-next-vertical{
	background-image: url( "./nof-carousel-nav-down-lt.png" )
}
.jcarousel-skin-nof .jcarousel-next-vertical:hover {
	background-image: url( "./nof-carousel-nav-down-lt.png" )
}

.jcarousel-skin-nof .jcarousel-direction-rtl .jcarousel-next-vertical:hover {
	background-image: url( "./nof-carousel-nav-up-lt.png" )
}

.jcarousel-skin-nof .jcarousel-next-vertical:focus {
    background-image: url( "./nof-carousel-nav-down-dk.png" )
}

.jcarousel-skin-nof .jcarousel-next-vertical:active {
    background-image: url( "./nof-carousel-nav-down-dk.png" )
}

/* Previous */
.jcarousel-skin-nof .jcarousel-prev-vertical{
    background: transparent url( "./nof-carousel-nav-up-lt.png" ) no-repeat 50% 5% /* prev */
}

.jcarousel-skin-nof:hover .jcarousel-prev-vertical{
	background-image: url( "./nof-carousel-nav-up-lt.png" )
}
.jcarousel-skin-nof .jcarousel-prev-vertical:hover {
	background-image: url( "./nof-carousel-nav-up-lt.png" )
}

.jcarousel-skin-nof .jcarousel-direction-rtl .jcarousel-prev-vertical:hover {
	background-image: url( "./nof-carousel-nav-down-lt.png" )
}

.jcarousel-skin-nof .jcarousel-prev-vertical:focus {
    background-image: url( "./nof-carousel-nav-up-dk.png" )
}

.jcarousel-skin-nof .jcarousel-prev-vertical:active {
    background-image: url( "./nof-carousel-nav-up-dk.png" )
}