﻿/*  
   Copyright Cardinus Risk Management Limited 2009 
   Description: Used for the homepage of the Cardinus site
   Author: J.White
   Template: cardinus.master
   Version: 1.1
 
=1 Global
=2 Links
=3 Headings
=4 Header
=5 Navigation
=6 Middle
=7 Form
=8 Footer
=9 Extras
=10 Tables
=11 Hacks
=12 styles for re-design pages 07/04/09

/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
     outline:none;
}
/* --------------------------------------------------------------------*/     
/* =1 Global ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
body{
    background-color:white;
	font-family:Verdana, Arial, sans-serif;
	font-size:90%;
	color:#585a58;
	background-image:url('../images/bkg1.jpg');
	background-position:0% 0%;
	background-repeat:repeat-x;
	}
html{}

#wrapper
{
    width:981px !important;
    height:auto;
    margin:0px auto 10px auto;
   padding:0px 0px 0px 0px;
    background-color:White;
    font-size:90%;
   
    }
ul
{
    display:block;
    margin:0px 0px 10px 25px;}
    
li{list-style-type:square;
   list-style-image:url('../images/blob.gif');
   font-size: 90%;
}

ol { display:block;
    margin-left:25px;}
p
{
    margin-bottom:15px;
    line-height:1.2em;}

.pace 
{
    margin:0px auto 0px 60px;}
  
/*table
{
    width:100%;
    border:none;}*/

/* --------------------------------------------------------------------*/
/* =2 Links--------------------------- */
/* --------------------------------------------------------------------*/
a 
{
  /*font-family:"Trebuchet MS", Verdana, Arial, sans-serif;*/
   font-family:Verdana, Arial, sans-serif;
	font-size:100%;
	color:#585a58;
	text-decoration:none;}
	
a:hover, a:visited:hover 
{
    text-decoration:underline;}


/* --------------------------------------------------------------------*/
/* =3 Headers ---------------------------------------------------------*/
/* --------------------------------------------------------------------*/
h1 {font-size:105%;
    font-weight:bold;
    color:#FC7E00;
    text-transform:uppercase;
    margin-bottom:10px;}
    
h2 {font-size:100%;
    font-weight:bold;
     color:#FC7E00;
     margin-bottom:8px;}
     
h3 {font-size:100%;
    font-weight:bold;
     color:#FC7E00;
     margin-bottom:8px;}
h4 {font-size:100%;
    font-weight:bold;
     color:#FC7E00;
     margin-bottom:8px;}
h5 {}

/* --------------------------------------------------------------------*/
/*  =4 head section--------------------------------------------------- */
/* --------------------------------------------------------------------*/
#topbox
{
    background-image:url('../images/topbox_bkg1.jpg');
	background-position:0% 0%;
	background-repeat:no-repeat;
	width:100% !important;
	height:113px !important;
	margin:0;
	padding:0;
	/*background-color:#feddbc;*/
	background-color:#E2DED8;
	font-weight:bold;
    }

#topnav
{
    margin:0;
    padding:0;
    }
.logo 
{
    margin:10px 10px 0px 0px;}

/* --------------------------------------------------------------------*/
/* =5 Navigation ------------------------------------------------------*/
/* --------------------------------------------------------------------*/

.topmenu
{
     margin-left:230px;
    }
