@charset "utf-8";
/* CSS Document */

/****************************************************************************************\
    
    Global Constructs
    Globally Unique Elements
    Control Specific Constructs

\****************************************************************************************/

/*___ BRANDING _________________________________________________________________*/

div#branding
{
    position    : relative;
    z-index     : 100;   
}

div#branding ul a
{
    font-family     : Verdana, Sans-Serif;
    text-decoration : none;
	list-style-position: inside;
	list-style-type: decimal;
	list-style-position: inside;
	list-style-type: decimal;
	list-style-position: inside;
	list-style-type: decimal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	color: #000000;
}

h1.h1Branding,
div#branding h1
{
	width       : 820px; 
	background : transparent url(images/h1Raz.jpg) no-repeat left top; 
	height      : 102px;
	text-indent : -9999em;
}

div#branding ul a:hover
{
    text-decoration : underline;   
}


div#branding[id="branding"] ul ul
{
    background : transparent url(images/nestedBrandingUL.png) repeat left top;
}

li.liBranding,
div#branding li
{
    background : transparent url(images/liBranding.jpg) no-repeat left top;       
}

li.liBranding:first-child,
div#branding li:first-child
{
    background : none;
}

div#branding ul a,
div#branding ul a:hover,
div#branding ul a:visited
{
    color : White;   
}

ul.ulBranding,
div#branding > ul
{
	position        : relative;
	background : transparent url(images/brandingNav.jpg) no-repeat left top;
	margin          : 0;
	list-style-type : none;
	width           : 820px;
	height          : 30px;
	padding-left    : 10px;
}

div#branding ul ul
{
    position        : absolute;
	background : transparent url(images/nestedBrandingUL.gif) no-repeat left top;
    left            : 0;
    top             : 30px;
    margin          : 0;
    padding         : 0;
    list-style-type : none;   
    display         : none;
    width           : 100%;
}

div#branding ul li:hover ul
{
    display             : block;   
}

li.liBranding,
div#branding > ul > li
{
	position            : relative;
	display             : block;
	float               : left;
	height              : 12px;
	padding-top         : 7px;
	padding-bottom      : 11px;
	padding-left        : 18px;
	padding-right       : 18px;
}

div#branding li ul li
{
    display             : block;
    height              : 12px;  
    padding-top         : 4px;
    padding-bottom      : 8px;
    text-align          : center;  
}