/* CSS Document (c) in2orbit design 2010 */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

body#tinymce {padding:10px;} 

/* Font styles */

#centre h1,#centre h2,#centre h3,#centre h4,#centre h5,#centre h6
{
	margin:0px;
	padding:0px 20px 1em 0px;
	font-weight: normal;
	line-height: 1.2em;
	color: #808080;
}

#centre p
{
	margin:0px;
	padding:0px 20px 1em 0px;
	font-weight: normal;
	line-height: 1.4em;
	color: #3f3f3f;
}

#centre ul,#centre ol
{
	margin:0px;
	padding:0px 0px 1em 20px;
	font-weight: normal;
	line-height: 1.4em;
	color: #3f3f3f;
}

h1
{
	font-size: 20px;	
}

h2
{
	font-size: 18px;
}

h3, h1 .subtitle
{
	font-size: 16px;
}
	#centre .box h3 {font-weight:bold; font-size:18px; color:#000; padding: 8px; margin: 0px; width: 60%; line-height:1em;}
	#centre .box-small h3 {font-weight:bold; font-size:14px; color:#000; padding: 8px 6px 6px 6px; margin: 0px; width: 60%; line-height:15px;}

h4
{
	font-size: 14px;
}
	#centre .emergency h4 {font-weight:bold; font-size:17px; color:#000; padding:0px;}

h5
{
	font-size: 11px;
}

h6
{
	font-size: 9px;
}

p, li
{
	font-size: 14px;
}
	#centre .box p {color:#fff; padding:0px 8px 0px 8px;line-height: 20px; margin: 0px; font-size:14px;}
	#centre .box ul {color:#fff; padding:0px 8px 0px 23px;margin: 0px;}
	#centre .box ul li {color:#fff; padding:0px; line-height: 20px; margin: 0px; font-size:14px;}
	#centre .box strong {color:#000;}
	#centre .box a {color: #fff; padding: 0px; margin:0px;}
	#centre .box a:hover {color: #000; text-decoration:none; padding: 0px; margin:0px;}
	#centre .box-small p {color:#fff; padding:0px 6px 0px 6px;line-height:15px; margin: 0px; font-size:14px;}
	
	#centre .box p.button 
	{
		clear: both;
		padding:8px; 
		margin:0px;
		text-transform:uppercase;
		font-size:10px;
	}
	
		#centre .box p.button a 
		{
			color:#fff; 
			background: url(images/icon_button.png) no-repeat right center;
			text-decoration:none;  
			padding: 5px 2px 5px 8px; 
			display:block;
			 line-height: 1.4em;
			border-radius: 5px;
			-moz-border-radius: 5px; /* firefox ext */
			-webkit-borderradius: 5px; /* safari & chrome ext */
		}
			#centre .box p.button a:hover
			{
				color:#fff; 
				background: url(images/icon_button_over.png) no-repeat right center;
				text-decoration:none;  
				padding: 5px 2px 5px 8px; 
				display:block;
				 line-height: 1.4em;
				border-radius: 5px;
				-moz-border-radius: 5px; /* firefox ext */
				-webkit-borderradius: 5px; /* safari & chrome ext */
			}
			
	#centre .box-small p.button 
	{
		clear: both;
		padding:8px 6px 8px 6px; 
		margin:0px;
		text-transform:uppercase;
		font-size:9px;
	}
	
		#centre .box-small p.button a 
		{
			color:#fff; 
			background: url(images/icon_button-small.png) no-repeat right center;
			text-decoration:none;  
			padding: 5px 2px 5px 8px; 
			display:block;
			 line-height: 1em;
			border-radius: 5px;
			-moz-border-radius: 5px; /* firefox ext */
			-webkit-borderradius: 5px; /* safari & chrome ext */
		}
			#centre .box-small p.button a:hover 
			{
				color:#fff; 
				background: url(images/icon_button-small_over.png) no-repeat right center;
				text-decoration:none;  
				padding: 5px 2px 5px 8px; 
				display:block;
				 line-height: 1em;
				border-radius: 5px;
				-moz-border-radius: 5px; /* firefox ext */
				-webkit-borderradius: 5px; /* safari & chrome ext */
			}
			

#centre a {color:#ef3f38; text-decoration:none;}
#centre a:hover {color:#ef3f38; text-decoration:underline;}


/* Navigation styles */

