/* ======================================= */
/* ===== USSD.COM 2006 Custom Styles ===== */
/* ======================================= */

/* Elements */
body 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
	vertical-align: top;
}

td
{
	vertical-align: top;
}

/* Style for normal text */
.Normal, td, th 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.menu a 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #D50000;
	text-decoration: none;
	display: block;
}
.menu a:hover 
{
	color: #FFA000;
	text-decoration: none;
}

a, a:link, a:visited
{
	text-decoration: underline;
	color: #c71219;
}

a:hover
{
	text-decoration: underline;
	color: #c71219;
}

a:active
{
	text-decoration: underline;
	color: #c71219;
}

h1
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #c71219;
	font-weight: bold;
	display:inline;
}

h1.inverted
{
	color: White;
	background-color: #c71219;
}

h2
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #c71219;
	font-weight: bold;
	display:inline;
}

h2.inverted
{
	color: White;
	background-color: #c71219;
}

h3
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #c71219;
	font-weight: bold;
	display:inline;
}

h3.inverted
{
	color: White;
	background-color: #c71219;
}

h4
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c71219;
	font-weight: bold;
	display:inline;
}

h4.inverted
{
	color: White;
	background-color: #c71219;
}

h5
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c71219;
	font-weight: bold;
	display:inline;
}

h5.inverted
{
	color: white;
	background-color: #c71219;
}

h6
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c71219;
	font-weight: bold;
	display:inline;
}

h6.inverted
{
	color: White;
	background-color: #c71219;
}

/* END Elements */

/* DNN Panes*/
.ContentPane
{
	vertical-align: top;
	text-align: center;
	width: 606px;
	padding-right: 8px;
	padding-left: 8px;
}

.LeftPane
{
	vertical-align: top;
	text-align: left;
	width: 364px;
	padding-left: 8px;
	padding-right: 4px;
}

.RightPane
{
	vertical-align: top;
	text-align: left;
	width: 218px;
	padding-left: 4px;
	padding-right: 8px;
}

.SidePane 
{
	width: 200px;
	padding-top: 20px;
	vertical-align: top;
	width: 200px;
	text-align: left;
	background-image: url(TopStripes.jpg);
	background-position-y: top;
	background-repeat: repeat-x;
}
/* END DNN Panes */

/* DNN Skin Styles */
/* Links */
.MainLinks, MainLinks:link, MainLinks:visited
{
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	text-decoration: none;
}

.MainLinks:hover 
{
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFA000;
	text-decoration: none;
}

.MainLinks:active 
{
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	text-decoration: none;
}

a.linkNormal, a.linkNormal:visited, a.linkNormal:active 
{
	text-decoration: none;
}
a.linkNormal:hover
{
	text-decoration: underline;
}

/* Menu Styles*/
.MainMenu_MenuContainer 
{
	background: transparent;
	HEIGHT: 18px;
	WIDTH: 150px;
}

.MainMenu_MenuBar 
{
	background: transparent;
	HEIGHT: 18px;
	WIDTH: 150px;
	CURSOR: hand;
}

.MainMenu_MenuItem, .MainMenu_MenuItem td
{
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #D50000;
	text-decoration: none;
	border-bottom: #c71219 1px solid;
	border-top: #FFFFFF 1px solid;
	padding: 0px 10px 0px 8px;
	text-transform: uppercase;
}

.MainMenu_MenuItemSel, .MainMenu_MenuItemSel td 
{
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #FFA000;
	text-decoration: none;
	border-bottom: #c71219 1px solid; 
	border-top: #FFFFFF 1px solid; 
	padding: 0px 10px 0px 8px;
	background-color: #EEF0EF;
	text-transform: uppercase;	
}

.MainMenu_MenuIcon 
{
	display: none;
}

.MainMenu_SubMenu
{
		z-index: 1000; 
		cursor: pointer; 
		cursor: hand;
		background: #ffffff; 
		filter: none;
		border: 1px solid #999999;
		margin-top: 0px;
		padding: 1px;
}