.topmenuitem
{
    margin-top:70px;
   margin-left:15px;
    /*margin-left:5px;*/
    font-family:Verdana, Arial, sans-serif;
	font-size:90%;
	font-weight:bold;
	color:#585a58;}

.hoverstyle
{
    color:#585a58;
    text-decoration:underline;
}
.login
{
    font-family:Verdana, Arial, sans-serif;
	font-size:90%;
	font-weight:bold;
	color:#585a58;
	float:right;
	margin-right:5px;
	margin-top:3px;}
/*	
#midltmenu {}
#midltnavitem {}
/*

/*#ctl00_TreeView1t2, #ctl00_TreeView1t4, #ctl00_TreeView1t5, #ctl00_TreeView1t6, #ctl00_TreeView1t7, #ctl00_TreeView1t8,#ctl00_TreeView1t9
{
    font-size:70%;
    font-weight:bold;
    text-indent:10px;
    margin-left:-10px;
    }
.ct100_TreeView1_0
{
    font-weight:bold;
    font-size:90%;}
  */  
  
  
ul#companymenu
{
	margin:0;
	width:150px;
	border-top:none;
	width: 150px;
	border-top: none;
	overflow:hidden;}
	
ul#companymenu li
{
	list-style:none;
	list-style-position:inside;
	list-style-type:none;
	display: block;
	background-color:#fc7e00;
	border-top:1px solid #FEDDBC;
	color:#585a58;
	font-family:Verdana, Arial, sans-serif;
	font-size:95%;
	font-weight:bold;
	height:21px;
	margin:0px;
	padding:2px 2px 0px 12px;
	}
ul#companymenu li a
{
	text-decoration:none;
	color:#585a58;}

.leftmenu
{
  
  } 

.footermenu
{                      
    margin:0px auto 0px auto;
}
.footmenu 
{                        
   font-family:Verdana, Arial, sans-serif;
   font-size:70%;
   	font-weight:normal;
   color:#FC7E00; 
   margin-left:5px;} 
ul#rtcolMenu
{
    display:block;
    width:167px;/*??*/
    margin:-8px 0px 0px -8px;
    padding:0;
    
    }
ul#rtcolMenu li 
{
   list-style-type:square;
   list-style-image:url('../images/greyBlob.gif');
   list-style-position:inside;
    border-bottom:1px solid #EEEAE3;
    padding:10px;}
ul#rtcolMenu li.last
{
   list-style:square;
   list-style-image:url('../images/greyBlob.gif');
   list-style-position:inside;
    border:none;
    padding:10px;}
    
.AspNet-Menu
 {
	display:block;
	margin:0 0 0 230px;
	
	}
	
.AspNet-Menu li 
{
	display:inline;
	margin-left:30px;}
#ctl00_Menu1 
{
	margin-top:9px;
	float:right;
	padding-right:10px;}
#ctl00_topmenu 
{
	padding-top:70px;}

/* --------------------------------------------------------------------*/
/* =6 Middle section --------------------------------------------------*/
/* --------------------------------------------------------------------*/
 #middlebox
{
    background-color:white;
    width: 100% !important;
    height:auto;
    margin: 0;
    padding-bottom:10px; /*pushes content away from footer but leaves orange line*/
    font-family:Verdana, Arial, sans-serif;
	font-size:90%;
	color:#585a58;
	background-image:url('../images/lineTile1.jpg');
	background-position: 83% 0; /* grey line to be same width as midltcol*/
	background-repeat:repeat-y; 
}
	
	
	  
 
 #middleboxContact 
 {
     background-color:white;
    width:95% !important;
    height:auto;
    margin:0px 10px 0px 10px;
    padding-bottom:10px; /*pushes content away from footer but leaves orange line*/
    font-family:Verdana, Arial, sans-serif;
	font-size:90%;
	color:#585a58;
	 }
	 
#videoholder 
{
    margin:0 auto 0 auto;
    width:90%;
    height:370px !important;
    border-bottom:1px solid #FC7E00;
    }
  
#midltcol
{
   width:20%;
    height:100%;
    float:left;
    padding:10px 0px 0px 0px;
    
 
    }  
#midcol 
{
    width:62%;
	/*height: 100px;  If the content of this column is less that 100px, then the rightcolumn will go underneath*/ 
    height:auto;
    float:left;
    padding:10px 5px 0px 5px;
     min-height:600px;
   }
#midcol a
{
	text-decoration:underline;}
#midcol a:hover
{
	text-decoration:none;}
#midrtcol 
{
    height:auto;
    float:left;
    font-size:85%;
    text-align:left;
    width:100%;
    padding-top:10px;
    background-image:url('../images/rtmenubkgd_03.jpg');
    background-position:0 0;
    background-repeat:no-repeat;
    background-color:#f1efec;
    }
 
 #midrtcol p
{
	width: 150px;
	padding-left:5px;
}   
/*----middle lower boxes ------*/
 #homemenu1
 {
     width:120px;
     float:left;
     border-top:1px solid #7b7b7b;
       border-right:1px solid #7b7b7b;
         border-left:1px solid #7b7b7b;
     border-bottom:56px solid #7b7b7b;
     height:67px;
     margin:0px 34px 10px 10px;
     background-image:url('../images/BoxPace.gif');
     background-position:0 0;
     background-repeat:no-repeat;
     text-align:center;
     vertical-align:bottom;}
     
#homemenu1 a {text-decoration:none;}

 #homemenu2
 {
     width:120px;
     float:left;
     border:1px solid #7b7b7b;
     border-bottom:56px solid #7b7b7b;
     height:67px;
     margin-right:34px;
     background-image:url('../images/BoxSelfHelp.jpg');
     background-position:0 0;
     background-repeat:no-repeat;}
     
#homemenu2 a {text-decoration:none;}

#homemenu3
 {
   width:120px;
     float:left;
     border:1px solid #7b7b7b;
     border-bottom:56px solid #7b7b7b;
      height:67px;
      margin-right:34px;
        background-image:url('../images/BoxTraining.gif');
     background-position:0 0;
     background-repeat:no-repeat;}
    
#homemenu3 a {text-decoration:none;}

#homemenu4
 {
     width:120px;
     float:left;
     border:1px solid #7b7b7b;
     height:121px;
     color:#AC4D34;
     font-size:140%;
     font-weight:bold;
     text-align:center;
     line-height:1.3em;
     background-image:url('../images/arrow.jpg');
     background-position:0% 50%;
     background-repeat:no-repeat;
     }
#homemenu4 a 
{
    text-decoration:none;
    color:#ac4d34;
    } 
 
 #homemenu4 a:hover
{
    text-decoration:none;
    color:#7b7b7b;
    }   
#homemenu4 p
{
    padding:10px;}
#homemenu5  /* --image wsp used on self help pages---*/
 {
   width:120px;
   float:left;
   border:1px solid #7b7b7b;
   border-bottom:56px solid #7b7b7b;
   height:67px;
   margin-right:34px;
   background-image:url('../images/dylis.jpg');
   background-position:0 0;
   background-repeat:no-repeat;}
    
#homemenu5 a {text-decoration:none;}  

 #homemenu5T /* ---WSP first box----*/
 {
     width:120px;
     float:left;
     border-top:1px solid #7b7b7b;
       border-right:1px solid #7b7b7b;
         border-left:1px solid #7b7b7b;
     border-bottom:56px solid #7b7b7b;
     height:67px;
     margin:0px 34px 10px 10px;
   background-image:url('../images/dylis.jpg');
   background-position:0 0;
   background-repeat:no-repeat;
     text-align:center;
     vertical-align:bottom;}
     
 #homemenu5T a {text-decoration:none;}
 
#homemenu6 /* used on the ergonomics overview to position wsp box first*/
 {
     width:120px;
     float:left;
     border-top:1px solid #7b7b7b;
       border-right:1px solid #7b7b7b;
         border-left:1px solid #7b7b7b;
     border-bottom:56px solid #7b7b7b;
     height:67px;
     margin:0px 34px 10px 10px;
   background-image:url('../images/dylis.jpg');
   background-position:0 0;
   background-repeat:no-repeat;
     text-align:center;
     vertical-align:bottom;}
     
#homemenu6 a {text-decoration:none;} 
 
#homemenu7
 {
     width:120px;
     float:left;
     border:1px solid #7b7b7b;
     border-bottom:56px solid #7b7b7b;
     height:67px;
     margin-right:34px;
     background-image:url('../images/hwp.jpg');
     background-position:0 0;
     background-repeat:no-repeat;}
     
#homemenu7 a {text-decoration:none;} 

#homemenu8
 {
   width:120px;
     float:left;
     border:1px solid #7b7b7b;
     border-bottom:56px solid #7b7b7b;
      height:67px;
      margin-right:34px;
        background-image:url('../images/onsiteServices.jpg');
     background-position:0 0;
     background-repeat:no-repeat;}
    
#homemenu8 a {text-decoration:none;}

#leftAdvert
{
    height:auto;
    margin:20px 5px 0px 10px;
    padding:2px 2px 2px 12px;
    background-image:url('../images/leftAdvertSlice_03.jpg');
    background-position:0 0;
    background-repeat:repeat-x;
    border:1px solid #c5c3bf;
    font-size:95%;
    }
#ctl00_contactForm1_contactForm /*select input field in right hand menu contact form*/
{
    width:100%;
    }
#ctl00_contactForm1_ddlEnqtype, #ctl00_contactForm1_txtName, #ctl00_contactForm1_txtOrg, #ctl00_contactForm1_txtTel, #ctl00_contactForm1_txtEmail
  {
       width:85%;
       border:1px solid #ac4d34;
       background-color:Transparent;
       }
       
 #imageMid
 {
     margin:10px 0px 20px 0px;}

/* --------------------------------------------------------------------*/    
/* =7  Form -----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

.search
{
    background-color:white;
    width:10%;
    height:11px;
    float:right;
    margin-top:-13px;
    margin-right:10px;}

/* --------------------------------------------------------------------*/
/* =8 Footer-----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#footer
{
  width:100%;
  height:auto;
  margin:0;
  padding:2px 0px 2px 0px;
  background-color:#585A58; 
  border-bottom:3px solid #fc7e00;
  height:auto;
  color:#fc7e00;
  font-weight:normal;
  font-size:90%;}
  
#ctl00_footerMenu
{
	margin-top:0px;
	margin-right:auto;
	margin-left:100px;
	margin-bottom:0px;
	} 
 #footer a 
 {
	color:#fc7e00;}

  
#addressblock
{
    width:100%;
    height:auto;
    /*padding:10px auto 0px auto;
    margin:10px auto 0px auto;*/
    margin:0px;
    padding:10px 0px 10px 0px;
    /*background-color:#feddbc;*/
    background-color:#E2DED8;
    
    line-height:1.3em;
  
    }

/* --------------------------------------------------------------------*/
/* =9 Extras ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#clear
{
    clear:both;}
.address
{
    font-family:Verdana, Arial, sans-serif;
	font-size:75%;
	color:#585a58;
	text-align:center;
	line-height:1.3em;
	margin:0px;
	} 
.evaluation
{
	background-color:#fc7e00;
	text-decoration:none;
	width:-150px;
	height:25px;
	margin-left:-5px;
	margin-top:-10px;
	padding:5px;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	color:White;
	text-transform:uppercase;
	}

.evaluation a
{
	text-decoration:none;
	width:-150px;
	height:25px;
	margin-left:-5px;
	margin-top:-10px;
	padding:5px;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	color:White;
	}
	
#evalCol
	{/*background-color:#7B7B7B;
	 background-color:#ac4d34;
	background-color: #FC7E00;*/
	float: left;
	width: 166px;
	text-align: center;
	}

