*{padding:0; margin:0;}

body{font-family: arial,helvetica,verdana,sans-serif; font-size:100%;line-height:1.125em;}

p {font-size:0.875em;}

a {text-decoration:none;}

hr{color:#274174;
	height:1px;}

img {border:0;}

/* overrides immediacy right and left align so that it doesn't break in Firefox */
.ImmControlAlign_Left, 
.ImmControlAlign_Right {clear:none;}

.heading1, h1 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	padding-bottom:5px;
}
.heading2 a, h2 a {
	color: #274174;
	text-decoration: none;
}
.heading2 a:hover, h2 a:hover  {
color: #eee;
text-decoration: none;
}
.heading2, h2 {
	font-size: 18px;
	font-weight: bold;
	/*line-height: 12px;*/
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}
.heading3, h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.heading4, h4 {
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.heading5, h5 {
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


/*h1{font-size:1.5em; margin:0.5em; font-weight:normal; color:#274174;}*/

/* page header used throughout */

#header {position: relative; top:0px; left:10px; background-color:#fff; width:1000px; height:170px;z-index:2;}

#topbar {background-image: url('../../../../images/template/top_bar.gif'); background-repeat:repeat-x; width:1000px; height:14px;}

#statictopmenu {height:25px;}
#statictopmenu ul {position:absolute; top:10px; right:90px; display:inline; list-style-type:none; font-size:0.8em;color:#274174;}
#statictopmenu ul li {display:inline; border-left:2px solid #d5d5d5; padding-left:12px; padding-right:12px; line-height:23px; }
#statictopmenu ul li a {text-decoration:none; color:#274174;}
#statictopmenu ul li a:hover {color:#8998ae;}
#statictopmenu img {position:absolute; top:13px; right:440px;}

#logo{position:absolute; top:22px; left:14px; height:91px; width:272px; background-image:url('../../../../images/template/rcgp_logo.gif'); background-repeat:no-repeat;}

#topadvert{position:absolute; top:50px;left:390px; }

#memberlogin{float:right; top:0px; width:100px; height:35px; font-size:0.8em;}
#search{float:right; width:100px; height:24px; clear:right;}
.searchinput{height:24px; width: 95px; border:solid 1px #fff; background:transparent url('../../../../images/template/search.gif') no-repeat;}

/*#eportfolios{position: absolute; top:114px; right:0px;}*/
/*#eportfolios p{position:absolute; top:123px; right:125px;font-size:0.8em; color:#274174;}
#trainee{position:absolute; top:115px; right:0px;}*/
/* change trainee tab and text positions after revalidation eportfolio launch when both tabs are showing */
#eportfolios p{position:absolute; top:125px; right:230px;color:#274174;}
#trainee{position:absolute; top:115px; right:102px;}
#reval{position:absolute; top:115px; right:0px;}

#topmenu {background-image: url('../../../../images/template/top_menu.gif'); background-repeat:repeat-x; width:1000px; height:26px; position:absolute;top:144px;z-index:999;}
.home_icon {position:absolute; left:6px; top:2px;}

/* Top Drop Down Menu Styles */

/* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where.

/* style for the containing div for the menu */
/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */

	div#topdropmenu {	

			clear:both; float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.7em;
			z-index:999;
			/*margin-top:17px; */
			margin-bottom:1px;
			margin-left:24px;
			padding:0px;
			width:100%;
		}

div#topdropmenu a 
{
	}


/* default ul tag style for this menu - you probably won't need to change this */

	div#topdropmenu ul {

			float:left;
			position:relative;
			list-style:none;
			margin:0px;
			padding:0px;
		}


/* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */

	div#topdropmenu a {

			margin:0px;
			padding:0px 12px 0px 10px; 
			display:block;
			text-decoration:none;
		}


/* default li tag style for this menu - you probably won't need to change this */
/* the postion:relative and float:left are critical to the correct operation of the menu */

	div#topdropmenu ul li	{

			position:relative; float:left; margin:0px;			

		}

		
/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */

	div#topdropmenu ul ul {

			position:absolute;
		}


/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
/* if want extra levels of drop downs, you need to add extra styles here for each level*/
/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
/* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/*
/* please read the ImmSample documentation for more details */

	div#topdropmenu ul ul, 
	div#topdropmenu ul li:hover ul ul,
	div#topdropmenu ul ul li:hover ul ul,			
	div#topdropmenu ul ul ul li:hover ul ul,
/*the following added for suckerfish class - javascript creates a class so that hover works in IE6 */
	div#topdropmenu ul li.sfhover ul ul,
	div#topdropmenu ul ul li.sfhover ul ul,			
	div#topdropmenu ul ul ul li.sfhover ul ul

		{
			display:none;
		}

	div#topdropmenu ul li:hover ul,
	div#topdropmenu ul ul li:hover ul,
	div#topdropmenu ul ul ul li:hover ul,
	div#topdropmenu ul ul ul ul li:hover ul,
