html {
    height: 100%;
    text-align:center;
    font-family:Verdana;
}

body {    
    padding: 0;
    margin: 0;
    background-color: #e7dfe7; 
    text-align:center;    
    font-size:12px;
} 

h1 {    
    font-size: 25px;    
    color:#868484;
    padding-top:5px;
    margin-top:5px;
    padding-bottom:0px;
    margin-bottom:0px;
}

p {    
    margin-top: 12px;
}

#content {
    display:inline-block;        
    padding: 0 25px;
    vertical-align:top;     
    width:600px; 
}

#container  
{
    margin: 0 auto; 
    width:950px;
    min-width:950px;
    min-height:100%;
    BACKGROUND-COLOR: white;
    text-align:left;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    padding: 0px 2px 2px 2px;
    display:block;
}   

A
{
    COLOR: darkgreen;
    TEXT-DECORATION: underline;
}
A:link
{
    COLOR: darkgreen;
    TEXT-DECORATION: underline;
}
A:visited
{
    COLOR: darkgreen;
    TEXT-DECORATION: underline;
}
A:hover
{
    COLOR: #000
}


/* Top navigation bar formatting starts */
#navigation-external
{
    BACKGROUND: url(../images/layout/topbar.jpg) #187531;
    background-repeat:no-repeat;
    FONT: bold 8pt Verdana, sans-serif;
    WIDTH: 100%;
    COLOR: #333333;
    HEIGHT: 25px;
    TEXT-ALIGN: left
}
#navigation-external .last
{
    BORDER-RIGHT: 0px
}
#navigation-external A
{
    BORDER-RIGHT: #FFF 1px solid;
    PADDING-RIGHT: 9px;
    MARGIN-TOP: 4px;
    DISPLAY: block;
    PADDING-LEFT: 9px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    COLOR: #FFFFFF;
    PADDING-TOP: 0px
}
#navigation-external A:hover
{
    COLOR: Yellow;
    text-decoration: none;
}
#navigation-external SPAN
{
    BORDER-RIGHT: #FFF 1px solid;
    PADDING-RIGHT: 9px;
    MARGIN-TOP: 4px;
    DISPLAY: block;
    PADDING-LEFT: 9px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
/* Top navigation bar formatting ends */


/* submenu starts */
#navigation-top
{
    BACKGROUND: url(/images/layout/mainMenu-Bg.jpg) #187531;
    BACKGROUND-REPEAT: repeat-x;
    WIDTH: 100%;       
    border-top: #BBBBBB 1px solid;
    border-bottom: #BBBBBB 1px solid;
    text-transform: uppercase;
}

#navigation-top A
{
    MARGIN-left: 0;
    BORDER-RIGHT: white 1px solid;    
    BORDER-left: 1px solid white;        
    BORDER-TOP: 0; /*black 0px solid; */    
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;        
    padding: 4px 15px;   
    BORDER-LEFT: 0; /* black 0px solid;*/
    COLOR: white;
    BORDER-BOTTOM: 0;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: Transparent ;  
    DISPLAY: inline-block;    
    TEXT-DECORATION: none;
}
#navigation-top A:hover
{    
    COLOR: white;
    BACKGROUND-COLOR:#e7dfe7;    
}
#navigation-top SPAN
{
    BORDER-RIGHT: white 1px solid;
    PADDING-RIGHT: 9px;
    MARGIN-TOP: 4px;
    DISPLAY: block;
    PADDING-LEFT: 9px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
/* Main Menu Ends */


/* Sidebar Start */

#navigation-side
{
    display:inline-block;      
    #float:left; /* # character ensures the style is only applied to IE browsers */
    PADDING: 13px 5px;    
    MARGIN: 0px;
    WIDTH: 200px;
    FONT-FAMILY: 'Microsoft Sans Serif', Verdana
}

#navigation-side ul
{
    MARGIN-TOP: 2px;
    PADDING-LEFT: 0px;
    MARGIN-BOTTOM: 5px;
    PADDING-BOTTOM: 5px;
    MARGIN-LEFT: 0px;
    TEXT-INDENT: 0px;
    PADDING-TOP: 2px;
    LIST-STYLE-TYPE: none;      
}

#navigation-side li 
{
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 6px;
    MARGIN-LEFT: 5px;
    TEXT-INDENT: 0pt;
    PADDING-TOP: 2px;
    TEXT-ALIGN: left;
    BACKGROUND: url('/images/sidebar/arrow-grey-right.gif') no-repeat;
    color:#7a7a7a;
}

#navigation-side .navigation-side-title 
{    
    PADDING: 8px 10px;
    BACKGROUND: url(/images/sidebar/section-bg-purple.jpg) #187531 left top no-repeat;
    BORDER-TOP: #cccccc 1px solid;    
    BORDER-BOTTOM: #cccccc 1px solid;  
    MARGIN: 0px;
    COLOR: white;    
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    text-transform: uppercase;  
    margin-bottom: 5px;  
}

#navigation-side a
{
    COLOR: black;
    TEXT-DECORATION: underline
}
#navigation-side a:hover
{
    COLOR: #ff9900;
    TEXT-DECORATION: underline
}


/*** header ***/
#header {    
    clear:both;
    width: 100%;    
}

#header .header-search {          
     float:right;    
     margin-top: -75px;
}

#header .header-search input[type="image"]{
    margin-bottom: -9px;
    margin-right: 10px;
}

/*** footer ***/
#footer
{    
    text-align:center;
    line-height: 20px;    
    width: 100%;   
    BACKGROUND: url(/images/layout/mainMenu-Bg.jpg) repeat-x #8c6d94;        
    padding-top:10px 0;    
    color:White;    
}

#footer a
{
    color:White;
    font-weight:bold; 
    font-size:11px;
}


/*** other ***/
div.spacer
{
    height:10px;
}

.green 
{
    color:#408c29;
}
    
.green a
{
    color:#408c29;
    text-decoration:underline;
}  
    
.green a:hover
{
    color:#408c29;
    text-decoration:underline;
} 

.grey {
    color:#7a7a7a;
    }
    
.grey A{
    color:#7a7a7a;
    text-decoration:underline;
    }  
    
.grey A:Hover{
    color:#48AD37;
    text-decoration:underline;
    } 

.pager {
    text-align:center;
    /*margin-left: 36px;*/
}

/*** pager  ***/
.pager-button {
    margin: 0 3px;
}

span.pager-button {
    color: Gray; /* disable look */
    /*display:none;*/ /* hide */
}