/* CSS for ITS no left nav template */
/* kul thapa 02.09.2010 */

#top {
width:920px;
z-index:2727;
}

body.nonav_its #wrapper  {
background-color:#DFD4BC;
width:900px;
margin:0 auto;
}
body.nonav_its #main {
background-color:#EFEBE1;
background-image:none !important;
left:20px;
margin:0 auto;
padding:0 20px 20px;
text-align:left;
width:860px;
}

body.nonav_its #footer {
width:900px;
background:none;
}

#top {
    background:url("/past/etc/designs/bc/offices/its/images/background_home.png") repeat-x scroll 0 0 transparent;
    width:900px;
    height:115px;
}
/* BREADCRUMB TRAIL DIV */
.breadcrumb {
    color: #999;
    background: inherit;
    text-transform: lowercase;
    z-index: 500;
    width:725px;
    margin: 0;
    _margin-top:-20px;
    }
.breadcrumb a {
    color: #999;
    }
.breadcrumb a:hover {
    color: #666;
    }   


#content-title {
    padding:35px 0 0 0px;
    color: #990000;
    font: normal 2.0em Georgia, Times, serif;
    letter-spacing: 1px;
}
#content h1  {
    margin-top:0px !important;
    color: #990000;
    letter-spacing: 1px;
}

.news #content h1  {
    margin-top:35px !important;
    color: #990000;
    letter-spacing: 1px;
    
}
#content.nonav {
padding-bottom:20px;
position:relative;
width:100% !important;
}
.text p, .newsabstract {
    margin-right:15px;
    margin-top:20px;
     font-size:1.1em;
    line-height:1.6em;
}

#content h1 {
  
    color: #990000;
    background: inherit;
    font: normal 2.0em Georgia, Times, serif;
    letter-spacing: 1px;
    margin-top:0px;
    }
#content h2 {
    margin: 0 11px 0 0;
    letter-spacing: 1px;
    color: #9E8F77;
    background: inherit;
    font: bold 1.3em Arial, Verdana, sans-serif;    
    font-variant: small-caps;
    }
#maincontent h3 {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: -1px;
    font: normal 1.4em Georgia, Times, serif;   
    letter-spacing: 1px;
    }
#content h3 a {
    color: #430000;
    background: inherit;
    }
#content h4 {
    margin-top: 10px;
    margin-bottom: 3px;
    color: #990000;
    background: inherit;    
    font: bold 1.2em Arial, Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    }
#content h5 {
    margin-top: 10px;
    margin-bottom: 3px;
    color: #000;
    background: inherit;
    font: bold 1.1em Arial, Verdana, sans-serif;
    letter-spacing: 1px;
    }  
    
h3.subtitle {
    color:#9E8F77;
    font-family:Arial,Verdana,sans-serif;
    font-size:1.3em;
    font-variant:small-caps;
    font-weight:bold;
    letter-spacing:1px;
    line-height:normal;
    margin-bottom:11px;
    margin-top:-15px;
    padding:0 px;
}


#footer {
    clear:both;
    color:#666666;
    background-color:#DFD4BC;
    font-size:1em;
    line-height:1.5em;
    /*margin:40px 0 -65px;*/
    overflow:hidden;
    padding:7px 0 0 5px;
    text-align:left;
}

#footer p {
    margin: 0;
    padding: 15px 0;
    }
.left {
    float:left;
    margin-right:10px;
}
.right {
    float:right;
    margin-left:10px;
    text-align:right;
}
#footer pre {
  padding: 20px 0 20px 0;
  margin: 0 20px 0 20px;
  color: white;
  font-family: monaco;
  font-size: 8pt;
}


/* parsys component */
div.par {
    clear: both;
}
div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align:top;
    padding: 0;
    margin: 15px 0 5px 0;
}


.parsys_column .text p {
margin-top:0;
margin-bottom:20px;}

