/* font styles/sizes etc. */
body, dt, dd, li, p, h1, h2, h3, span, a, blockquote {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  text-align: left;
  text-decoration: none;
}

dd li {
  font-size: 1em;
}

a {
  font-size: 1em;
}  

body, ul, li, ol, p, h1, h2, h3, span, div, a {
  margin: 0px;
  padding: 0px;
}

body {
  background: #bebebe; 
  background-image: url("images/bg1.gif"); 
  font-size: 100%;
}

/* Common stuff for lists used for navigation */
#mainnav ul, #mainnav li, #sidenav ul, #sidenav li {
  list-style: none;
}

/* The new image version */
#mainnav { 
  background-image:url(/images/topbg.gif); 
  height:32px; 
  padding-left: 198px; 
  background-repeat: repeat-x;
}

#mainnavbar {
  width: 450px;
  height: 32px;
  background: url(/images/mb_whole.gif);
  position: relative;
  padding: 0;
  margin: 0;
}

#mainnavbar li {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  height: 32px;
}

#mainnavbar a {
  height: 32px;
  display: block;
  text-indent: -9999px; 
  text-decoration: none;
}

#nav_home     { left: 0px; width: 69px; }
#nav_about    { left: 69px; width: 59px; }
#nav_services { left: 128px; width: 74px; }
#nav_work     { left: 202px; width: 58px; }
#nav_news     { left: 260px; width: 55px; }
#nav_blog     { left: 315px; width: 55px; }
#nav_contact  { left: 370px; width: 84px; }

#nav_home a:hover, #nav_home a.selected         { background: transparent url(/images/mb_whole.gif) 0px -32px no-repeat;  }
#nav_about a:hover, #nav_about a.selected       { background: transparent url(/images/mb_whole.gif) -69px -32px no-repeat; }
#nav_services a:hover, #nav_services a.selected { background: transparent url(/images/mb_whole.gif) -128px -32px no-repeat; }
#nav_work a:hover, #nav_work a.selected         { background: transparent url(/images/mb_whole.gif) -202px -32px no-repeat; }
#nav_news a:hover, #nav_news a.selected         { background: transparent url(/images/mb_whole.gif) -260px -32px no-repeat; }
#nav_blog a:hover, #nav_blog a.selected         { background: transparent url(/images/mb_whole.gif) -315px -32px no-repeat; }
#nav_contact a:hover, #nav_contact a.selected   { background: transparent url(/images/mb_whole.gif) -370px -32px no-repeat; }


/* side nav */

#sidenav {
  background-color: #d6d6d6;
  width: 198px; 
}

#sidenav ul, #sidenav li {
  margin: 0px;
  padding: 0px;
}

#sidenav li {
  background-image: url(/images/smbbg_noro.gif);
  background-repeat: repeat-y;
}

#sidenav li a {
  display: block;
  background-image: url(/images/smbbg_noro.gif);
  background-repeat: repeat-y;
  padding: 5px 0px 6px 15px; 
  border-bottom: 1px dashed #c5c5c7;
  border-right: 1px solid #999999;
  color: #616166; 
  width: 100%;
  text-decoration: none;
}

#sidenav li a:hover {
  background-image: url(/images/smbbg_ro.gif);
}

#sidenav li a.selected {
  background-image: url(/images/smbbg_ro.gif);
}

#sidenav li a.last,  #sidenav li a:hover.last{ 
  border-bottom: 0px;
}

#sidenav li a.first { 
  border-top: 1px solid #eaebed;
}


#logo { 
  position:absolute; 
  left:0px; 
  width:198px; 
  height:97px; 
  background-image:url(/images/logo2bg.gif); 
  background-repeat: no-repeat;
  background-color: #5e7b93;
}

img {
  border: none;
}

.newsimages {
   float: right;
   margin-left: 2em;
}

.newsimage p {
  text-align: right;
  width: 200px;
  font-size: 0.6em;
}

#logo img {
  margin: 6px 0px 0px 28px;
}

#topbanner { 
  padding-left:198px; 
  background-color:white; 
  height:97px; 
  padding-left: 198px;
}

#topbanner div { 
  background-image:url(/images/banner_home.jpg);  
  background-repeat: no-repeat; 
  height:97px;
  display: block;
}

#topblank, #bottomblank { 
  position:absolute; 
  left:0px; 
  width:198px; 
  height:26px; 
  background-repeat: no-repeat; 
}

