/* Global css is the absolute default css. The Document structure is outline below. */
/* The document is clearly structured. If you are adding a new section the please ensure all spellings are consistent between the structure and the section comments */
/* GLOBAL CSS - standard settings for any website */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* STRUCTURE (nb		: you can use a "find" search on any of the sections below prefixed with a flag ["="] (eg		: "=GENERAL LAYOUT")
++++++++++++
	GENERAL LAYOUT
	NAVIGATION
	TYPOGRAPHY
	FORMS
	COMMON SITE SECTIONS
	USEFUL CLASSES
	FIXES
*/



/* ####################################### */
/* ########### =GENERAL LAYOUT ########### */
/* ####################################### */

body {
	margin				:	0;
	padding				: 	0px 0px 20px 0px;
	border				: 	0px;
	background			: 	#ccc;
}

.e-wrapper {
	width				: 	100%;
	margin				: 	0;
	padding				: 	0;
}
	
.e-shell {
	width: auto;
	margin: 0 auto;
}


/* forces foot to clear content */
.e-foot {
	clear				: 	both;
}

.e-foot-post {
	clear				: 	both;
}


/* Rules for wrapping div's */

.a-shell {
	width: 100%;
	clear: both;
}






.e-head-pre,
.e-head,
.e-navigation-primary,
.e-body,
.e-inner-foot {
width: 938px;
padding-left: 20px;
margin: 0 auto; 

}




/* DEFAULT HIDE (elements that should be hidden by default)
------------------------------------------------------------ */

.e-hrc-left, 
.e-hrc-right, 
.e-frc-left, 
.e-frc-right,
.e-rounded-block-head,
.e-rounded-block-foot {
	display				:	none;
}


/* HEADER
------------------------------------------------*/

/* LOGO */

#site-logo {
	position: absolute;
	top: 45px;
	/*top: 15px;*/
	left: 15px;
	width: 150px;
	height: 54px;

}


#site-logo {
	background: url(/images/web_logo.png) no-repeat top left;
	/*background: url(/images/festive_logo.png) no-repeat top left;*/

	text-indent: -9999px; 
	border: 0;
	padding: 0;
	margin: 0;
	min-width: 200px;
	min-height: 80px;
}

#site-logo a:link,
#site-logo a:visited {
	display: block;
	width: 100%;
	height: 100%;
}





/* BODY LAYOUT
------------------------------------------------------ */





/* FOOTER
------------------------------------------------------ */








/* ####################################### */
/* ############# =NAVIGATION ############# */
/* ####################################### */

/* GENERAL FIXES
------------------------------------------------*/

/* htc hack from IE dropdowns */
body { 
	behavior			:	url("/r/css/csshover_optimised.htc") !important; 
}


/* PRIMARY NAV
------------------------------------------------*/

.e-navigation-primary {
	height				: 	2.5em;
	clear				: 	both;
}


/* TOP LEVEL */

ul.pri-nav {
	position			: 	relative; 
	padding				: 	0;
	margin				: 	0;
	list-style			:	none;
	z-index				:	100;		
}

ul.pri-nav li {
	position			: relative;
	float				: 	left;
	line-height 		:	2.5em;
	list-style			: 	none;
}

ul.pri-nav li a:link,
ul.pri-nav li a:visited {
	height				: 	auto;
	width				: 	auto;
	display				: 	block;
	text-decoration		: 	none;
	text-align			: 	center;
	padding				:	0 2em;
}


/* SUB LEVEL */

ul.pri-nav ul {
	visibility			: 	hidden;
	position			:	absolute;
	top					:	auto;
	left				: 	0;
	margin				: 	0;
	padding				:	0; /* possibly remove the 1px (i put here to remove 1px overlap over dropdown on primary level */
	width				: 	inherit;
	z-index				: 	9990;
}


ul.pri-nav ul li {
	float				: 	none ; /* don't remove this */
	margin				: 	0;
	white-space			:	nowrap;	
}

ul.pri-nav ul li a:link,
ul.pri-nav ul li a:visited {
	width: auto;
	height: 1%;
	margin				: 	0;
	font-size			: 	1em;
	font-weight			: 	normal;
	border				:	0;
}


/* DROP DOWN ACTIVATION */

/*ul.pri-nav li:hover ul,
ul.pri-nav li:focus ul,
ul.pri-nav li:active ul {
	visibility			: 	visible;
	z-index				: 	9999;
	cursor				: 	pointer;
}

ul.pri-nav li a:hover ul,
ul.pri-nav li a:focus ul {
	visibility			: 	visible;
	cursor				: 	pointer;
	z-index				: 	9999;
}*/













/* colors and styling...etc */

ul.pri-nav li a:hover,
ul.pri-nav li a:focus {
}

ul.pri-nav ul a:link,
ul.pri-nav ul a:visited {
	display				: 	block;
	text-align			: 	left;
}

ul.pri-nav ul a:hover,
ul.pri-nav ul a:focus {

}



/* NAVIGATION-TOP
------------------------------------------------*/

.e-navigation-top ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.e-navigation-top ul li {
	float: left;
	padding-right: 0.8em;
/*	border-right: 1px solid #fff;*/
	background: url(/r/i/separator-white.gif) no-repeat right center;

}

.e-navigation-top ul li.last {
	padding: 0;
	border: 0;
	background: 0;
}




/* ####################################### */
/* ############# =TYPOGRAPHY ############# */
/* ####################################### */

/* GENERAL
------------------------------------------------*/
body {
	font-family			:	sans-serif;
	font-size			: 	75%;
	color				: 	#333;
	line-height			: 	1.8em;
}


