/* Start of CMSMS style sheet 'Layout: Left Sidebar + 2 columns' */
HTML, BODY {
   margin:0; 
   padding:0;  
   height:100%; 
   } 
BODY { 
   background:#303030;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1.2em;   
   text-align:left;
   color:#ffffff; 
   } 
DIV#container, DIV#header {
   position:relative;      
   width:1000px;
   }
DIV#container { 
   margin:0 auto; 
   background:#228b22;
   }
DIV#container h3 {
   margin-bottom: -0.4em;
   }
DIV#header {    
   height:150px;
   background:black; 
   } 
DIV#col-left, DIV#col-center, DIV#col-right { 
   position:relative;
   float:left; 
   width:200px;
   background:#228b22;
   } 

/* TinyMCE specific rules */
body.mceContentBody {
   background: #228b22;
   color:#fff;
}

DIV#col-left {  
} 

DIV#col-center { 
   padding:10px 10px 0 10px ;   
   width:580px; 
}
DIV#col-center p { 
   margin-bottom: 2em;
   line-height: 1.5;
}
DIV#col-right {
   padding-top: 15px;
}
   
DIV#footer {
   position:relative;
   clear:both;
   background:#FF7F00;
   text-align:center;
   }

/*****************/
 div#header h1 a {
/* you can set your own image here */
   /*background: #385C72 url(uploads/images/logo1.gif) no-repeat 0 12px;*/
   background: url(uploads/images/banner.jpg) no-repeat 0 0px; 
   display: block;
   height: 150px;             /* 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; 
   }

/* End of 'Layout: Left Sidebar + 2 columns' */