#bottomblank { 
  height:27px;
  background-image: url(/images/smbbtm.gif);
}

#topblank {
  background-image: url(/images/smbblank.gif);
}

#heading { 
  padding-left: 198px; 
  background-color: #d6d6d6; 
  border-top: 1px solid #eaebed; 
  border-bottom: 1px solid #c5c5c7; 
  height: 24px;
}

#heading div { 
  height: 24px; 
  padding-left: 20px;
}

#leftcol { 
  position:absolute; 
  margin: 0px; 
  left: 0px; 
  width: 198px; 
  background-image:url(/images/smbbg.gif); 
  background-repeat: repeat-y; 
  height: 100%;
}

/* 
#rightcol { 
  padding-left:198px;
  background-color: #ffffff;
  padding-bottom: 1.5em;
}
*/

p.paddedPara{
  padding-left: 10px;
  background: transparent url(images/arrow_down.gif) no-repeat 0px 7px ; 
}



/* Footer of page */

#footerleft { 
  position:absolute; 
  left:0px; 
  height: 6em;
  width:198px; 
  background-image: url(/images/footerleft.gif); 
  background-repeat: repeat-x;
  background-color: #aeb1b5;
}

#footerright { 
  background:#bebebe url(/images/footerright.gif) repeat-x;
}

#footerright p { 
  padding-left: 220px; 
  font-size: 0.7em; 
  color: #666666; 
  text-align: left; 
  margin: 0px; 
}

#bottomicons {
  padding-top:20px;
  padding-left: 220px;
  padding-bottom: 5px;
}

#footer { 
   clear: both;
   margin: 0;
   padding: 0;
}

/* end footer */

h1 {
  color:#81868c; 
  font-size: 0.9em; 
  text-decoration: none;
  letter-spacing: 0px;
  font-weight: bold;
  padding: 0;
  margin: 5px 0 0 3px;
  font-family: Arial, Helvetica, sans-serif;
}

h2 {
  font-size: 0.75em; 
  font-weight: bold;
  padding: 0; 
  margin: 1em 0px 0.5em 0px;
}

h3 {
  margin-bottom: 0.5em;
}

p, blockquote {
  margin: 0px 0px 1.0em 0px;
  padding: 0;
  line-height: 1.5em;
  color: #333;
}

blockquote p {
  font-size: 1em;
  color: #C93;
}

div.entry blockquote {
  padding: 0 1em 0 1em;
  border-left: 4px solid #8CACBB;
}

dt, dd {
  line-height: 1.5em;
  color: #333;
}

#date { 
  position:absolute; 
  left:0px; 
  width:198px; 
  height:32px; 
  background-image:url(/images/datebg.gif); 
  background-repeat: repeat-x;
}

#date p {
  font-size: 0.7em; 
  color: #87807e; 
  text-align: center; 
  margin: 7px 16px 3px 0px; 
}

.relgroup { 
  position:relative;
}


html>body #sidenav li a {
  width: auto;
}

a:link, a:visited {
  color: #5e7b93; 
}

a:hover {
/*  color:#9e9e9e;  */
  color:#333; 
  text-decoration: underline;
}



/* depricated
p.nopad {font-size: 11px; text-align: left; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px}
p.ranp {font-size: 11px; text-align: right; margin-top: 0px; padding-left: 0px; padding-right: 0px}
p.white {color: #FFFFFF}
p.llp {margin-top: 0px; margin-bottom: 0px; padding-left: 5px}
p.llpfeint {color: #909090; margin-top: 0px; padding-left: 5px}
*/

/* depricated
ul {
  text-align: left; 
  margin-top: 5px; 
  padding-left: 1em; 
  padding-right: 10px; 
  list-style: disc outside;
}

ol {
   text-align: left; 
   margin-top: 5px; 
   padding-left: 15px; 
   padding-right: 10px
}
*/

#content ul {
  margin-bottom: 1em;
}

#content li { 
  margin-left: 2em; 
  line-height: 1.5em; 
  text-align: left; 
  color: #333; 
  margin-top: 0.5em;
}

/* depricated 
.likep {font-size: 11px;
   text-align: left; margin-top: 5px; padding-left: 50px; padding-right: 10px}

.code {font-size: 11px; font-family: Courier, sans-serif}

.cell { position: relative; }
*/

/* CSS for flow chart -- should be inlined as only on one page */

div .flownode { 
  padding: 1em;
  margin: 1em;
  background-color: #ebebed;
}

div .flownode p {
  padding: 0px;
  margin: 0px;
}

div .flowarrow { 
  background-image: url(/images/downarrow.gif);
  margin: 1em;
  width: 23px;
  height: 23px;
  left: 45%;
  position: relative;
}

div .flowstart { 
  padding: 1em;
  margin: 1em;
  background-color: #5e7b93;
  color: white;
  font-weight: bold;
}

/* end */

#navigation { 
  float: left;
  width: 198px;
  margin: 0;
  padding: 0;
  background-color: #d6d6d6;
}

#body { 
  background:#fff url(/images/smbbg.gif) repeat-y;  
}

#flashbox { 
  background-image:url(/images/smbbg.gif); 
  background-repeat: repeat-y; 
  padding-top: 25px;
}

#column-wrapper{
width: 905px;
}

#main { 
  float: left;
  /*margin-left: 198px;*/
  padding: 20px;
  background-color: white;
  padding-right: 0px;
}

.clear{
  clear: both;
}

div.newshead {  
    
    border-bottom: 1px solid #cccccc; 
    font-size: 1.1em; font-weight: bold; 
    padding: 10px 0 5px 0px; 
   width: 665px

}
div.recenthead {  
    
    border-bottom: 0px solid #cccccc; 
    font-size: 0.8em; font-weight: bold; 
    padding: 0px 0 5px 0px 

}
#newsbox {
  float: left; 
  border: 0px solid #bebebe; 
/*  width: 180px; */
  width: 450px;
  padding: 0; 
  margin: 30px 0 1em 0;
}

#newsbox .newsItemPadding{
  padding: 0 20px 0 0; 
  float: left;
}

#newsbox .item {
  /*float: left; */
  border: 0px solid #bebebe; 
  width: 130px;
  padding: 0; 
 /* margin: 0pt 20px 0pt 0px;*/
  display: block;
  font-size: 0.7em
}


#newsbox .item a {
  display: block;
  height: 40px;
}


#bannerbox {
  background: #EFF1F2; 
  margin: 0; 
  padding: 8px 2px 8px 8px; 
  width: 290px; 
}

#bannerbox h1 {
  color: #527B93; 
  font-size: 11px; 
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

#bannerbox p {
  color: #000000; 
  font-size: 10px; 
  padding: 0px 5px 0px 0px;
  margin: 0px;
  line-height: 1.1em;
}

#bannerbox a {
  color: #cc3333; 
  font-size: 10px;
}

#bannerboxwpd {
  background-image: url("images/wpd2008.png"); 
  background-repeat: no-repeat;
  padding: 0; 
  margin: 0 0 0 0; 
  width: 200px;
  height:200px;
}

#bannerboxmcc {
  background-image: url("images/banner_mcc3.gif"); 
  padding: 0; 
  margin: 0 0 0 0; 
  width: 200px;
  height:170px;
}

#bannerboxevent {
  background-image: url("images/banner_ims2009.gif"); 
  padding: 0; 
  margin: 0 0 0 0; 
  width: 200px;
  height:170px;
}

#bannerboxmcc h1 {
  color: #527B93; 
  font-size: 11px; 
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

#bannerboxmcc p, #bannerboxwpd p, #bannerboxevent p {
  color: #000000; 
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: -1px;
  font-size: 14px; 
  padding: 99px 10px 0px 9px; /*  padding: 99px 87px 0px 9px; */
  margin: 0px;
  line-height: 1.1em;
}

#bannerboxwpd p {
  padding: 180px 10px 0px 9px;
}
#bannerboxmcc a, #bannerboxwpd a, #bannerboxevent a {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration:none;
}
#bannerboxmcc a:hover, #bannerboxwpd a:hover, #bannerboxevent a:hover {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration:none;
}

#bannerboxmcc span, #bannerboxwpd span, #bannerboxevent span {
  color: #5e7b93;
  letter-spacing: -1px;
 font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration:underline;
}



div.servicebox {
  border: 1px solid #bebebe; 
  width: 180px; 
  padding: 1em; 
  margin: 0;
}

div.servicebox li, div.sevicebox ul {
  list-style: none;
  padding: 0px !important;
  margin: 0px !important;
  line-height: 1.1em;
}

