/* --------------------- EMPLOYEE VOLUNTEERING STYLE SHEET ----------------------- */


/* --------------------- MAIN CONTENT----------------------- */

* {
border: 0px;
}

.page {
	width: 800px;
	text-align: left;
	margin: 10px auto 0 auto;
	background-color: #CCC;
	}


body {
	background-image: url('http://www.claritygroup.co.uk/images/bg.jpg');
	background-repeat: repeat-x;
	text-align: center;
}

td {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal; 
	}

p {  font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #666;
	line-height: 1.5em;
	padding: 0px;
	margin: 0px;
	}
.tel {
font-size: 1.25em;
color: #CCC;
float: right;
}

.door { 
float: left;
}

.tab {
width: 210px;
}

.attend td {
border: 1px solid #fff;
background-color: #D6DBE6;
width:200px;
}
/* --------------------- HOME ----------------------- */	

#home {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	text-align: left;
color: #CCC;
width: 60px;
	}

#home a:link {  
	color:#CCC;
	text-decoration:none;
	padding: 2px 0 2px 20px;
	background-image: url('http://www.claritygroup.co.uk/images/icon_home.gif');
	background-repeat: no-repeat;
	background-position: 0;
	border:0;
}

#home a:hover {
	color: #FFF; 
	text-decoration: underline;
	padding: 2px 0 2px 20px;
	background-image: url('http://www.claritygroup.co.uk/images/icon_home_f2.gif');
	background-repeat: no-repeat;
	background-position: 0;
	border:0;

	}
	
#home a:visited {  
	color: #CCC;
	text-decoration: none;
	padding: 2px 0 2px 20px;
	background-image: url('http://www.claritygroup.co.uk/images/icon_home.gif');
	background-repeat: no-repeat;
	background-position: 0;
	border:0;
	}
	
/* --------------------- CONTACT ----------------------- */	

#contact {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	color: #CCC;
	text-align: left;
	}

#contact a:link {  
	color:#CCC;
	text-decoration:none;
	border:0;
	padding: 2px 0 2px 20px;
	background-image: url('http://www.claritygroup.co.uk/images/icon_contact.gif');
	background-repeat: no-repeat;
	background-position: 0px;
}

#contact a:hover {
	color: #FFF; 
	text-decoration: underline;
background-image: url('http://www.claritygroup.co.uk/images/icon_contact_f2.gif');
	background-repeat: no-repeat;
padding: 2px 0 2px 20px;
background-position: 0px;
	}
	
#contact a:visited {  
	color: #CCC;
	text-decoration: none;
	padding: 2px 0 2px 20px;
	background-image: url('http://www.claritygroup.co.uk/images/icon_contact.gif');
	background-repeat: no-repeat;
	background-position: 0px;
	}

/* --------------------- HEADERS ----------------------- */
	
h1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #E38D25; 
	line-height: 20px; 
	margin-top: 8px; 
	margin-right: 0px;
	margin-bottom: 10px; 
	margin-left: 25px; 
	padding-bottom: 10px; 
	padding-top: 6px;
	
	}

	
#gallery h1 { 
padding: 0px;
	}

h2 { 
	display:inline; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: black; 
	text-decoration: none; 
	text-transform: capitalize; 
	line-height: 16px; 
	margin-top: 15px; 
	margin-right: 0px; 
	margin-bottom: 10px; 
	margin-left: 0px; 
	}

#employee_training h2 a {
text-decoration: none;
}

h3 { 
	display:inline; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #88B926; 
	text-decoration: none; 
	line-height: 18px; 
	margin-top: 15px; 
	margin-right: 0px; 
	padding-bottom: 25px; 
	margin-left: 0px; 
	}

h4 { 
	display:inline; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #88B926; 
	text-decoration: none; 
	line-height: 18px; 
	margin-top: 15px; 
	margin-right: 0px; 
	padding-bottom: 25px; 
	margin-left: 0px; 
	}
	
h5 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	color: #FFF; 
	line-height: 20px; 
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}	

#community_projects h2 {
padding: 0 0 0px 10px;
}


/* --------------------- STANDARD LINKS ----------------------- */

a:link {  
	color: #462682; 
	text-decoration: none;
	}

a:hover {  
	color: #88B926; 
	text-decoration: none;

	}
	
a:visited {  
	color: #462682; 
	text-decoration: none;
	}


/* --------------------- MAIN NAVIGATION ----------------------- */
#sitenav {
	width: 100%;
	margin: 0px;
	padding: 0px;
	display:block;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

#sitenav li { width: 114px;
	height: 52px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
	}

#sitenav li a {
	background-image: url('http://www.claritygroup.co.uk/images/navigation_site.jpg');
	background-position: -248px 0px;

	background-repeat: no-repeat;
	width: 100%;
	height: 34px;
	display: block;
	padding: 18px 0 0 0;
	background-color: black;
	color: #FFF;
	}


