/*New BluBug Stylesheet*/

/*	Colour palette:
		Logo Blue		-	#5788d6
		Text headings	-	#5788d6
		Menu border		-	#5788d6
		Menu Background	-	#e9e9e9			
	
/*	Reset browsers default styling*/
	html, body, address, blockquote, div, dl, form, 
	h1, h2, h3, h4, h5, h6, ol, p, pre, table, 
	ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
	a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
	strong, sub, sup, tt, var, legend, fieldset 
	{
		margin: 0px;
		padding: 0px; 
	}
	ul  
	{ 
		list-style: none; 
	}
	a  
	{
		text-decoration: none; 
	}
				
/*	Typography - sets out basic styles for the headings and paragraphs  */
    body 
	{
		font: 100%/1.2 arial, helvetica, sans-serif;
        color: #444444;
    }
    h1, h2, h3, h4, h5, h6 
	{
       	color: #5788d6;
    }
    h1 
	{
      	font: 12pt arial, helvetica, sans-serif;
        font-weight:bold;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    h2 
	{
      	font: 10pt arial, helvetica, sans-serif;
        font-weight:bold;
        padding-top: 8px;
		padding-bottom: 6px;
    }
      
    h2 a
	{
		color:#5788d6;
    }
    h3 
	{
		font: 1.6em arial, helvetica, sans-serif;	
    }
    h4
	{
      	font: 1.4em arial, helvetica, sans-serif;	
    }
    h6  /** used for Call To Action **/   
      {
        color: #5788d6;
        font-size: 9pt;
        font-weight: normal;
        font-style: italic;
		padding: 10px 0px 10px 0px;
    }
    h6 a
	{
        color: #5788d6;
    }
	#more_info h6 a
	{
		text-decoration: underline;
	}
	p 
	{
      	font: 9pt arial, helvetica, sans-serif;
      	margin-bottom:8px;	
    }
	p.contact_page
	{
		margin-left: 20px;
	}	
	a 
	{
        color: #444444;
        text-decoration:underline;       
    }
    ul
	{
		list-style: disc outside;
		padding-bottom: 10px;
    }
    li
	{ 
        padding-left: 0px;
        margin-left: 20px;            
    }
	.intro
      {
        color: #5788d6;
        font-size: 10pt;
        font-style: italic;
        font-weight: bold;
    }
    .intro a
       {
        color: #5788d6;
        text-decoration: underline; 
    }
    .normal 
       { 
         padding: 10px 10px 5px 10px; 	/** sets top, right, bottom and left padding to 10px **/
    }
	.right { 
        text-align: right;
        padding-right: 10px; 
        padding-bottom: 0px;
    }
    #header h1    /* This formats the phone numbers at the top right of the screen */
      {
		text-align: right;
		vertical-align: bottom;
		padding-right: 10px; 
		padding-bottom: 0px;
		padding-top: 0px;
		font-size: 12pt;
    }
    #header h1 a
       {
		text-decoration: none;
		color: #5788d6;
	}        
	#right_panel a
	{
		text-decoration: none;
	}
	#right_panel a:hover
	{
		text-decoration: underline;
	}
	#right_panel h2
	{
		padding-bottom: 6px;
	}
		
	.more, .more a
       {
		font-size: 8pt;
		color: #5788d6;
	}
    hr
      {
		color: #e9e9e9;
		background-color: #e9e9e9;
		height:1px;
		border:none;
	}

/* Layout */ 							

	body 
	{
      text-align: center; /* keeps container centred in IE */
    }
	#container
	{
		width: 750px;
		margin: 0 auto;
		position: relative;
    }

	#header
      {
		width: 790px;
		border: none;
		position: absolute;
		top: 20px;
		left:0px;
		height: 85px;
		text-align: left; 
		z-index: 1;
	}
	#header_text
       {
		position: absolute;
		bottom: 10px;
		right: 10px;
		width: 500px;
		z-index: 2;	 			 /** This ensures the text resides on top of the image **/
	}
	#content 
    	{
		width: 100%;
		border: none;
		position: absolute;
		top: 260px;
		left: 20px;
		text-align:left;
		font-family: arial, helvetica, sans-serif;
		font-size: 10pt;
   	} 
	#left_panel
       {
		width: 500px;
    }
	#right_panel
       {
		position: absolute;
		top: 62px;
		left: 520px;
		border-left: solid 1px #e9e9e9;
		padding-left: 20px; 
	}			
	#more_info
	{
		text-align: center;
	}

/* Navigation menu styling */			 
	#menu
	{
		background-color: #d9e2eb;
		position:absolute; 
		width: 790px;
		border: none;
		margin: 0;
		top: 110px;
		left:0px;
		height: 30px;
		font-size: 10.5pt;
		text-align: center;
	}
    #menulist  
	{ 
		margin: 0 0 0 0;
		padding: auto;
		width: 780px;
		list-style: none;
    }
	#menulist li  
	{ 
		margin: 0px;
		padding-top: 5px;
		float: left;		
	} 
 	#menulist a  
	{ 
		padding-top: 0px;
		float: left;
		color: #5788d6;
		text-decoration: none;
		/* the following four items determine the menu spacing: padding is for variable width, width & text-align are for fixed width menu items*/
		padding-left: 15px;
		padding-right: 15px;
		/*width: 155px;*/
		/*text-align: center;*/
	}
	#menulist a:link, #menulist a:visited  
	{ 
		color: #5788d6;
	} 
	#menulist a:hover  
	{ 
		background: #5788d6;
		color: #ffffff;
		border: 1px solid #5788d6;
	}
	/* This specific class is to enable the links to have a right border, without creating one for the very last link */ 
	.menuitem 
	{ 
		border-right: 1px solid #5788d6;
    }
	.lastmenuitem 
	{
	}
	.current
       {
          font-weight: bold;
          color:#008800; 
    }

/* popup layers */

	.hidden
	{
		display:none;
	}