/* remove all the bullets, borders and padding from the default list styling */
#centre #navigation ul {padding:0px;margin:0px;list-style-type:none;}
#centre #navigation ul ul {width:94px;padding:0px;margin:0px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#centre #navigation li {float:left;width:94px;position:relative;padding:0;margin:0px 0px 0px 2px;}
/* style the links for the top level */
#centre #navigation a, #centre #navigation a:visited {display:block;font-size:10px;text-decoration:none; color:#fff; width:78px; height:30px; background:#808080; padding:5px 7px 0px 8px;
	line-height: 1.2em;
	text-transform:uppercase;
	margin: 10px 0px 2px 0px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		-moz-border-radius: 6px 6px 0px 0px;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #centre #navigation a, * html #centre #navigation a:visited {width:94px; w\idth:78px;}

/* style the second level background */
#centre #navigation ul ul a.drop, #centre #navigation ul ul a.drop:visited {background:#808080;}
/* style the second level hover */
#centre #navigation ul ul a.drop:hover{background:#ef3f38;}
#centre #navigation ul ul :hover > a.drop {background:#ef3f38;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#centre #navigation ul ul {visibility:hidden;position:absolute;height:0;top:46px;left:-4px; width:94px; border:2px solid #fff;}
/* another hack for IE5.5 */
* html #centre #navigation ul ul {top:45px;t\op:46px;}

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

/* style the second level links */
#centre #navigation ul ul a, #centre #navigation ul ul a:visited {background:#808080; color:#fff; height:auto; line-height:1.2em; padding:5px 2px 5px 8px; width:179px; margin:0px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-radius: 0px;}
/* yet another hack for IE5.5 */
* html #centre #navigation ul ul a, * html #centre #navigation ul ul a:visited {width:189px;w\idth:179px;left: -6px; l/eft:-4px;}

/* style the top level hover */
#centre #navigation a:hover, #centre #navigation a.nav-selected, #centre #navigation a.nav-section-selected {color:#fff; background:#ef3f38; height:40px; margin: 0px 0px 2px 0px;}
#centre #navigation ul ul a:hover, #centre #navigation ul ul a.nav-selected {color:#fff; background:#ef3f38; height:auto; margin:0px;}
#centre #navigation :hover > a {color:#fff; background:#ef3f38; height:40px; margin: 0px 0px 2px 0px;}
#centre #navigation ul ul :hover > a {color:#fff; background:#ef3f38; height:auto; margin:0px;}

/* make the second level visible when hover on first level list OR link */
#centre #navigation ul li:hover ul,
#centre #navigation ul a:hover ul{visibility:visible; }



#centre #footer ul
{
	padding: 7px 0px 0px 0px; 
	margin: 0px;
	line-height: normal;
	border-top:1px solid #808080;
}

#centre #footer ul li
{
	padding: 0px 20px 0px 0px;
	margin: 0px;
	list-style-type: none;
	font-size:9px; 
	display: inline;
	line-height: 1.2em;
	color: #3f3f3f;
}

#centre #footer ul li a
{
	text-decoration: none;
	color: #3f3f3f;
	padding: 0px;
	margin: 0px;
}

#centre #footer ul li a:hover, #centre #footer ul li a:active
{
	text-decoration: none;
	color: #fff;
	padding: 0px;
	margin: 0px;
}

	#centre #footer h3
	{
		font-size:11px;
		text-decoration:none; 
		color:#fff; 
		height:20px; 
		width:305px; 
		background:#808080; 
		padding:5px 7px 0px 8px;
		line-height: 1.2em;
		text-transform:uppercase;
		margin: 0px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		-moz-border-radius: 6px 6px 0px 0px;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
	}
	
	#centre #footer h3 strong
	{
		font-size: 12.5px;
		padding: 0px 1px 0px 2px;
		color: #ffdd14;
	}

#centre td p {padding:2px 0px 2px 0px;}
.text_field {width:275px; float:right; border: 1px solid #808080; padding:5px; margin: 2px 0px 2px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
input.button {font-size:10px;
	text-decoration:none; 
	color:#fff; 
	background:#808080; 
	padding:8px 3px 8px 3px;
	text-transform:uppercase;
	margin: 1px 0px 0px 3px;
	border:none;
	width: 80px; font-family:Arial, Helvetica, sans-serif; 
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		-moz-border-radius: 0px 0px 6px 6px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px; float:right;}
	input.button:hover {background:#ef3f38;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}