.MainMenu_SubMenu td
{
	 	padding: 1px 3px 1px 3px;
		border: 1px solid #ffffff;
}

/* Style For Selected Menu Item */
.MainMenu_Active, .MainMenu_Active td
{
	cursor: hand; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #FFA000;
	text-decoration: none;
	border-bottom: #c71219 1px solid;
	border-top: #FFFFFF 1px solid; 
	padding: 0px 10px 0px 8px;
	background-repeat: no-repeat;
	background-position: 50% 80%;
}

.MainMenu_MenuBreak 
{
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px;
	background-color: transparent;
}

.MainMenu_MenuArrow 
{
	DISPLAY: none
}

.MainMenu_RootMenuArrow 
{
	DISPLAY: none
}

.MainMenu_Selected
{
	BACKGROUND: transparent scroll repeat 0% 0%;
	HEIGHT: 18px;
	WIDTH: 150px;
}

.MainMenu_BreadcrumbActive
{
	background-color: transparent;
	HEIGHT: 18px;
	WIDTH: 150px;
}

.MainMenu_BreadcrumbActive2
{
	HEIGHT: 18px; 
	WIDTH: 150px;
	padding: 0px 5px 0px 5px;
}

.menucontainercssclass
{
	border-bottom: #ffffff 1px solid;
}
/* END Menu Styles*/

.Footer
{
	height: 20px;
	text-align: center;
	vertical-align: middle;
}

.Footer a
{
	text-decoration: none;
	color: Black;
}

.Footer a:link
{
	text-decoration: none;
	color: Black;
}

.Footer a:visited
{
	text-decoration: none;
	color: Black;
}

.Footer a:hover
{
	text-decoration: none;
	color: #c71219;
}

.Footer a:active
{
	text-decoration: underline;
	color: #c71219;
}

.menubar
{
	vertical-align: top;
	background-color: #efefef;
}

/* END DNN Skin Styles */

/* Page Layout Styles */
.PageTitle
{
	background-position: left top;
	background-image: url(PageTitle.jpg);
	vertical-align: top;
	width: 606px;
	height: 84px;
	background-repeat: no-repeat;
	text-align: left;
}

.TopBanner
{
	background-position: left top;
	background-image: url(TopBanner.jpg);
	vertical-align: top;
	width: 806px;
	height: 30px;
	background-repeat: no-repeat;
	text-align: right;
}

.USSDLogo
{
	background-position: left top;
	background-image: url(USSD-Logo.jpg);
	vertical-align: top;
	width: 150px;
	height: 236px;
	background-repeat: no-repeat;
	text-align: left;
}

.PageFooter 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

.CopyrightStyle
{
	color: Black;
}

.LoginStyle
{
	color: #c71219;
	cursor: default;
}

.SelectedTab
{
	color: Black;
}

.menuStyle
{
	border-top: #c71219 1px solid;
	vertical-align: top;
	width: 150px;
	background-color: transparent;
}

.menuBGStyle
{
	vertical-align: top;
	text-align: left;
	width: 150px;
	height: 528px;
	background-color: #efefef;
	background-image: url(kanji.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.menuRunoffStyle
{
	background-color: #efefef;
}

/* END Page Layout Styles */

/* User Styles */
.Quote
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	vertical-align: top;
}

.inverted
{
	color:White;
	background-color: #c71219;
	vertical-align: middle;
	height: 24px;
	text-align: center;
}

.inverted h1, .inverted h2, .inverted h3, .inverted h4, .inverted h5, .inverted h6
{
	color: White;
	background-color: #c71219;
}

.pageTitleLeft
{
	color: White;
	background-color: white;
	height: 84px;
	width: 52px;
	background-image: url(FuDogLeft.jpg);
	background-repeat: no-repeat;
}

.pageTitleRight
{
	color: White;
	background-color: white;
	height: 84px;
	width: 52px;
	background-image: url(FuDogRight.jpg);
	background-repeat: no-repeat;
}

.pageTitleMiddle
{
	color: White;
	background-color: #c71219;
	height: 84px;
	width: 484px;
	text-align: center;
	vertical-align: middle;
}

.pageTitleMiddle h1,.pageTitleMiddle h2,.pageTitleMiddle h3,.pageTitleMiddle h4,.pageTitleMiddle h5,.pageTitleMiddle h6
{
	color: White;
}

/* CSS Styles for the HouseMenu Skin Object */
/*********************************************************************
 Standard structural CSS that typically should not need to be changed
*********************************************************************/
#HouseMenuNav, #HouseMenuNav ul { /* all submenu lists */
	padding: 0;
	margin: 0;
	margin-top: -5px;
	border: 0;
	list-style: none;
	white-space: nowrap;
	z-index: 99999;
	position: relative;
}

