/* CSS Document */

/* Default link styles */
a,
a:link 
a:active {
   text-decoration: none;
   background-color: inherit; 
   color: #336699;
   font-weight:bold;
}

a:visited {
   text-decoration: none;
   background-color: inherit;
   color: #646D7E;
   font-weight:bold;/* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #35C72;
}

/* embed font 'Univers' into document */
@font-face {
	font-family: "Univers";
	src: url(http://www.cresentfiles.co.uk/web/fonts/Univers CE 45 Light.ttf) format("truetype");
}


/********************
CONTENT STYLING
*********************/
div#header p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	margin:0; /* some air around p elements */
}

/* MAIN MENU */
div#contact-links a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	color:#4b4b4b;	
}

div#contact-links a:hover {
	text-decoration:none;
	font-weight:lighter;
	color:#003366;
}
/*END MAIN MENU*/




/*  CONTENT TITLES */

/* Eg. Welcome */
div#content-titles h1 {
   font-family:Arial, Helvetica, sans-serif;	
   font-weight:bold;
   font-size:24px;
   line-height: 1em; 
   color:#336699;
   margin: 0;
}

/* Eg. Blue statement text underneath */
div#content-titles h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	line-height:1.5em;
	color:#336699;
	font-size: 18px; 
	text-align: left; 
	padding-left: 0em;
    padding-top:10px;
	padding-bottom: 10px;
	border-bottom:1px dashed #999999;
	border-top:1px dashed #999999;
    margin: 0 0 0 0;
}

/* END HEADINGS */




/* SIDEBAR - INDEX PAGE */
div#content-sidebar h1 {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:15px;
	font-weight:lighter;
	color:#666666;
}

div#content-sidebar h1 a {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:15px;
	font-weight:lighter;
	color:#666666;
}

div#content-sidebar h1 a:hover {
	text-decoration:none;
	color:#000000;
}

div#content-sidebar a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#646D7E;
	font-weight:bold;
}

div#content-sidebar a:hover {
	text-decoration:none;
	color:#336699;
}
/* END SIDEBAR - INDEX */




/*****************************
     MAIN CONTENT AREA 
*****************************/
div#content-area p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:lighter;
	color:#000000;
}

/* BOLD CONTENT TXT */
.content-area-bold {		
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000000;
}

/* BLUE CONTENT */
.content-area-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:lighter;
	color:#336699;
}

/* BIG BLUE HEADINGS */
.content-area-blue-big {		
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#336699;
}


/***** GALLERY TEXT *****/
/* TEXT UNDER LIGHTBOX */
div#content-gallery p {		
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	color:#000000;
}

/* smaller text under lightbox */
.content-gallery-sml {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:lighter;
	color:#000000;
}


/***********************
 	SIDE NAV TEXT 
 **********************/

/*sidenav - blue (shows current page) */
.side-nav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:1.25em;
	color:#336699;
}

/* sidenav grey links */
.side-nav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:1.25em;
	color:#646D7E;
}

/* sidenav grey links over state */
.side-nav a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:1.25em;
	color:#336699;
}

/* empty line with larger line height 
to ensure big enough gap between links */
.side-nav-empty-line {
	line-height:0.8em;
}


/***********
  SITE MAP 
***********/
/* Style to ensure that lists on site map pg sit side by side */
.mylist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	font-weight:lighter;
	margin-top:5px;
	margin-right:5px;
	width:240px;
	float:left;
}

.mylist a {
	color:#767576;
}

.mylist a:hover {
	color:#336699;
}

/* Blue headings used on SITE MAP page */
div#content-area h3 {		
	font-family:Arial, Helvetica, sans-serif;	
	font-size:18px;
	font-weight:bold;
	line-height:1.5em;
	text-align:left;
	color:#336699;
}

/* Blue headings used on SITE MAP page */
div#content-area h3 a {		
	font-family:Arial, Helvetica, sans-serif;	
	font-size:15px;
	font-weight:bold;
	line-height:1.5em;
	text-align:left;
	color:#336699;
}

/* SITE MAP HEADINGS ROLLOVER STATE */
div#content-area h3 a:hover {		
	font-family:Arial, Helvetica, sans-serif;	
	font-size:15px;
	font-weight:bold;
	line-height:1.5em;
	text-align:left;
	color:#000000;
}

/*Sml blue headings on site map */
.mylistheading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	font-weight:bold;
	margin-top:5px;
	margin-right:35px;
	width:210px;
	float:left;
}

.mylistheading a {
	color:#336699;
}

.mylistheading a:hover {
	color:#FFCC00;
}


/****************************************
			WORKSAFE STYLES - 
ensuring it is always in correct logo font
****************************************/
h4 .worksafe-title{
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:26px;
   line-height: 1em; 
   color:#000000;
   margin: 0;
}

.worksafe-title-blue {
	font-family:Arial, "Helvetica", sans-serif;
	font-weight:bold;
	line-height:1.5em;
	color:#336699;
	font-size: 18px; 
	text-align: left; 
	padding-left: 0em;
    padding-top:10px;
	padding-bottom: 10px;
    margin: 0 0 0 0;
}

/* On index page */
.worksafe-sidebar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000000;
}

.worksafe-sidebar a {
	background-color:#000000;
}

.worksafe-sidebar a:hover {
	text-decoration:none;
	color:#000000;
	font-size:20px;
}

.worksafe-sidebar-sml {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}


.worksafe-content-blue {		
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#336699;
}

.worksafe-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000000;
}

.worksafe-gallery  {		
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}

/* BLUE SIDE NAV TITLE */
.worksafe-side-nav {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:2em;
	color:#336699;
}

/* BLACK SIDE NAV LINKS */
.worksafe-side-nav-g {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:2em;
	color:#336699;
}
	 
/**********************
	END CONTENT 
**********************/


/* FOOTER */
div#footer-grey-area p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	color:#000000;
}

/* Bold Blue letters beside phone number etc */
.footer-boldblue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#003366;
}

div#footer-grey-area a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	color:#000000;
}

div#footer-grey-area a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	color:#336699;
}
/* END FOOTER */



/* TEXT */
p {
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.5em;
   padding: 0;
}

blockquote {
   /*border-left: 10px solid #ddd;*/
   margin-left: 10px;
}

em, i {
/* explicit setting for these */
   font-style:italic;
}


/*
pre {
   border: 1px solid #000; 
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}*/

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl, {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
   list-style-type:none;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */