/* Start of CMSMS style sheet 'Houghston Css' */
/* *****************
basic layout 
***************** */

body {
   background-color: #ccc;
   color: #333;*/
   margin:.4em; /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
   /* border: 1px solid black; */
   margin: 5px auto;     /* this centers wrapper */
   width: 950px;
   background-color: #ffffff;
   color: black;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {

width: 100%;
   height: 165px; /* adjust according your image size */
   background: #ffffff;           
}

div#header span.logo a {
/* you can set your own image here */
   display: block; 
   height: 135px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */


}

div#header span.tele {
/* you can set your own image here */
   height: 135px;             /* adjust according your image size */
}


div#search {
position:relative;

   width: 100%;     /* enough width for the search input box */
   background: #000080;
   height: 30px;
}

div#search div.searchBar{
color: #fff;
padding:2px;
font-weight: bold;
}

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* 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;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

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


div#content {
   margin-top: 1.5em; /* some air above the content */
   
}

div#main {
   margin-left: 230px; /* this will give room for sidebar to be on the left side, make sure this space is    bigger than sidebar width */
   margin-right: 0px; /* and some air on the right */
   width: 685px;
}

div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 200px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
}


div#footer {
   clear:both;       /* keep footer below content and menu */
border-top: 1px solid #5C5C5C;
   color: #fff;
}

div#footer p {
   font-size: 0.8em;
    /*padding: 1.5em;      some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
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;
}

div.mainNews
{
padding: 1em;
border-right: 0.5px solid #ccc;
}

div.mainBlog
{
padding: 1em;
}
/* End of 'Houghston Css' */