/* Text */
BODY {	background-image : url( "./background.png" );
	background-repeat : repeat-x;
	font-family : Lato;
	font-size : 14px;
	color : rgb(212,212,212);
	background-color : rgb(37,37,37)}

.nof_CrookedRainDarkBanners1-Default {
font-family:Droid Serif ; font-size:24pt; color:rgb(255,255,254) 
}

.nof_CrookedRainDarkNavbar4-Regular {
font-family:Lato; font-size:14px; color:rgb(250,250,250) 
}

.nof_CrookedRainDarkNavbar5-Rollover {
font-family:Lato; font-size:14px; color:rgb(250,250,250) 
}

.nof_CrookedRainDarkNavbar6-Highlighted {
font-family:Lato; font-size:14px; color:rgb(250,250,250) 
}

.nof_CrookedRainDarkNavbar7-HighlightedRollover {
font-family:Lato; font-size:14px; color:rgb(250,250,250) 
}

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

.nof_CrookedRainDarkNavbar10-Rollover {
font-family:Lato; font-size:12px; color:rgb(51,51,51) 
}

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

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


P {
	font-family: Lato;
	font-size : 14px;
	color : rgb(212,212,212);
	line-height : 1.5em}

.TextObject {
	font-family: Lato;
	font-size : 14px;
	color : rgb(212,212,212)
}

.TextNavBar {
	font-family: Lato;
	font-size : 14px
}

A:visited {
	font-family: Lato,                 sans-serif;
	color : rgb(250,250,250);
	font-size : 14px}

A:active {
	font-family: Lato,                 sans-serif;
	color : rgb(161,161,161);
	font-size : 14px}

H1 {
	font-family: "Droid Serif",                serif}

H2 {
	font-family: "Droid Serif",                serif}

H3 {
	font-family: "Droid Serif",                serif}



UL {
	font-family: Lato,                sans-serif;
	font-size : 14px;
	color : rgb(212,212,212)
}

OL {
	font-family: Lato,                sans-serif;
	font-size : 14px;
	color : rgb(212,212,212)
}

/* Accordiion */
.ui-accordion{
	border: 1px solid #D4D4D4 !important;
	border-top: none !important;
	background-color: transparent !important
}
 .ui-accordion a {
	border: none !important
}
div.ui-accordion.selected a.head.selected  {
	background-image: url( "./AccordionTabOpen.png" ) !important;
	color: #fafafa !important
}
.ui-accordion a.head {
	background-image: url( "./AccordionTabClosed.png" ) !important;
	background-color: transparent !important;
	border: none !important;
	font-size: 11px !important;
	color: #fafafa !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 #D4D4D4 !important;
	padding: 0px !important;
	background-color: transparent !important
}
.ui-tabs-nav a {
	background-image: url( "./tab_top.png" ) !important;
	font-weight: normal !important;
	color: #fafafa !important;
	font-size: 11px !important;
	line-height: 22px !important
}
.ui-tabs-nav .ui-tabs-selected a {
	color: #fafafa !important
}
.ui-tabs-nav a span  {
	background-image: url( "./tab_top.png" ) !important;
	max-height: 50px;
	height: 22px !important
}
.ui-tabs-nav a:hover span{
	background-position: 0 -50px !important
}
.ui-tabs-nav a:hover{
	background-position: 100% -150px !important;
	color: #fafafa !important
}

/* Toggle Pane */
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 #D4D4D4 !important;
	border-width: 0px 1px !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: #fafafa !important
}
div.TogglePanePlainContent {
	border: 1px solid #D4D4D4 !important;
	border-top: none !important;
	background-color: transparent !important
}

A:hover {
	font-family: Lato,                 sans-serif;
	color : rgb(237,237,237);
	font-size : 14px}

.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}


A {
	font-family: Lato,                sans-serif;
	color : rgb(212,212,212);
	font-size : 14px
}


H4 {
	font-family: "Droid Serif",                serif
}

H5 {
	font-family: "Droid Serif",                serif
}

H6 {
	font-family: "Droid Serif",                serif
}