#evalCol a
	{
	/*color: White;*/
	font-size: 110%;
	font-weight: bold;
	}
	
.contactUsText
{
	padding: 5px 0 5px 0;
	margin-bottom: 0;
	background-color:#AC4D34;
	color:White;
}
.contactUsText a 
{
    color:White;}	
	
.management /* Styles the management photos*/
{
    width:150px;
    height:150px;
    border:0;
    vertical-align:top;
    float:left;
    clear:both;
    margin-right:10px;
    }
    
   .manteam /*styles the management boxes */
   {
	   width: 100%;
	   float: left;
	   margin-bottom: 15px;
    }
    
    .manImage
    {
		float: left;	
    }
    
    .manText
    {
		float: left;
		width: 70%;
    }
		
.contact /*styles the contact addresses on the evaluation form*/
{
    margin-top:20px;
    width:40%;
    float:left;
    font-size:85%
    }
.contact2
{
    width:90%;
    float:left;
    }
    
 .fleetSafe /*Styles the font size on the columns in the fleetsafe page*/
 {
	   font-size: 110%;
	   width: 50%;
	   margin-bottom: 10px;
 }
 .fleetSafe1 /*Styles the font size on the columns in the fleetsafe page*/
 {
	   font-size: 100%;
	   width: 50%;
	   margin-bottom: 10px;
	   float:left;
 }
