/* Start of CMSMS style sheet 'Layout: Left sidebar + 1 column' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/


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


/* center wrapper, min max width */
div#pagewrapper {
   width:100%;


}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
    /* height: 80px;   adjust according your image size
   background: #385C72;  */  
   width:901px; margin:0 auto;      
}

div#header h1 a {
/* you can set your own image here */
   background: #385C72 url(uploads/images/logo1.gif) no-repeat 0 12px; 
   display: block;
   height: 80px;             /* 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 */
}

/* position for the search box */
div#search {
   float: right;
   width: 27em;    /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

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 {
   width:929px;
   margin:0 auto 60px auto;   /* some air above and under menu and content */
   
}


div#main {
   /* margin-left: 29%; this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width 
   margin-right: 2%; /* and some air on the right */
float:left;
padding:15px 0px 0 0;
position:relative;
width:540px;
}

div#sidebar {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 231px;     /* sidebar width, if you change this please also change #main margins */
   display: block;  /* FIX IE double margin bug */
   padding:15px 0 40px 50px;
   margin:0 35px 0 0;
   background:transparent url(images/sidebar_bg.gif) no-repeat scroll   top right;
   min-height:370px;
}

div#footer {
   clear: both;       /* keep footer below content and menu */
   color: #fff;
   background-color: #385C72; /* same bg color as in header */
}

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 because 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;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

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


/* End of 'Layout: Left sidebar + 1 column' */