div.section {
    margin-bottom: 13px;
    /* Property added to avoid IE hasLayout issue on paragraphs
       see #20817 - IE6: div around Drag Components image not big enough
    */
    zoom: 1;
}

div.parsys_column .section {
    overflow:hidden;
    width: 100%;
}

/* column control layouts */
body.nonav_its  div.cq-colctrl-cols {width: 100%; float: left; }

body.nonav_its  div.cq-colctrl-default { width: 100%;}

body.nonav_its  div.cq-colctrl-lt0 { background: none;}
body.nonav_its  div.cq-colctrl-lt0-c0 { width: 47%; padding-right: 14px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt0-c1 { width: 48%; margin-top:0;}

body.nonav_its  div.cq-colctrl-lt1 { background:url(images/cq-colctrl-lt1.gif) repeat-y scroll -25px 0 !important}
body.nonav_its  div.cq-colctrl-lt1-c0 { width: 34%; padding-right: 14px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt1-c1 { width: 60%; margin-left:20px; margin-top:0;}

body.nonav_its  div.cq-colctrl-lt2 { background:url(images/cq-colctrl-lt2.gif) repeat-y scroll -10px 0 !important;}
body.nonav_its  div.cq-colctrl-lt2-c0 { width: 31%; }
body.nonav_its  div.cq-colctrl-lt2-c1 { width: 30%;margin-left:18px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt2-c2 { width: 30%; margin-left:18px;  margin-top:0;}

body.nonav_its  div.cq-colctrl-lt2nl { background:none;}
body.nonav_its  div.cq-colctrl-lt2nl-c0 { width: 31%; padding-right: 14px; margin-top:0; }
body.nonav_its  div.cq-colctrl-lt2nl-c1 { width: 31%; padding-right: 14px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt2nl-c2 { width: 32%; margin-top:0; }

body.nonav_its  div.cq-colctrl-lt3 { background:url(images/cq-colctrl-lt3.gif) repeat-y scroll 195px 0 !important; }
body.nonav_its  div.cq-colctrl-lt3-c0 { width: 46%; padding-right: 18px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt3-c1 { width: 22%; padding-right: 24px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt3-c2 { width: 22%; margin-left:10px; margin-top:0;}

body.nonav_its  div.cq-colctrl-lt3nl {background:none }
body.nonav_its  div.cq-colctrl-lt3nl-c0 { width: 46%; padding-right: 18px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt3nl-c1 { width: 23%; padding-right: 18px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt3nl-c2 { width: 23%;  margin-top:0;}

body.nonav_its  div.cq-colctrl-lt4 { margin:-18px 0pt;}
body.nonav_its  div.cq-colctrl-lt4-c0 { width: 38%; padding-right: 4px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt4-c1 { width: 58%; margin-top:0; }


body.nonav_its div.cq-colctrl-lt5 { background:url(images/cq-colctrl-lt5.gif) repeat-y scroll -55px 0 !important;}
body.nonav_its  div.cq-colctrl-lt5-c0 { width: 62%; padding-right: 14px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt5-c1 { width: 34%;margin-left:10px; margin-top:0;}

body.nonav_its  div.cq-colctrl-lt5nl { background:none;}
body.nonav_its  div.cq-colctrl-lt5nl-c0 { width: 62%; padding-right: 0px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt5nl-c1 { width: 34%; margin-left:20px; margin-top:0;}

body.nonav_its  div.cq-colctrl-lt6 { background:url(images/cq-colctrl-lt6.gif) repeat-y scroll -80px 0 !important;}
body.nonav_its  div.cq-colctrl-lt6-c0 { width: 71%; padding-right: 14px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt6-c1 { width: 24%; margin-top:0;}

body.nonav_its  div.cq-colctrl-lt6nl { background:none;}
body.nonav_its  div.cq-colctrl-lt6nl-c0 { width: 72%; padding-right: 14px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt6nl-c1 { width: 24%; margin-top:0;}

body.nonav_its  div.cq-colctrl-lt7 { background:url(images/cq-colctrl-lt6.gif) repeat-y scroll -478px 0 !important;}
body.nonav_its  div.cq-colctrl-lt7-c0 { width: 24%; padding-right: 14px;margin-right:10px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt7-c1 { width: 71%; margin-top:0;}

body.nonav_its  div.cq-colctrl-lt7nl { background:none;}
body.nonav_its  div.cq-colctrl-lt7nl-c0 { width: 24%; padding-right: 14px;margin-right:10px; margin-top:0;}
body.nonav_its  div.cq-colctrl-lt7nl-c1 { width: 71%; margin-top:0;}

img {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #C2BDB3;
    color:#000000;
    margin:20px 10px 0 0;
    padding:1px;
}

/* Textimage styles */
body.nonav_its .image_right.textimage,body.nonav_its  .image_left.textimage {
   float: none;
}
body.nonav_its .textimage img, body.nonav_its .textimage .none img{
    margin:0px ;
}
body.nonav_its .text {
    margin-top:0px;
}
body.nonav_its .image_right .image_right {
    float:right;
}

body.nonav_its .image_right .image_right img{
    margin:0px 5px 5px 0px;
}
body.nonav_its .image_left, .original {
    border:0 none !important;
 
}
body.nonav_its .original img  {
    background:transparent none repeat scroll 0 0 !important;
    border:0 none !important;
    padding:0 !important;
    }
body.nonav_its .image_left.textimage  .image_left,body.nonav_its .textimage .original {
    margin:5px 15px 0px 0;
    float:left;
}    
   
body.nonav_its .image_left.textimage .image_left img, body.nonav_its  .textimage .original img {
    margin-bottom:0px;
}  
body.nonav_its .textimage .original_right .original_right ,body.nonav_its  .original_right .original_right {
    float:right !important;
    margin:5px 0 0 10px !important;
}


body.nonav_its .textimage .original_right .original_right img, .original_right  img{
    background:transparent none repeat scroll 0 0 !important;
    border:0 none !important;
    padding:0 !important;
  
}
body.nonav_its .none {
    float:none !important;
    margin:8px 0 15px 0;
}
.bcimagerow .bcimage {
    margin-right:15px;
    max-width:100px;
    max-height:100px;
}
.parsys_column .bcimagerow .bcimage img {
    margin-right:5px;
    max-width:65px;
    max-height:65px;
}

.image_center, .original_center  {
    text-align:center !important;
        margin:0 auto;
}
.image_center p, .original_center p  {
text-align:left;
}
body.nonav_its .textimage .image_center img{
    margin:0 auto;
}

body.nonav_its .textimage .original_center img, .original_center img {
    background:transparent none repeat scroll 0 0 !important;
    border:0 none !important;
    margin-bottom: 0px;
    text-align:center;
}

/* caption */
.caption, .original .caption, .none .caption,
 .bcimagerow .bcimage .caption, .parsys_column .bcimagerow .bcimage .caption,
 .image_right .caption, body.nonav_its .textimage .caption,body.nonav_its .textimage .original_right .caption, .original_right .caption {
    margin:5px 0 ;
    font-weight:bold;
    /*border-bottom:1px solid #B6AD95;*/
}

.newsinfo p {
font-size:1.1em;
line-height:2em;
}
#content .newsabstract p{
font-size:1.01em; }

#content .newsinfo h1 {
color:#333;
margin-top:50px !important;}

/*RTE styles */
.highlight {color:#990000;
    font-weight:bold;}

span.callout {
    background:#fff;
    border:1px solid #B29D6C;
    width:200px;
    font-size:13px;
    line-height:18px;
    float:right;
    padding:15px;
    margin: 0 10px 10px 10px;}
    
    
    /* Profiles */
.profile_leftcol{width:200px;float:left;margin-right:20px}
.profile_rightcol{width:530px;float:left;}