.submit
{
    margin-top:5px;
    float:right;
    background-color:#AC4D34;
    color:White;
    }
.heading /* for styling header tags as links */
{
	font-family:Verdana, Arial, sans-serif;
	font-size:95%;
    font-weight:bold;
    color:#FC7E00;
    margin-bottom:8px;}
    
 .headingNormal
 {
	font-family:Verdana, Arial, sans-serif;
	font-size:95%;
    font-weight:normal;
    color:#FC7E00;
    margin-bottom:8px;
 }
     
.headingBig /* used for the call to action link */
{
    font-family:Verdana, Arial, sans-serif;
	font-size:100%;
    font-weight:bold;
    /*color:#FC7E00;*/
color:white;
    margin-bottom:8px;
    background-color:#ac4d34;}
a .headingBig{text-decoration:none;}
     
.image 
   {
       height:auto;
       min-height:190px;
   }
   
.imageLeft
   {
	float: left;
	margin-left: 40px;
	margin-right: 10px;
   }
.imageRight
   {
	float: right;
	margin-left: 10px;
   }
   .imageCent
   {
       margin-left:20px;
   }
   
   .imageMid
   {
	width: 100%;
	text-align: center;
   }
   
   .imageProductMain
   {
	width: 100%;
	text-align: center;
	margin-top:50px;   
	}
   
   .imageWSP
   {
		margin-left: -80px;
		position:relative;
		z-index:1;
   }
   
   .consultancyLink
   {
	font-size: 110%;
   }
   
   .backToTop
   {
		text-align: left;
		font-size: 90%;
   }
   
   .custImages
   {
	 float: left;
	 width: 100%;
	 margin-top: 10px;
   }
   
   .custImages2
   {
	float: left;
	width: 245px;
   }
   
   #siteMap li
   {
		font-size: 100%;
		line-height: 1.3em;
   }
   
   #siteMap ul
   {
		margin-top: 5px;
		margin-bottom:5px;
   }
   
   .pressReleaseSmallText
   {
		font-size: 90%;
   }
p.home 
{
    margin-top:70px;
    font-size:90%;
    font-weight:bold;
    color:#c5c3bf;
    text-align:center;}

a.homelink 
{
   padding-top:120px;
   color:#c5c3bf;
   text-decoration:none;
   width:120px;
    } 
a.homelink:hover
{
   padding-top:120px;
   color:#fdb56e;
   text-decoration:none;
    }
    /* --------------------------------------------------------------------*/
/* =10 Tables ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

table.contact 
{
    width:85%;
    height:auto;
    font-family:Verdana, Arial, sans-serif;
	font-size:100%;
	color:#585a58;
    }
.lhcontact
{
    width:100%;
    padding:10px;
    margin-bottom: 15px}
    
.lhcontactRow
{
    padding:10px 0px 10px 0px;}
.lhcontactRowBold
{
    font-weight:bold;
    padding:10px 0px 10px 0px;}
    
        /* --------------------------------------------------------------------*/
/* =11 HACKS ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
*:first-child+html .lhcontact /*ie7 hack */
{
    width:95%;
    margin-left:8px;
   margin-bottom:35px;
    }
 :first-child+html #ctl00_contactForm1_btnEvaluation
 {
     margin:10px 0px 10px 0px;}
     
     
*:first-child+html #ctl00_contactForm1_ddlEnqtype
{
     width:92%;
       border:1px solid #ac4d34;
       background-color:transparent;
       font-size:97%;
       }
 *:first-child+html #homemenu2
 {    border-top:1px solid #7b7b7b;
      border-right:1px solid #7b7b7b;
      border-left:1px solid #7b7b7b;
      border-bottom:57px solid #7b7b7b;
      }
      
   

 /*------------------------ie6 hacks-----------------*/
   
*html p.home 
{
    background-color:#7b7b7b;
    margin-bottom:0px;
    padding:3px 0px 3px 0px;
    } 
 *html #midrtcol /* ie6 hack*/
{width: 100%; 
    height:600px;
    background-color:transparent;}/* no min-height in ie6 so avoids stunting*/
    
*html #ctl00_contactForm1_ddlEnqtype
{
     width:92%;
       border:1px solid #ac4d34;
       background-color:transparent;
       font-size:97%;
       }
*html #evalCol
	{
	float: left;
	width: 162px;
	text-align: center;
	margin:0;
    padding:0;
	}
*html #ctl00_contactForm1_contactForm /*select input field in right hand menu contact form*/
{
    width:100%;
    margin:0;
    padding:0;
    
    }
*html .lhcontact
{
     width:100%;
    margin:0;
    padding:0;
   }
   
 *html .lhcontact
 {
     margin-bottom:35px;
    } /* ie6 hack*/ 
   
*html a.homelink 
{
  
   color:#c5c3bf;
   text-decoration:none;
   width:120px;
    } 
*html a.homelink:hover
{
   padding-top:0px;
   color:#fdb56e;
   text-decoration:none;
    }
    
 *html #homemenu1, #homemenu2
 {    border-top:1px solid #7b7b7b;
      border-right:1px solid #7b7b7b;
      border-left:1px solid #7b7b7b;
      border-bottom:30px solid #7b7b7b;
      }
      
*html #homemenu3
 {    border-top:1px solid #7b7b7b;
      border-right:1px solid #7b7b7b;
      border-left:1px solid #7b7b7b;
      border-bottom:2px solid #7b7b7b;
      }
 
/* ---------------------Safari Hack -------------*/
@media screen and (-webkit-min-device-pixel-ratio:0)
 {
#ctl00_topmenu {
   margin-top: 0;
 } /* fixes the top navigation bar*/
.AspNet-Menu 
{
	margin:0 auto auto;}
  
#ctl00_midmenu1  { /* fixes first mid menu under about cardinus*/
 margin-left:30px;}
 
 #ctl00_footerMenu {margin-left:380px;
	margin-top:0;}
 
 #evalCol{ margin-top:0px;}
 