/* Standard suitable margins */
h1, h2, h3, h4, h5, h6, p, ul, blockquote {
	margin				: 	0 0 0.6em 0;		
}

p {
	font-size			: 	100%;
	margin-bottom		: 	0.7em;
}

/* HEADERS
------------------------------------------------*/

h1 { font-size: 3em;}
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; font-weight: bold;} 
h6 { font-size: 1em; font-weight: bold; }



/* RULES TO SEPERATE HEADERS AND PARAGRAPHS
------------------------------------------------*/

h4 + p {
	margin-top			: 	1em;
}

p + h4,
table + h4,
ul + h4 {
	margin-top			: 	1.5em;
}

table + p {
	margin-top			: 	1em;
}
	



/* GENERIC LINK CLASSES
---------------------------------------------------------------*/
a {
	text-decoration		: 	none;
}

a:link, a:visited {

}

a:hover, a:focus {
	text-decoration		: 	underline;
}


/* MISC
------------------------------------------------*/
	
strong, b {
	font-weight			: 	bold;
}
	
em, i {
	font-style			:	italic;
}
	
code {
    font-family			: 	"Courier New", Courier, monospace;
    font-size			: 	1em;
    white-space			: 	pre;
	color				: 	#cc0000;
	line-height			: 	1.5em;
}	

pre {
	font-family			: 	monospace;
	font-size			: 	1.0em;
}

ul {
	list-style			: 	square;
	padding				: 	0;
	margin				: 	0 0 0.6em 2em;
}

/* creates image replacement for ">>" character */

.chevron {
	background			: 	transparent url(/r/i/chevron.gif) no-repeat 0 50%;	
	display				: 	list-item;
	float				: 	left;
	list-style			: 	none;
	margin				:	0;
	padding-right		: 	0.8em;
	text-indent			: 	10px;
}




/* ####################################### */
/* ################ =FORMS ############### */
/* ####################################### */

/* THIS SECTION IS TEMPORARY */

/* LOGIN
------------------------------------------------*/

.e-login {
	margin-bottom		: 	10px;
}

.e-login .f-block {
	clear				:	both;
	height				:	20px;
	margin				:	5px 0pt !important;
	padding				:	0pt !important;
}

.e-login label {
	float				: 	left;
	width				: 	40%;
}

.e-login input {
	float				: 	right;

}

.e-login .f-pwd-submit input {
	width				: 	94px;
	padding				: 	1px;
}

























/* ####################################### */
/* ######## =COMMON SITE SECTIONS ######## */
/* ####################################### */

/* NEWS
------------------------------------------------*/


.e-panels-news .tags {
	font-size			: 	0.9em;
}

.e-panels-news .tags ul {
	margin				: 	0;
	padding				: 	0;
	clear				: 	both;
	float				: 	right;
}

.e-panels-news .tags ul li {
	float				: 	left;
	margin-right		: 	20px;
}

.e-panels-news .tags ul li a {

}

/* SITEMAP
------------------------------------------------*/

#sitemap ul {

	background: url(/r/i/modules/sitemap/vline.png) repeat-y;
	margin: 0; 
	padding: 0;
}

#sitemap ul li {
	list-style: none;
}


#sitemap ul ul {
	margin-left: 10px;
}

#sitemap ul li {
	margin: 10px 0 0 0; 
	padding: 0 12px; 
	line-height: 20px; 
	background: url(/r/i/modules/sitemap/node.png) no-repeat; 
}

#sitemap ul li:last-child {
	background: url(/r/i/modules/sitemap/lastnode.png) no-repeat;
}

#sitemap ul li a {

}	

#sitemap ul li a:hover {

}	

#sitemap ul li ul li a {

}

#sitemap ul li ul li a:hover {

}

#sitemap ul ul li {
	margin-top: 5px;
	margin-bottom: 8px;

}

#sitemap .sub-title {
	padding-left: 5px;
	color: #333;
	font-weight: normal;
}


/* ACCESSIBILITY
------------------------------------------------*/

table.accessibility {
	color: #333;
}


table.accessibility th,
table.accessibility td {
	padding: 1% 2%;
}



table.accessibility th {
	font-weight: bold;
	border: 1px solid #02BCFF;
	color: #000;
	background: #FFFFCE;
}

table.accessibility tr td {
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
} 
	

table.accessibility tr td.key {
	width: 21%;
}

table.accessibility tr td.page {
	width: 71%;	
}










/* ####################################### */
/* ########### =USEFUL CLASSES ########### */
/* ####################################### */


/* TYPOGRAPHY
------------------------------------------------*/
.strong {
	font-weight			: 	bold;
}

.italtic {
	font-style			: 	italic;
}

.underlined {
	text-decoration		:	underline;
}

.allcaps {
	text-transform		: 	capitalize;
}

.smallcaps {
	font-variant		:	small-caps; 
}

.uppercase { 
	text-transform		: 	uppercase; 
}

.lowercase {
	text-transform		: 	lowercase; 
}

.hint {
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
}

/* COLOR
------------------------------------------------*/

.red {	
	color: red;
}

.spirit-orange {
	color: #FF954C;
}






/* ####################################### */
/* ################ =FIXES ############### */
/* ####################################### */

/* IE6 PNG FIX - ( DO NOT ) add common tags here */
.png { 
	behavior: url(/r/css/iepngfix.htc); 
}	

.print-logo,
.print-headers {
	display: none;
}


/* IE6 PNG FIX - END * /