/*the following added for suckerfish class - javascript creates a class so that hover works in IE6 */
	div#topdropmenu ul li.sfhover ul,
	div#topdropmenu ul ul li.sfhover ul,
	div#topdropmenu ul ul ul li.sfhover ul,
	div#topdropmenu ul ul ul ul li.sfhover ul
	
		{
		display:block;
		background-color:#2f456c;
		color:#fff;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		}

/* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */

/* it is this section which really differentiates the top drop down menu from a side flyout menu */

/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/

/* CSS2 is seriously flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */
		

/* This section defines the width of the menu items at different levels */

	div#topdropmenu ul.L0		{width:1000px;} /* defines the total width of the top menu */
	div#topdropmenu ul.L1		{width:240px;} /* width of level 1 leaves */
	div#topdropmenu ul.L2		{width:240px;} /* width of level 2 leaves */


/* defines position of drop down leaves */
	/* mb - changed top one */
	div#topdropmenu ul.L0 ul	{left:10px; top:22px;} /* position of first leaf */
	div#topdropmenu ul.L1 ul	{top:-1px; left:100%;} /* position of second leaf */
	div#topdropmenu ul.L2 ul	{top:-1px; left:100%;} /* position of third leaf - if there is one*/


	/* defines width of menu items */

	div#topdropmenu ul.L0 li	{height:27px; margin-top:6px;} /* level 0 items */
	div#topdropmenu ul.L1 li	{width:240px !important; margin-top:0px; height:auto;} /* level 1 items */
	div#topdropmenu ul.L2 li	{width:240px; height:auto;} /* level 2 items */


/* defines height and width of a tags within the above li tags*/
/* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */

/* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
/* change the padding styles, but exercise some caution with different browsers*/

	div#topdropmenu ul.L0 li a	{display:inline-block; font-weight:bold; color:#fff;}
	div#topdropmenu ul.L1 li a	{width:220px; height:auto; 
		background-image:none; border-left:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #fff;
		padding-left:5px; padding-right:15px; padding-top:.20em; padding-bottom:.25em;display:block; color:#fff;}
	div#topdropmenu ul.L2 li a	{width:220px; height:auto; /*font-size:110%;*/ font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;}

/* end top menu bar*/


/* main content area*/
#content {position: relative; top:0px; left:0px; background-image: url('../../../../images/template/stripe_bg.gif'); background-repeat:repeat-both; width:1030px; height:1%; overflow:hidden; z-index:1;}

#middlecontent a, middlecontent_home a {color: #26478A; text-decoration:none;}
#middlecontent a:hover, middlecontent_home a:hover {color:#8998ae;}

#breadcrumb {font-size:0.6em; color:#274174;}
#rightcontent{width:125px; float:right; clear:none; padding-right:15px;padding-top:10px;padding-bottom:10px;}
.advert {padding-top:10px;} 
/*for login page */
#logincontent {position:relative; top:0px; left:0px; width:700px; margin-left:255px;padding-top:50px;}
/*footer */
#footer{background-image:url('../../../../images/template/footer_bg.jpg');position:relative;background-color:#466c9b; width:1000px;min-height:247px;clear:both; color:#fff;}
#footer h3{color:#fff;}
#footer p{font-size:0.7em;}
#systemmenu ul,#footer ul {list-style-type:none;font-size:0.7em;}
#footer a{color:#fff; text-decoration:none;}
#footerleft {position:relative; top:0px; left:150px; width:230px; padding:30px;}
#footermid {position:absolute; top:0px; left:450px; width:230px; padding:30px; }
#footerright {position:absolute; top:0px; left:770px; width:230px;padding:30px; }
#footerrightlinks img {padding:10px 5px;}
#copyright{font-size:0.6em; position: absolute; left:30px; top:180px; clear:left;}
#systemmenu{ width:150px; height:180px;}
#systemmenu ul li {display:inline-block; position:relative; float:left; margin:0px;}

/* start hack for IE6 */ 
*html #content{overflow:visible;}
*html div#topdropmenu {margin-left:0px; }	
*html div#topdropmenu ul.L1 li a{width:240px;}
/* end hack for IE6 */ 

#memberlogintable {font-size:0.9em; border: 1px solid #ccc; position:relative; left:210px; }
#memberlogintable th {background-color:#274174; color:#fff; text-align:left; padding:3px;}

/*dotted line hr - div with background image contains hr with no display, to get rid of border in IE*/
div.hr {padding-top:8px; padding-bottom:8px; height: 5px; background: #fff url('../../../../images/template/hr_dotted.gif') no-repeat scroll center;}
div.hr hr {display: none;}