#ctl00_topmenu { margin-left:230px;} 

#homemenu2
 {    border-top:1px solid #7b7b7b;
      border-right:1px solid #7b7b7b;
      border-left:1px solid #7b7b7b;
      border-bottom:57px solid #7b7b7b;
      }
 #homemenu4 p {   padding-top:5px;
      }
 #evalCol {margin-top:5px;}
 
 #sme .smeTitle {margin-top:0px;}
 
.h1 {font-size:90%;
	color:green;}
  }
/*----end Safari Hack ----------------------*/

/* --------------------------------------------------------------------*/
/* =12 styles for re-design pages 07/04/09 ----------------------------*/
/* --------------------------------------------------------------------*/

.buttons 
{
	border: 1px solid #7b7b7b;
	height: 132px;
	width: 123px;
	position: relative;
	float: left;
	margin: 10px 0 0 40px;
	text-align: center;
	background-color: #7b7b7b;
	font-size: 90%;
	font-weight: bold;
}

.buttonImage
{
	margin-bottom: 6px;
}

.buttonLink
{
	text-decoration: underline;
	color: #c5c3bf;	
}

.buttonSide 
{
	border: 1px solid #7b7b7b;
	width: 123px;
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #7b7b7b;
	font-size: 90%;
	font-weight: bold;
}