#sitenav li a:hover {

	background-position: -248px -61px;
	padding: 10px 0 0 0;
	height: 42px;
	}

#about #sitenav #nav_about {
	background-position: -248px -121px;
	padding: 10px 0 0 0;
	height: 42px;
	}

#leadership_management #sitenav #nav_leadership_management {
	background-position: -248px -121px;
	padding: 10px 0 0 0;
	height: 42px;
	}

#communication #sitenav #nav_communication {
	background-position: -248px -121px;
	padding: 10px 0 0 0;
	height: 42px;
	}

#personal_development #sitenav #nav_personal_development {
	background-position: -248px -121px;
	padding: 10px 0 0 0;
	height: 42px;
	}

#coaching_mentoring #sitenav #nav_coaching_mentoring {
	background-position: -248px -121px;
	padding: 10px 0 0 0;
	height: 42px;
	}


#business_performance #sitenav #nav_business_performance {
	background-position: -248px -121px;
	padding: 10px 0 0 0;
	height: 42px;
	}


#hm_forces #sitenav #nav_hm_forces {
	background-position: -248px -121px;
	padding: 10px 0 0 0;
	height: 42px;
	}

#index #sitenav {
	width: 100%;
	margin: 0px;
	padding: 0px;
	display:block;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#index #sitenav li { 
	width: 114px;
	height: 52px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
	}

#index #sitenav li a {
	background-image: url('http://www.claritygroup.co.uk/images/navigation_index.jpg');
	background-position: -248px 0px;
	background-repeat: no-repeat;
	width: 100%;
	height: 34px;
	display: block;
	padding: 18px 0 0 0;
	background-color: #CCC;
	color: #FFF;
	}

#index #sitenav li a:hover {
	background-position: -248px -61px;
	padding: 10px 0 0 0;
	height: 42px;
	}

#index #sitenav #nav_business_focus { 
	background-position: -124px -0px;
	}

#index #sitenav a:hover#nav_business_focus { 
	background-position: -124px -61px;
	}

#index #sitenav #nav_community_partners {
	background-position: 0px 0px;
	}

#index #sitenav a:hover#nav_community_partners { 
	background-position: 0px -61px;
	}

#indextraining {
background-image: url('http://www.claritygroup.co.uk/images/index_tab_bg.jpg');
	background-repeat: no-repeat;
height: 170px;
}

#indextraining h2 {
color:#666;
font-size: 14px;
	padding: 27px 25px 25px 42px;
margin: 0px;
	background-image: url("http://www.claritygroup.co.uk/images/jigsaw.png");
	background-repeat: no-repeat;
	background-position: left;
line-height: 2.0em;
}
	
/* --------------------- WELCOME ----------------------- */
	
#welcomebackground {
	background-image: url('http://www.claritygroup.co.uk/images/index_header.jpg');
	background-repeat: no-repeat;
	height: 213px;
	background-position: top;
	}
	
#welcome {
	color:#666;
	line-height: 1.5em;
	font-size: 11px;
padding: 20px 330px 0 70px;
	}

#welcome a:link { 
padding: 1px;
margin: 1px;
background-color: #E38D25; 
	color:#FFF;
	}

#welcome a:hover {
	color: #FFF; 
padding: 1px;
margin: 1px;
background-color: #666; 
	text-decoration: none;
	}
	
#welcome a:visited {  
padding: 1px;
margin: 1px;
background-color: #E38D25; 
	color:#FFF;
	}

#welcome h1 {
font-size: 24px;
font-weight: normal;
color: #666;
padding: 0 0 0 0;
margin: 0 0 10px 0; 
 }



.welcome a:link { 
padding: 1px;
margin: 1px;
background-color: #E38D25; 
	color:#FFF;
	}

.welcome a:hover {
	color: #FFF; 
	padding: 1px;
	margin: 1px;
	background-color: #666; 
	text-decoration: none;
	}
	
.welcome a:visited {  
padding: 1px;
margin: 1px;
background-color: #E38D25; 
	color:#FFF;
	}

.welcome h1 {
	font-size: 18px;
	font-weight: normal;
	color: #E38D25;
	padding: 0 0 0 0;
	margin: 0 0 10px 0; 
 }

#vector {
	background-image: url("http://www.claritygroup.co.uk/images/vector_heading.jpg");
	background-repeat: no-repeat;
	background-position: 0px 10px;

	}	
	
#vectorline {
	background-image: url("http://www.claritygroup.co.uk/images/vector_line.jpg");
	background-repeat: no-repeat;
	background-position: 0px 10px;
background-color: #FFF;
	}	
	

#vectorfull {
	background-image: url("http://www.claritygroup.co.uk/images/vector_heading_full_page.gif");
	background-repeat: no-repeat;
	}		

/* --------------------- CONTENT ----------------------- */

.content {
	color: #666666;
	}

