/* Start of CMSMS style sheet 'CL Layout: Top menu + 2 columns' */
/***********Layout: Top menu + 2 **********/
* {margin:0;padding:0}

body {
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

div {font-size: 1em}

.pdf{
background: url(uploads/images/interface/pdf.gif) no-repeat;
padding-left: 30px;
padding-top: 4px;
padding-bottom: 4px;
height: 25px;
}

table.padding td { 
   padding:3px; 
}


img {border: 0}

a,a:link,a:active {text-decoration: underline;background-color: inherit;color: #647954}
a:visited {text-decoration: underline;background-color: inherit; color: #647954}
a:hover {text-decoration: none;color: #000000;}

/*******basic layout********/

body {
   background: #918C86 url('uploads/images/interface/background.png') repeat-x;
   color: #333;
   margin:0;padding:0
}

div#pagewrapper {
   margin: 0 auto;
   padding:0;
   width:972px;
   background-color: transparent;
   /*background-image: url(uploads/images/interface/content-bg-new.jpg);
   background-position:4px ;
   background-repeat:repeat-y;*/
   color: #222
}

div.breadcrumbs {
   padding: 0em 0 1.2em 2em; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her    fontsize */
   margin: 0 1em 0em 0;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
  
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 


/*** header ***/

div#header {
height: 185px;
margin-left: 5px;
padding:0
}

div#header h1 a {display:none}

div#mission{
height:170px;width:250px;background:transparent url('uploads/images/interface/greenbox-withtext.jpg') no-repeat
}

div#mission div, div#header div{
border:none !important
}

div#existing-customers{
float:left;width:300px;margin:0 10px 20px 0;
background:#EBEBED url("uploads/images/interface/flashbox-header.jpg") no-repeat;
}
div#new-customers{
float:right;width:300px;margin:0 0 20px 0;
background:#EBEBED url("uploads/images/interface/flashbox-header.jpg") no-repeat;
}

#existing-customers h2, #new-customers h2{font-size:1.4em !important;padding-left:2em !important;border:none!important;color:#fff !important}


#top {
background:url(uploads/images/interface/borderTop.gif) -4px 0 no-repeat;
width:972px;
margin:0 auto;
height:27px;
}


div#search {
   float: left;
   width: 256px;
   height:48px;    
   text-align: left;
   padding: 0.1em 0 0em 0;
   margin: 0.2em 0 5px 0px;
   background: #fff url('uploads/images/interface/search-bg.jpg') -3px 0 no-repeat;
}

div#search form{
padding:2px 2em 0 2em;
}

#submit{
width:35px;
height:25px;
margin-left:.5em;
border:none;
color:#fff;
background-color:#EBEAED;
background-image:url('uploads/images/interface/blank-submit.jpg');
background-position:0 -23px;height:23px;
background-repeat:no-repeat;
cursor:hand
}

#submit:hover,#submit a:hover{
background-position:0 0px;color:#ff0
}



div#institute{background-color:#f3f2f4; padding: 1em; border:1px solid #E7E6EA}
div#institute-logo{float:right}

div#content {width:972px;margin: 0 auto}

div#main {float:right;width:640px;clear:none;margin:0;padding-right:18px}
div#main p{margin:1em 2em 1em 0}


div#main #right-box{width:200px;height: 461px;float:right;background: #717E53 url(uploads/images/interface/right-box.jpg)}
div#main #right-box p {color:#fff;margin: 1em}
div#main #right-box p.button{margin-left:1em;
background:#717E53 url(uploads/images/interface/find-out-more-button.jpg) no-repeat}
div#main #right-box  p.button a{
width:118px;height:26px;display:block;
background:#717E53 url(uploads/images/interface/find-out-more-button.jpg) no-repeat}
div#main #right-box p.button a:active{background-position:0 0}
div#main #right-box p.button a:hover{background-position:0 -26px}

div#sidebar {
   float: left;  
   width: 250px;  
   display: block; 
   margin:0;
padding:0 0 0 20px;
clear:left
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





div#footer {
background: url(uploads/images/interface/borderBottom.gif) -2px 0 no-repeat ;
height:27px;
clear:both;
color: #fff;
padding:30px 2em
}
div#footer #footer-left{float:left}div#footer #footer-right{float:right}
div#footer #footer-left p,div#footer #footer-right p{display:inline;margin:0;padding:0 .2em}
div#footer #footer-left p a,div#footer #footer-right p a{text-decoration:none}
div#footer #footer-left p a:hover,div#footer #footer-right p a:hover{background-color:transparent; color:#ff0}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;  
   text-align: left; 
   margin:0;
}

div#footer p a {
   color: #fff; 
}

div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}
div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

/********************
CONTENT STYLING
*********************/
div#content-wrapper {
background:url(uploads/images/interface/bodybg.gif) -3px 0 repeat-y;
width:972px;
margin:0;
padding:0;
min-height:800px;
height:800px;
height:auto !important;
}

/* HEADINGS */
div#content h1 {
   font: 2em/1em Tahoma, Arial, sans-serif;
   margin-bottom: 10px;
}
div#content h2 {
 font: 1.8em/2em Tahoma, Arial, sans-serif;
   color: #333; 
   text-align: left; 
   padding-top: 1em;

}
div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;

}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 12em;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
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-image: url(uploads/images/bullet.gif);
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
   list-style-image: url(uploads/images/bullet.gif);
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */


cite {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	color: #5B656F;
        line-height: 18px;
}
#submit {
    background:url(uploads/images/interface/SearchButton.png) top left no-repeat;
    width:47px;
    height:35px;
}




/**************** Page icons*************/
div#Transport-icon{
width:120px;
height:120px;
margin:0 1em 1em 2em;
float:right;
background:#fff 
url(uploads/images/interface/transport.jpg) no-repeat
}

div#Retail-icon{
width:120px;
height:120px;
margin:0 1em 1em 2em;
float:right;
background:#fff 
url(uploads/images/interface/retail.jpg) no-repeat
}

div#Rural-icon{
width:120px;
height:120px;
margin:0 1em 1em 2em;
float:right;
background:#fff 
url(uploads/images/interface/rural.jpg) no-repeat
}

/**************** contact form*************/


#contact-form form fieldset{border:2px dashed #bebebe}
#contact-form form fieldset legend{display:none}
#contact-form input,#contact-form textarea{border:1px solid #d8d8d8 !important;margin:.4em 0!important}
#contact-form input.button{margin:.2em !important;float:left;width:80px !important  }
/* End of 'Layout: Top menu + 2 columns' */
/* End of 'CL Layout: Top menu + 2 columns' */