.buttonSide p
{
	margin-bottom: 8px;
}

.infoSection, .infoSectionSub
{
	clear: left;
}

.infoSectionSub
{
	margin-bottom: 40px;
}

.infoSectionSub li
{
	margin-left: 120px;
}

.infoSectionSub ul
{
	margin-bottom: 15px;
}

.infoSectionSub .clickHereLink
{
	margin-left: 130px;
}


.highlightText
{
	font-weight: bold;
	color: #AC4D34;
}
.quote
{
	font-size: 82%;
	text-align: center;
	font-weight: bold;
	/*padding: 6px 5px 0 5px;
	border: 1px solid #c5c3bf;
	width: 32%;
	background-color: #f6f5f3;
	position: relative;
	float: right;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #7e7e7e;
	margin-right: 5px;*/
}

.quoteName
{
	text-align: right;
	font-weight: normal;
	margin-bottom: 10px;
}

.contentLeft
{
	position: relative;
	float: left
}

.contentRight
{
	position: relative;
	float: right;
}
.challangeTitle
{
	background-color:#AC4D34;
	padding: 3px 0;
	text-align: center;
	font-weight: bold;
	color: White;
	font-size: 110%;
}


.challangeDiv
{
	border: 1px solid #AC4D34;
	width: 155px;
	margin-left: 5px;
	margin-right: 0;
}

.smallText
{
	font-size: 90%;
}

#arrowSection
{
	height: 150px;
}

#arrowSection p
{
	margin-top: 27px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.arrowText 
{
	font-size: 80%;
}

.arrowDiv
{
	background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
	width: 130px;
	height: 80px;
	position: relative;
	float: left;
	margin-right: 18px;
}

.listMargin
{
	margin-left: 150px;
}


#endText
{
	
	margin-top: 20px;
	width:90%;
	text-align: left;
	
}

.smallImageLeft
{
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#contactText
{
	width: 63%;
}

#contactImage
{
	margin-left: -80px;
}

#marginTop
{
	margin-top: 30px;
}

.pieChart
{
	clear: both;
	margin-top: 20px;
}

.pieChart img
{
	margin-right: 5px;
}

.pieChart p
{
	margin-top: 10px;
	font-size: 90%;
	width: 25%;
	float: left;
	position: relative;
	margin-right: 20px;
}

.pieChart2
{
	margin-top: 105px;
}

.pieChart2 p
{
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
	float: left;
	width: 29%;
	font-size: 90%;
	text-align: right;
}

.pieChart2 img
{
	margin-left: 5px;
}

#reference
{
	clear: both;
	font-size: 80%;
}


/*------------- SME Section -------------------*/

#sme
{
	border: 1px solid #376f00;
	background-color: #66CC00;
	width: 152px;
	margin-left: 5px;
	margin-right: 0;
	margin-bottom: 10px;
}
	
#sme p
{
	color: black;
	
	padding: 3px;
}

#sme .smeTitle
{
	font-weight: bold;
	background-color: #376f00;
	color: white;
	text-align: center;
	width: 147px;
}

#evalCol #smeA a
{
	font-weight: normal;
	cursor: hand;
}	
	
	#evalCol #smeA a:hover
{
	text-decoration: none;
}	
	