#HouseMenuNav li { /* all list items */
	position: relative;
	display: block;
	/*float: left;*/
	margin: 0;
	border: 0;
	padding: 0;
}

#HouseMenuNav li li { /* all items under the top level */
	z-index: 11113;
}

#HouseMenuNav a { /* all links within the menu wrapper */
/*	display: block;
	margin: 0; 
	border: 0;
	padding: 0;*/
	display: block;
	width: 142px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 136px;
	_width: 100%; /* width recognized by IE only to handle box model issues */
	/* end hack */
	color: #c71219;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	/*padding: 1px 4px 2px 4px;*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

#HouseMenuNav li li a { /* all item links under the top level */
	margin: 0;
	border: 0;
	padding: 0;
}

#HouseMenuNav li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#HouseMenuNav li li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#HouseMenuNav li ul {
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	z-index: 11112;
}

#HouseMenuNav li ul ul { /* third-and-above-level lists */
	margin: 0;
	border: 0;
	padding: 0;
}

#HouseMenuNav li:hover ul ul, 
#HouseMenuNav li:hover ul ul ul, 
#HouseMenuNav li.sfhover ul ul, 
#HouseMenuNav li.sfhover ul ul ul {
	left: -9999px;
}

#HouseMenuNav li:hover ul, 
#HouseMenuNav li li:hover ul, 
#HouseMenuNav li li li:hover ul, 
#HouseMenuNav li.sfhover ul, 
#HouseMenuNav li li.sfhover ul, 
#HouseMenuNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 999;
}

#HouseMenuNav iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}

.ArrowPointer
{
	cursor: default;
}

/*******************************************************
 Presentation CSS that typically needs to be customized
*******************************************************/
/*******************************************************
 Presentation CSS that typically needs to be customized
*******************************************************/
#HouseMenuNav, #HouseMenuNav ul { /* all submenu lists */
	border: solid 1px #036;
	width: 100%;
	height: 22px;
	_height: 20px;
	line-height: 12px;
	background-color: #369;
}

#HouseMenuNav li { /* all list items */
	width: 144px;
	height: 22px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: auto;
	_width: 1px;
	height: 22px;
	_height: 20px;
	/* end hack */
}

#HouseMenuNav li li { /* all items under the top level */
	width: 148px;
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 134px;
	_width: 144px;
	/* end hack */
}

#HouseMenuNav a { /* all links within the menu wrapper */
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	background-color: transparent;
	padding: 5px;
	width: 144px;
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	_width: 100%;
	height: 12px;
	_height: 20px;
	/* end hack */
}

#HouseMenuNav li li a { /* all item links under the top level */
	padding: 5px;
	width: 148px;
	height: 20px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 134px;
	_width: 144px;
	height: 12px;
	_height: 20px;
	/* end hack */
}

#HouseMenuNav li a:hover {
	padding: 5px;
	color: #036;
	background-color: #9cf; 
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	height: 12px;
	_height: 20px;
	/* end hack */
}

#HouseMenuNav li li a:hover {
	color: #c71219;
	background-color: #efefef; 
	padding: 5px;
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	height: 12px;
	_height: 20px;
	/* end hack */
}

#HouseMenuNav li ul { /* second-level lists */
	width: 144px; /* width of submenu, must be set so third-level list can get shifted over properly */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: solid 1px #036;
	margin: -2px 0 0 0;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	margin: 0;
	/* end hack */
	line-height: 12px;
	background-color: #69c;
	height: auto;
}

#HouseMenuNav li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 144px;
	border: solid 1px #036;
	line-height: 12px;
	background-color: #69c;
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#HouseMenuNav #houseMenuParentItem a
{ /* all links under the parent item (li) */
	background-color: transparent; 
	text-decoration: none;
}

#HouseMenuNav a#houseMenuParentLink
{ /* parent link itself */
	background-color: transparent; 
	text-decoration: none;
}

#HouseMenuNav a#houseMenuCurrentLink
{ /* current link itself */
	padding: 5px;
	color: #fff; 
	background-color: #036; 
	text-decoration: none;
}

/* ==========================
    CSS STYLES FOR HouseMenu
   ==========================
*/

/* Vertical Menu */
#houseMenuV, #houseMenuV ul
{
	/* all lists */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	list-style: none;
	float: left;
	width: 150px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent;
	color: #c71219;
	border-bottom: #c71219 1px solid;
	border-top: #FFFFFF 1px solid;
	text-transform: uppercase;
}

#houseMenuV li { /* all list items */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	list-style: none;
	position: relative;
	float: left;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 150px;
	_width: 100%; /* width recognized by IE only to handle box model issues */
	/* end hack */
	line-height : 18px;
	color: #c71219;
	text-transform: uppercase;
}

#houseMenuV li ul { /* second-level lists */
	position: absolute;
	left: -9999px;
	margin-left: 150px;
	_margin-left: 150px;
	margin-top: -22px;
	border: solid 1px #999;
	z-index: 999;
	background-color: White;
	color: #c71219;
	text-transform: uppercase;
	width: 200px;
}

#houseMenuV li ul ul { /* third-and-above-level lists */
	left: -9999px;
	z-index: 999;
	text-transform: uppercase;
}

#houseMenuV a {
	display: block;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 142px;
	_width: 100%; /* width recognized by IE only to handle box model issues */
	/* end hack */
	color: #c71219;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	padding: 1px 4px 2px 4px;
	border-top: #c71219 1px solid;
	border-bottom: #FFFFFF 1px solid;
	text-transform: uppercase;
}

#houseMenuV li a {
	display: block;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 142px;
	_width: 100%; /* width recognized by IE only to handle box model issues */
	/* end hack */
	color: #c71219;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	padding: 1px 4px 2px 4px;
	text-transform: uppercase;
}

#houseMenuV li a:hover {
	color: #FFA000;
	background-color: #efefef;
	text-transform: uppercase;
	font-size: 14px;
}

#houseMenuV li li a {
	display: block;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 200px;
	_width: 100%; /* width recognized by IE only to handle box model issues */
	/* end hack */
	color: #c71219;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 1px 4px 2px 4px;
	border: 0;
	text-transform: uppercase;
}

#houseMenuV li li a:hover {
	color: #c71219;
	background-color: #efefef;
	text-transform: uppercase;
	font-size: 14px;
}

#houseMenuV li:hover ul ul, 
#houseMenuV li:hover ul ul ul, 
#houseMenuV li.sfhover ul ul, 
#houseMenuV li.sfhover ul ul ul {
	color: #c71219;
	left: -9999px;
	text-transform: uppercase;
}

#houseMenuV li:hover ul, 
#houseMenuV li li:hover ul, 
#houseMenuV li li li:hover ul, 
#houseMenuV li.sfhover ul, 
#houseMenuV li li.sfhover ul, 
#houseMenuV li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 999;
	text-transform: uppercase;
}

#houseMenuV iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
	text-transform: uppercase;
}

.blurbHeader
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	background-color: #c71219;
	vertical-align: middle;
	text-align: center;
	height: 24px;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}

.blurbFooter
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background-color: #c71219;
	vertical-align: middle;
	text-align: center;
	height: 30px;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}

.blurbBody
{
	width: 198px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #666666;
	background-image: url(BlurbContentBG.jpg);
	background-repeat: repeat-y;
}