/* catch the HTML tags*/
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
table
{
	border-collapse: collapse;
}


p
{
	margin:0 0 0 0px;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
th
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}


a
{
	color:#336D9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}

a:visited
{
	color:#336D9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}

a:active
{
	color:#336D9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}

a:link
{
	color:#336D9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration:underline;
}

a:hover
{
	color:#336D9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration:underline;

}




/* RP STD CSS classes*/

.pageHead 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none; 
	background-color:#dfdfdf;
	padding-left:2px;
}
.topicHead
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none; 
	background-color:#dfdfdf;
	padding-left:2px;
}	

.blockHead
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #336D9F;
	text-decoration:none;
	padding-left:3px;

}

.paraHead
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336D00;
	text-decoration:underline;
	padding-left:3px;
}

.normal 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none	
}


.hlt 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FF0000;	
}
.light 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: gray 
}

.error 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF0000
}

.message 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC3300;
	text-decoration: none;
}
.popup
{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
}

.totalHead
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #9f0000;
	padding-left:3px;
}


/* Menu is it required*/


.menuBackGroundColor
{
	background-color:#FCB06E;
}

.footerMenuTable
{ 
	
	background-color:#33cc99;
	background-repeat:no-repeat;
	
}

a.footerInpireLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none
}

a.footerInpireLink:link 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none	
}
a.footerInpireLink:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none	
}
a.footerInpireLink:active 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none	
}
a.footerInpireLink:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9C9E9C;
	font-weight: bold;
	text-decoration: none	
}
a.adminMenuLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0000FF;
	text-decoration: none;
	font-weight: bold;    
}

a.adminMenuLink:link 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#0000FF;
	text-decoration: none	
	font-weight: bold;    
}
a.adminMenuLink:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0000FF;
	text-decoration: none	
	font-weight: bold;    
}
a.adminMenuLink:active 
{
	FONT-FAMILY:  Arial, Helvetica, sans-serif;
	FONT-SIZE: 13px;
	color:#0000FF;
	text-decoration: none	
	font-weight: bold;    
}

a.adminMenuLink:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9C9E00;
	text-decoration: none
	font-weight: bold;    	
}

a.TreeLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5f9ea0;
	font-weight: normal;
	text-decoration: none
}

a.subMenu 
{                               
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;                            
 	color: #000000;                           
 	font-weight: bold;                        
 	text-decoration: none                     
}                                         
                                           
a.subMenu:link 
{                          
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;                          
 	color: #000000;                           
 	font-weight: bold;                        
 	text-decoration: none	                    
	      
}                                         
a.subMenu:active 
{                        
 	font-family:  Arial, Helvetica, sans-serif;
 	font-size: 11px;                            
 	color: #000000;                             
 	font-weight: bold;                          
 	text-decoration: none	                      
	    
}                                         
                                           
a.subMenu:visited 
{                       
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;                          
 	color: #000000;                           
 	font-weight: bold;                        
 	text-decoration: none	                    
 	  
}                                         
                                           
a.subMenu:hover 
{                         
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;                          
	color: #FFFFFF;                           
	font-weight: bold;                        
	text-decoration: none	                    
 
} 

/* Drop down Menu */ 


/* ============================================ MENU START ===================================================*/

.menu {width:100%; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:100%; w\idth:100%;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {border-left:1px solid #000; border-right:0px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; display:block;font-size:11px;text-decoration:none; color:#fff; height:30px; background:#467645; padding-left:5px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:10px; w\idth:10px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url('http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif') no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url('http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif') no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url('http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif') no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:240px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* ============================================ MENU END ===================================================*/