html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top
}


/* Remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	color:#000;
	background:white;
	line-height:1.5;
	font-family: arial, helvetica, sans-serif; 
	font-size:76%; /* equivalent to 12px */
	}

/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:collapse;border-spacing:0;}
address, caption, cite, code, dfn, em, th, td, var{font-style:normal;font-weight:normal;}
caption, th, td {text-align:left;}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
abbr,acronym {border:0;}
img, fieldset, abbr,acronym {border:0;}
.hide {display:none;}
img {border:0;}

/*text*/
h1, h2, h3, h4, h5, h6, p, ol, ul {text-align:left;line-height:1.5em;}

h1 {color: #333; font-size: 2em; font-weight: normal; font-family: "Myriad Pro", Verdana, Arial, Helvetica, Sans-serif;padding-bottom: .5em;} /* main heading, very dark grey, 24px */
h2 {color: #333; font-size: 1.6em; font-weight: normal; font-family: "Myriad Pro", Verdana, Arial, Helvetica, Sans-serif;} /* very dark grey , 18px, front page */
h3 {color: #545454; font-size: 1.1em; font-weight: bold; font-family: Verdana, Arial, Helvetica, Sans-serif; padding-bottom: 5px;} /* very dark grey, 17px, front page */
h4 {color: #545454; font-size: .9em; font-weight: bold; font-family: Verdana, Arial, Helvetica, Sans-serif; padding-bottom: .6em;} /* dark  blue for side nav heading */
h5 {color: #263666; font-size: 1em; font-weight: bold;} /* dark blue for paragraph headding */
h6 {color: #fff; font-size: 1em; font-weight: bold; padding-top: 5px; padding-left: 3px;} /* white for additional info heading */

p {color: #000; font-size: 1em; padding-bottom: 1em;}

p.important						{font-size: .9em; font-weight: bold;}
strong {font-weight: bold;}
em { font-style:italic;}
.xsmallfont {font-size: .8em;}
.smallfont	{font-size: .9em;}
.largefont	{font-size: 1.1em;}
.xlargefont	{font-size: 1.2em;}

h1.currentvacancies {width:550px;}

/*lists*/
ol,ul {color: #666;}
ul {}
ol {margin:0 0 20px 20px; }
ol li {margin-bottom:10px;}
/*links*/
a {color: #3399cc; text-decoration: underline; /*font-size: .9em;*/} /* light blue */
a:link, a:active {color: #3399cc; text-decoration: underline;}
a:visited {color: #004990; text-decoration: underline;} /* dark blue */
a:hover {color: #CC6600; text-decoration:underline;} /* orange */
a,a:link,a:hover,a:visited,a:active
{
	cursor:pointer;cursor: hand;
}
p a {font-size: 1em;}

.globallinks li a, .globallinks li a:link, .globallinks li a:active, .globallinks a:visited {color:#666; text-decoration: underline; font-size: 1em;}
.globallinks li a:hover		{color: #CC6600; text-decoration:underline;} 

.mainnav li a {color: #666; text-decoration: none; font-size: 1em;} 
.mainnav li a:link, .mainnav li a:active, .mainnav li a:visited, .mainnav li a:hover  {color: #666; text-decoration: none;} 

.subnav li a, .subnav li a:link, .subnav li a:active, .subnav li a:visited {color: #666; text-decoration: none; display: block; padding: 6px 0; font-size: .9em; width: 140px;} 
.subnav li a:hover {background-color: #E6E2BF; display: block;}
.subnav li a#selected {color: #000; background: #E6E2BF/*#FFFDDF*/; font-weight: bold;}

ul.static li {color: #666; text-decoration: none; display: block; padding: 6px 0; font-size: .9em; width: 140px;}
ul.static li#selected {color: #000; background: #E6E2BF; font-weight: bold;}

.footer li a, .footer li a:link, .footer li a:active, .footer li a:visited {color:#666; text-decoration: none; font-size: 1em;}
.footer li a:hover		{color: #CC6600; text-decoration:underline;} 

/*forms*/
form {}
fieldset {}
label {}
legend {}

em.required {color:Red;font-weight:bold; padding-right: 3px;}
em.requiredp {color:Red;font-weight:normal; padding-right: 3px; font-size:.8em}

div.clearer {clear:both;font-size:0pt;height:0pt;line-height:0pt;}

.nopadding {padding: 0px !important;}

.nowrap {white-space:nowrap;}

/* -----------------------------------*/
/* >>>>>>>>>>>>> Header <<<<<<<<<<<<<<<<-*/
/* -----------------------------------*/ 
.header {
	height: 75px;
	float: left;
	width: 100%;
	}
.header h1 
{
	background: transparent url('../images/header/MarramLogo.gif') no-repeat left top;
	float: left;
	display: block;
	height: 61px;
	text-indent: -9999px;
	width: 251px;
	margin: 8px 0 0 8px;
}
.header h1 a {display: block; height: 61px; width: 251px;}

.globallinks ul 
{
	float: right;
	list-style-type: none;
	margin-right: 12px;
	margin-top: 15px;
}
.globallinks li {	display: inline;}
.globallinks li a {	display: inline;background-color:#f4f4f4;padding:3px 10px ;border:1px solid #e7e7e7;text-decoration:none;float:left;padding:6px 10px;}
.globallinks li.welcomeMsg{padding:6px 5px;display:block;float:left;}
#globallinkLogin, #globallinkLogout, #globallinkLogout:hover {text-decoration:none; background-color:#e9e6b3; color:#666; font-size:0.9em; font-weight:bold;}
#globallinkLogin:hover, #globallinkLogout {background-color:#d7d5d5; color:#484848;}

.infoContact 
{
    float:right;
    clear:right;
    padding:0;
    margin-top:10px;
    margin-right:10px;
    font-size:0.9em;
}

/* -----------------------------------------------*/
/* >>>>>>>>>>>>> Sub navigation <<<<<<<<<<<<<<<<-*/
/* -----------------------------------------------*/ 
.subnav {
	width: 140px;
	float: left;
	padding: 0px 10px 0;
}

.subnav ul {
	list-style-type: none;
}
.subnav li {
	border-bottom: 1px dotted #333;
}
* html .subnav 
{
    margin-right:-10px;
}

/* -----------------------------------------------*/
/* >>>>>>>>>>>>> Content / container <<<<<<<<<<<<<<<<-*/
/* -----------------------------------------------*/ 
.contentcontainer {
	background: #f5f4f4 url('../images/navigation/SubNavBG.gif') repeat-y left top;
	float: left; 
	width: 100%; 
}
.contentfloater {
	float: left; 
	width: 100%;
}
.content {
	margin-left: 170px;
	padding: 0px 20px 0;
	}
	
/* -----------------------------------------------*/
/* >>>>>>>>>>>>> Footer links <<<<<<<<<<<<<<<<-*/
/* -----------------------------------------------*/ 
.footer li  
{
	display: inline;
	border-right: 1px solid #666;
	padding: 0 5px; 
}
.footer li.footerlast {border: none;}

/* -----------------------------------------------*/
/* >>>>>>>>>>>>> Layout bits <<<<<<<<<<<<<<<<-*/
/* -----------------------------------------------*/ 
.section30 {
	float: left;
	padding-right: 2%; 
	width: 31%; 
	}
	
#copymain ul
{
    list-style-type:disc;
    margin-left:15px;
}

#copymain h2 {padding-bottom:0.25em;}
#copymain h3 {padding-top:1em;}
#copymain p {padding-bottom:1em;}

#copymain {color:#666;}

h3.contactHistory {clear:left; padding:20px 0 15px;}
.contactHistory .useraction {padding-bottom:16px;}

/* member workbench contact details - key */
.key {float:right; padding: 0 14px 6px 0;}
.key .item {float:left; padding-right:6px;}
.key .colour {width:40px; height:40px; float: left;}
.key p {padding:10px 0 0 4px; float:left;}
.keyContact .colour {background:#EFEFE0;}
    
  
/*.admin .prompt  {border:1px solid #ffd100;width:300px;}*/