.content h2 a:link {  
	color: Black;
	padding: 0px;
	text-decoration: none;
	background: none;
	}

.content h2 a:hover {  
	color: Black;
	padding: 0px;
	text-decoration: underline;
	background: none;
	}

.content h2 a:visited {  
	color: Black;
	padding: 0px;
	text-decoration: underline;
	background: none;
	}

.content p a:link {  
	line-height: 9px;
	color:#E38D25;
	}

.content a:hover {
	color: #E38D25; 
	text-decoration: underline;
	}
	
.content a:visited {  
	color:#E38D25;
	padding: 0px;
	text-decoration: underline;
	}	
	
.content ul {
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	}

.content li {
	padding: 6px 0 0px 15px;
	line-height: 14px;
	list-style-type: none;
	background-image: url("http://www.claritygroup.co.uk/images/arrows.gif");
	background-repeat: no-repeat;
	background-position:  0 10px;
}

.indexul ul {
	margin: 0;
	padding: 0;
	}

.indexul li {
margin: 0 0 0 -15px;	
padding: 3px 0 0px 20px;
	line-height: 12px;
	list-style-type: none;
	background-image: url("http://www.claritygroup.co.uk/images/arrows.gif");
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

	
/* --------------------- BACKGROUND FILLS----------------------- */


.trainingbg { 
	background-image: url("http://www.claritygroup.co.uk/images/training_bg.jpg");
	background-repeat: repeat-x;
	}

/* --------------------- RIGHT HAND SIDE----------------------- */

.white {
	color: #fff;
	}	

.white a:link {  
	color:#FFFF00;
	margin: 20px 0 0 0;
	padding: 0px 0 0px 15px;
	background-image: url("http://www.claritygroup.co.uk/images/icon_arrows.gif");
	background-repeat: no-repeat;
	background-position: left;
	line-height: 2em;
	}

.white a:hover {
	color: #88B926; 
	text-decoration: underline;
	}
	
.white a:visited {  
	color: #88B926;
	text-decoration: none;
	}


/* this might make some images odd */
			
.header img{
	display:block;
	}
	

/* --------------------- SUB NAVIGATION ----------------------- */

#subnav { 
	color: #88B926;
	}

#subnav a:link {
	color: #CCCCCC;
	text-decoration: none; 
	}

#subnav a:hover {
	color: #88B926; 
	text-decoration: none; 
	}

#subnav a:active {
	color: #B3D371; 
	text-decoration: none; 
	}

#subnav a:visited {
	color: #CCCCCC;
	}
	
#leadership .leadership, #communication .communication, #personal .personal, #coaching .coaching, #business .business, #corporate .corporate, #volunteering .volunteering {
	color: #B3D371 !important;
	}	
	
	
/* --------------------- FORMS ----------------------- */
	
.form { 
	background-image: url("http://www.claritygroup.co.uk/images/contact_bg.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	}
	

form {
	margin: 0px 0px 10px 0px;
	}

label
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #666666;
	margin: 0 0 0 10px;
	text-align: center;
	}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #666666;
	border: 1px solid #999999;
	margin: 5px 0 5px 0;
	width: 280px;
	padding: 3px;
	}

#submit
	{
	margin: 0 10px 0 0;
	float: right;
	width: 103px;
	height: 22px;
	background-image: url(http://www.claritygroup.co.uk/images/submit.jpg) !important;
	border: 0px;
	cursor:pointer;
	overflow:hidden; 
	padding: 20px 0  0 0;
	}		

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

#footer {
background-color: #666;
	color: #E38D25;
}

#footer a:link {
	color: #CCCCCC;
	text-decoration: none; 
	}

#footer a:hover {
	color: #E38D25; 
	text-decoration: none; 
	}

#footer a:active {
	color: #FFCA51; 
	text-decoration: none; 
	}

#footer a:visited {
	color: #E38D25;
	text-decoration: none; 
	}	
	
.footerbar {
	background-color: #E38D25;
	height: 4px;
	}

.footergrey {
background-color: #666;
}	
	
#shadow	{
	background-image: url('http://www.claritygroup.co.uk/images/index_shadow.jpg');
	background-repeat: no-repeat;
	background-color: white;
	}
		
	
/* --------------------- COPYRIGHT ----------------------- */	

#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	color: #FFF;
	text-align: center;
	}

#copyright a:link {  
	color:#FFF;
	text-decoration:none;
	}

#copyright a:hover {
	color: #E38D25; 
	text-decoration: underline;
	}
	
#copyright a:visited {  
	color: #E38D25;
	text-decoration: none;
	}	

#download {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	color: #686895;
	text-align: left;
	}


.wherebg {
	background-image: url('http://www.claritygroup.co.uk/images/contact_where_bg.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	}

.address h2 {
font-size: 1.5em;
color: #FFF;}

.address p {
font-size: 0.7em;
color: #FFF;}