div.servicebox h2 {
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 0px;
}

div.servicebox p {
  margin: 0.5em 0em;
}


.newslist li, .newslist ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}

.newslist h2, .newslist span, .newslist p {
  font-size: 1em;
  margin-bottom: 0px;
}

.newslist span, p .newsdate {
  font-style: italic;
  font-weight: normal;
}


#content { 
  width: 450px; 
  float: left;
}


#content.wide { 
  width:665px;
}


/* Showcase code -- maybe move elsewhere */

#showcase {
  width: 300px;
}

#showcase ul {
  list-style-type: none;
  margin: 0px 0px 2em 0px;
  padding: 0px;
}

#showcase ul li {
  display: inline;
  padding: 0em;
  margin: 0em;
  list-style: none;
}


#showcase ul li img {
  padding: 5px;
}

#relatedbox {
  float: right;
  width: 197px;
  height: 136px;
  padding: 0em;
  margin: 0 0px 1em 1em;
  background-image: url(/images/postit1.jpg)
}

#relatedbox ul, #relatedbox p {
  margin: 0.2em 0px 0px 30px;
  width: 150px;
}

#relatedbox li {
  list-style: none outside url(/images/dash.gif);
  margin: 0 0 0.3em 0;
  padding: 0 0 0 0;
  line-height: normal;
}

#relatedbox li {
  margin-left: 0.5em;
}

#relatedbox h2 {
  margin: 25px 0 0.3em 20px;
  padding: 0;
}

#relatedbox a {
  line-height: normal;
}

#screenshot {
  margin-bottom: 1em;
}

/* end showcase */

#address {
  background-image: url(/images/smbbg.gif);
  background-repeat: repeat-y; 
  padding: 2em 0 1em 15px;
  margin: 0;
}

#address p a {
  color:#606060;
  text-decoration:none;
  font-size:11px;
}


/* highlight for search terms */
.searchword {
   background-color: #feff82;
}

.space {
  display: none;
}

h2.newsYear {
    font-size: 22px;
    color: #5E7B93;
    font-family: Helvetica, Arial;
    line-height: 26px;
    margin-bottom: 10px;
display: block;
/*width: 670px;*//*adi*/
}
p.intro {
    font-size: 22px;
    color: #5E7B93;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 26px;
    margin-bottom: 10px;
display: block;
/*width: 670px;*//*adi*/
}
h2.newsYear {
margin-top: 0px;
}

/* for blog styling */

#sidenav h3 {
  margin-bottom: 0px;
  border-bottom:1px dashed #C5C5C7;
}

#sidenav h3, #sidenav p {
/*  margin: 1.5em 0.5em 0.5em 15px; */
  padding: 1.5em 0.5em 0.5em 15px;
  background-image:url(/images/smbbg_noro.gif);
}

img.gravatar {
  float: right;
  margin: 0 0.5em 0.5em 0.5em;
}

div.entry h2, div.contents h2 {
  font-size: 1.5em;
  margin: 1em 0 0 0;
line-height: 1em;
}

div.entry p.meta, div.entry p.related {
  font-size: 0.7em;
  margin-top: 10px;
}

div.entry {
  padding-bottom: 1em;
  border-bottom: 1px dashed black;
  margin-bottom: 2em;
}

div.entry div.byline {
  padding-bottom: 1em;
}

li.comment p, li.comment span {
  font-size: 1em;
}

li.comment li.comment {
  font-size: 1em;
}

div.comment p.meta {
  font-size: 0.8em;
  text-align: right;
  margin-bottom: 2em;
  font-style: italic;
}

#rightcol {
  float: right;
  width: 200px;
  font-size:0.8em;
  padding:0em 0 0 2em;
}


//pre {
// white-space: pre-wrap;       /* css-3 */
// white-space: -moz-pre-wrap !important;  /* 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+ */
//}


pre {
  padding: 10px;
  width: auto;
  background-color: #f5f5f5;
  color: #222;
  overflow-x: auto;
}

/* for wiki images */
div.entry img {
  vertical-align: top;
  margin-right: 5px;
}

/* for news items and the likes */
.pullquote {
background-color:White;
border-left:4px solid #8CACBB;
clear:right;
color:#CC9933;
float:right;
font-weight:bold;
margin:0 0 1em 1em;
padding:0 1em;
width:35%;
}