BODY
{
    background-color: #eeeeee;
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: url(Images/bg.gif);
}
/* navigation beetween page */
.pages {
    padding: 1em 1em 2em 1em;
    margin: 1em 0;
    font-size: medium; 
	font-weight:bold;
}

.pages a, .pages span {
	display: block;
	float: right;
	margin-right: 0.1em;
	border: 1px solid #fff;
	background: #fff;
	font-size: medium;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
}

.pages span.current {
	border: 1px solid #333;
	font-weight: bold;
	background: #009900;
	color: #fff;
	font-size: medium;
}

.pages a {
	border: 1px solid #009933;
	text-decoration: none;
	font-size: medium;
}

.pages a:hover {
	border-color: #333;
	font-size: medium;
}

.pages a.nextprev {
	font-weight: bold;
	font-size: medium;
}

.pages span.nextprev {
	color: #666;
	font-size: medium;
}

.pages span.nextprev {
	border: 1px solid #ddd;
	color: #999;
	font-size: medium;
}




/*Left of menu*/

.applemenu
{
    padding: 0;
    width: 160px;
    text-align: center;
    border-right: #9a9a9a 1px dotted;
    border-top: #9a9a9a 1px dotted;
    border-left: #9a9a9a 1px dotted;
    border-bottom: #9a9a9a 1px dotted;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active
{
    color: white;
    text-align: center;
}
.applemenu div.submenu
{
background: white;
height: 350px;
text-align: center;
}


.ddpanel .ddpanelcontent
{
    /*CSS for "content" DIV of Drop Down Panel*/
    color: white;
    background: #008080; /*background of Drop Down Panel*/ /*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab
{
    /*CSS for "toggle" tab DIV of Drop Down Panel*/
    font: normal 12px Arial;
}

.ddpanel .ddpaneltab a
{
    /*"toggle" tab related CSS*/
    float: right;
    color: white;
    background: #008080 url(images/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
    text-decoration: none;
    letter-spacing: 1px;
    width: 975px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(images/toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
   width: 950px;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 0px;
margin-left: 5px;

}

.ddpanel .ddpaneltab a:hover{  /*"toggle" tab related CSS*/
background-color: navy; /*background of toggle tab onMouseover*/
; background-color: #008080; }


.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}


    .verticalMenu
{
    margin: 0px;
    padding: 0px 0px 0px 5px;
    font-family: Verdana, 'Unikurd Web';
    font-size: medium;
    font-weight: bold;
}

.verticalMenu A
{
    font-family: Verdana, 'Unikurd Web';
    margin: 0px;
    background-position: right center;
    text-decoration: none;
    color: #000080;
    font-size: medium;
    font-weight: bold;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.verticalMenu A:hover
{
    font-family: Verdana, 'Unikurd Web';
    border-style: 0;
    border-width: 0px;
    color: #003366;
    background-color: #C0C0C0;
    background-position: right 100%;
    height: 100%;
    width: 100%;
    clear: both;
    float: right;
    margin: 0px;
    font-size: medium;
    font-weight: bold;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.verticalMenu A:active 
{
    font-family: Verdana, 'Unikurd Web';
    border-style: 0;
    border-width: 0px;
    color: #FFFFFF;
    background-color: #000080;
    background-position: right 100%;
    padding: 0px 0px 0px 5px;
    height: 100%;
    width: 100%;
    clear: both;
    float: right;
    margin: 0px;
    font-size: medium;
    font-weight: bold;
}



img
{
    border-color: 0;
    border-width: 0px;
}


.RiCat ul
{ 
    list-style-type: square;
    margin: 1;
    padding: 1;
    margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
   list-style-position: outside; }


.RiCat ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

/* left menu */
.urbangreymenu{ 
width: 160px; /*width of menu*/
; text-align: right; }


.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a
{
    font: bold 15px/17px Arial;
    color: black;
    background: #E9E9E9;
    display: block;
    padding: 5px 0;
    line-height: 14px;
    padding-right: 8px; /*link text is indented 8px*/
    text-decoration: none;
    text-transform: capitalize;
    text-decoration: none;
}

.urbangreymenu ul li a:visited
{
    font: bold 15px/17px Arial;
    color: black;
    background: #E9E9E9;
    display: block;
    padding: 5px 0;
    line-height: 14px;
    padding-right: 8px; /*link text is indented 8px*/
    text-decoration: none;
    text-transform: capitalize;
    text-decoration: none;
}

.urbangreymenu ul li a:hover
{
    /*hover state CSS*/
    font: bold 15px/17px Arial;
    color: white;
    background: black;
    display: block;
    padding: 5px 0;
    line-height: 14px;
    padding-right: 8px; /*link text is indented 8px*/
    text-decoration: none;
    text-transform: capitalize;
    text-decoration: none;
}



.iconspan
{
    float: right;
    margin: 3px;
    cursor: hand;
    cursor: pointer;
    font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */
.eg-barCatView
{
    background-color: #B55C00;
    font-weight: bold;
    padding: 3px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-color: black;
    border-top-color: black;
    border-right-width: 1px;
    border-right-color: black;
    border-bottom: black 2px solid;
    height: 25px;
    filter: alpha(Opacity=70,FinishOpacity=100,Style=1,StartX=0,FinishX=0,StartY=2,FinishY=98);
    color: white;
}


.eg-bar
{
    background-color: cadetblue;
    font-weight: bold;
    padding: 3px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-color: black;
    border-top-color: black;
    border-right-width: 1px;
    border-right-color: black;
    border-bottom: black 2px solid;
    height: 25px;
        filter: alpha(Opacity=70,FinishOpacity=100,Style=1,StartX=0,FinishX=0,StartY=2,FinishY=98);
}
.eg-bar-De
{
    background-color: #0B437E;
    font-weight: bold;
    padding: 3px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-color: black;
    border-top-color: black;
    border-right-width: 1px;
    border-right-color: black;
    border-bottom: black 2px solid;
    height: 25px;
    filter: alpha(Opacity=70,FinishOpacity=100,Style=1,StartX=0,FinishX=0,StartY=2,FinishY=98);
    color: white;
}

div.eg-bar{
width: 316px;
}
.icongroup-DE{
width: 475px;
}
.icongroup1{

}


.sarwHome
{
    background-position: center center;
    font-size: small;
    filter: alpha(Opacity=70,FinishOpacity=100,Style=1,StartX=0,FinishX=0,StartY=2,FinishY=98);
    vertical-align: middle;
    color: white;
    border-bottom: #282f58 2px solid;
    font-family: Verdana, 'Unikurd Web';
    height: 24px;
    background-color: #008080;
}
.sliderwrapper
{
    position: relative; /*leave as is*/
    overflow: hidden; /*leave as is*/
    width: 636px; /*width of featured content slider*/
    height: 235px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 1px;
background: white;
width: 636px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 225px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination
{
    width: 616px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
    text-align: right;
    background-color: #eeeeee;
    padding: 2px 10px;
}

.pagination a{
padding: 0 2px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}


.sliderwrapperHome
{
    position: relative; /*leave as is*/
    overflow: hidden; /*leave as is*/
    width: 460px; /*width of featured content slider*/
    height: 150px;
}



.sliderwrapperHome .contentdivHome{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 460px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.paginationHome
{
    width: 460px; /*Width of paginationHome DIV. Total width should equal slider's outer width (400+10+10=420)*/
    text-align: left;
    background-color: #ffffff;
    border-top: #deeeee 1px dashed;
}

.paginationHome a{
padding: 0 2px;
text-decoration: none; 
color: #00007D;
background: white;
}

.paginationHome a:hover, .paginationHome a.selected{
color: #000;
background-color: #FEE496;
}




/* index menu */

.aerobuttonmenu
{
    /*container that holds a row of aero buttons*/
    overflow: hidden;
    width: auto; /*menu strip background*/
    padding: 4px 0;
    border-width: 1px 0;
    background-position: 0% 0%;
    background-attachment: scroll;
    background-image: none;
    background-repeat: repeat;
    font-size: small;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
  font-size: small;
}

.aerobuttonmenu a.aero
{
    /*aero button CSS*/
    background: transparent url(   'App_Images/aeroleft.gif' ) no-repeat top right;
    display: block;
    float: right;
    font: bold 15px/23px Unikurd Web; /* Change 13px as desired */
    line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
    height: 32px; /* Height of button background height */
    padding-right: 10px; /* Width of left menu image */
    text-decoration: none;
    margin-right: 5px; /*spacing between buttons*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
    opacity: 0.9;
    -moz-opacity: 0.9;
      font-size: small;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active
{
    color: black; /*button text color*/
      font-size: small;
}

.aerobuttonmenu a.aero span{  
background: url(media/aeroright.gif) no-repeat left top;
display: block; /*Set 10px here to match value of 'padding-left' value above*/
; padding-right: 0px; padding-left: 10px; padding-bottom: 6px; padding-top: 4px;  }
  font-size: small;



.aerobuttonmenu a.aero:hover
{
    /* Hover state CSS */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
    opacity: 1;
    -moz-opacity: 0.99;
      font-size: small;
}

.aerobuttonmenu a.aero:hover span
{
    /* Hover state CSS (for text) */
    color: yellow;
    color: dodgerblue;
    font-size: small;
}

.black a.aero
{
    background-color: lightgrey;
      font-size: small;
}


.black a.aero span
{
    background-color: lightgrey;
      font-size: small;
}

.aerobuttonmenu .rightsection{
float: left;
width: 250px;
position: relative;
top: 3px;
padding-left: 5px;
text-align: left;
  font-size: small;
}

.aerobuttonmenu .rightsection a{
color: navy;
  font-size: small;
}


/* end index menu */



.LinkHedLeRi
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

a.LinkHedLeRi
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

a.LinkHedLeRi:link
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

    
a.LinkHedLeRi:hover
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
    text-align: right;
}

a.LinkHedLeRi:active
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: right;
}


.LinkSumLeRi
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

a.LinkSumLeRi
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

a.LinkSumLeRi:link
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

    
a.LinkSumLeRi:hover
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: underline;
    text-align: right;
}

a.LinkSumLeRi:active
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

.LinkPriLeRi
{
    font-family: 'Unikurd Web';
    font-size: x-small;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

a.LinkPriLeRi
{
    font-family: 'Unikurd Web';
    font-size: x-small;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

a.LinkPriLeRi:link
{
    font-family: 'Unikurd Web';
    font-size: x-small;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

    
a.LinkPriLeRi:hover
{
    font-family: 'Unikurd Web';
    font-size: x-small;
    font-weight: bold;
    color: #C9C9C9;
    text-decoration: underline;
    text-align: left;
}

a.LinkPriLeRi:active
{
    font-family: 'Unikurd Web';
    font-size: x-small;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: left;
}



 a
{
    font-size: small;
    color: #000000;
    text-decoration: none;
}
a:active
{
    font-size: small;
    color: #000000;
    text-decoration: none;
}
a:link
{
    font-size: small;
    color: #000000;
    text-decoration: none;
}
a:hover
{
    font-size: small;
    color: #333399;
    text-decoration: underline;
}
img
{
    border-color: 0;
    border-width: 0px;
}
 
.spy
{
    font-size: small;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}
a.spy
{
    font-size: small;
    text-decoration: none;
    color: #ffffff;
}
a.spy:link
{
    font-size: small;
    text-decoration: none;
    color: #ffffff;}

a.spy:hover
{
    font-size: small;
    text-decoration: none;
    color: #ffffff;
    }
 a.spy:active 
 {
    font-size: small;
    text-decoration: none;
    color: #ffffff;
}  


.rash
{
    font-size: medium;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    width: 61px;
}
a.rash
{
    font-size: medium;
    text-decoration: none;
    color: #000000;
}
a.rash:link
{
    font-size: medium;
    text-decoration: none;
    color: #000000;}

a.rash:hover
{
    font-size: medium;
    text-decoration: none;
    color: #000000;
    }
 a.rash:active 
 {
    font-size: medium;
    text-decoration: none;
    color: #000000;
}  

.LinkHed
{
    font-family: 'Unikurd Web';
    font-size: medium;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

a.LinkHed
{
    font-family: 'Unikurd Web';
    font-size: medium;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

a.LinkHed:link
{
    font-family: 'Unikurd Web';
    font-size: medium;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

    
a.LinkHed:hover
{
    font-family: 'Unikurd Web';
    font-size: medium;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
    text-align: right;
}

a.LinkHed:active
{
    font-family: 'Unikurd Web';
    font-size: medium;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: right;
}


.LinkSum
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

a.LinkSum
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

a.LinkSum:link
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

    
a.LinkSum:hover
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: underline;
    text-align: right;
}

a.LinkSum:active
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

.LinkPri
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

a.LinkPri
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

a.LinkPri:link
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

    
a.LinkPri:hover
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #C9C9C9;
    text-decoration: underline;
    text-align: left;
}

a.LinkPri:active
{
    font-family: 'Unikurd Web';
    font-size: small;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: left;
}