#sidebar  {

                        margin: 0;
                        float:left;
                        width: 150px;
                        padding: 5px 0px 10px 5px;
                        font-size: 0.75em;

                      }

                     #sidebar h3 {

                        font-size: 1.2em;
                        margin: 10px 0;

                      }

                     #sidebar h3.first {

                        margin-top: 0;

                      }

                     #sidebar ul  {

                        margin: 0;
                        padding: 0;
                        list-style: none;

                      }

                     #sidebar li a, #sidebar li a:link {

                        margin: 0;
                        display: block;
                        width: 130px; 
                        color: #000;
                        padding: 5px 0 5px 5px;
                        border: 1px solid #ddd;
                        border-right: 10px solid #ddd;
                        text-decoration: none;
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 12px;
                        background-color: #FFFFFF;

                      }

                     #sidebar li a:hover {

                        margin: 0;
                        display: block;
                        width: 130px; 
                        color: #369;
                        padding: 5px 0 5px 5px;
                        background-color: #9cf;
                        border: 1px solid #369;
                        border-right: 10px solid #369;

                      }



                     #sidebaradmin  {

                        margin: 0;
                        width: 280px;
                        padding: 5px 0px 10px 5px;
                        font-size: 0.75em;

                      }

                     #sidebaradmin h3 {

                        font-size: 1.2em;
                        margin: 10px 0;

                      }

                     #sidebaradmin h3.first {

                        margin-top: 0;

                      }

                     #sidebaradmin ul  {

                        list-style: none;
                        margin: 0;
                        padding: 0;

                      }

                     a.menuItem, a.menuItem:link {

                        display: block;
                        width: 130px; 
                        margin: 0;
                        color: #000;
                        padding: 5px 0 5px 5px;
                        border: 1px solid #ddd;
                        border-right: 10px solid #ddd;
                        text-decoration: none;
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 12px;
                        background-color: #FFFFFF;

                      }

                     a.menuItem:hover {

                        display: block;
                        width: 130px; 
                        color: #369;
                        margin: 0;
                        padding: 5px 0 5px 5px;
                        background-color: #9cf;
                        border: 1px solid #369;
                        border-right: 10px solid #369;

                      }

                     .sublink  {

                        margin: 0;
                        float:left;
                        width: 170px;
                        padding: 5px 0px 10px 5px;
                        font-size: 0.75em;

                      }

                     .sublink ul  {

                        margin: 0;
                        padding: 0;
                        list-style: none;

                      }

                     .sublink li a {
     
                        display: block;
                        width: 150px; 
                        color: #000;
                        margin: 0;
                        padding: 5px 0 5px 5px;
                        background-color: #fff;
                        border: 1px solid #ddd;
                        border-right: 10px solid #ddd;
                        text-decoration: none;

                      }

                     .sublink a:link {
     
                        display: block;
                        width: 150px; 
                        color: #000;
                        margin: 0;
                        padding: 5px 0 5px 5px;
                        background-color: #fff;
                        border: 1px solid #ddd;
                        border-right: 10px solid #ddd;
                        text-decoration: none;

                      }

                     .sublink a:visited {
     
                        display: block;
                        width: 150px; 
                        color: #000;
                        margin: 0;
                        padding: 5px 0 5px 5px;
                        background-color: #fff;
                        border: 1px solid #ddd;
                        border-right: 10px solid #ddd;
                        text-decoration: none;

                      }

                     .sublink a:active {
     
                        display: block;
                        width: 150px; 
                        color: #000;
                        margin: 0;
                        padding: 5px 0 5px 5px;
                        background-color: #fff;
                        border: 1px solid #ddd;
                        border-right: 10px solid #ddd;
                        text-decoration: none;

                      }

                     .sublink li a:hover {
     
                        display: block;
                        width: 150px; 
                        color: #369;
                        margin: 0;
                        padding: 5px 0 5px 5px;
                        background-color: #9cf;
                        border: 1px solid #369;
                        border-right: 10px solid #369;

                      }

                 

                     p {

                          margin:0;
                          padding:0;

                      }

                     body {

                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 12px;
                        color: #000000;
                        margin: 0;
                        padding: 0;
                      }

                     .mainBody {

                        background-image: url(http://www.baculocal10.ca/image.php?i=bg_main.jpg);
                        background-repeat: repeat-x;
                
                      }

                     td {
     
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 12px;
                
                      }

                     a:active, a:visited, a:link {

                        color:#3366FF;
                     }

                     a:hover {

                        color:#003399;
                     }

                     .bottom {

                        border-width: 0px 0px 1px 0px;
                        border-color: black;
                        border-style: solid;
                      }

                     .clear {
 
                        clear: both;

                     }

                     .noBullets {
       
                        list-style-type: none;
                        padding: 0px;
                        margin: 0px;
                     }

     
                     #mainBanner {

                        display: block;

                      }

                     #wrapper {
                   
                        display: block;
                        background-color: #FFFFFF;
                        width: 1024px;
                        padding: 0px;
                        margin: 0px;
 
                      }
                 #componentContainer {
     
                          margin:5px;
                          padding:0;
                          width:854px;
                          float:left;

                          border-width:1px;
                          border-color:#666666;
                          border-style:solid;

                          background-image: url(http://www.baculocal10.ca/image.php?i=theme_1/bg_content_box_bottom.jpg);
                          background-repeat: repeat-x;
                          background-position: bottom left;
                      }

                     #componentContainerFull {
     
                          margin:5px;
                          padding:0;
                          width:1000px;
                          float:left;

                          border-width:1px;
                          border-color:#666666;
                          border-style:solid;

                          background-image: url(http://www.baculocal10.ca/image.php?i=theme_1/bg_content_box_bottom.jpg);
                          background-repeat: repeat-x;
                          background-position: bottom left;
                      }


                     #componentContainerFlex {
     
                          margin:0;
                          padding:0;
                          width:100%;

                          border-width:0;

                          background-image: url(http://www.baculocal10.ca/image.php?i=theme_1/bg_content_box_bottom.jpg);
                          background-repeat: repeat-x;
                          background-position: bottom left;
                          background-color: #FFFFFF;
                      }

                     #breadCrumb {
     
                          margin:5px;
                          padding:0;
                          width:854px;
                          float:left;

                      }

                     #fileBox {
       
                        background-color: #CCCCFF;
                        border: 1px solid #666;
       
                      }

                     #componentHeader {
     
                          padding:8px;
                          margin:0;
                          color:#FFFFFF;
                          height: 22px;

                          background-color:#666666;

                          border-width:0px 0px 3px 0px;
                          border-color:#3333FF;
                          border-style:solid;
                      }

                     #componentHeaderNoAdmin {
     
                          padding:5px;
                          margin:0;
                          color:#FFFFFF;

                          background-color:#666666;

                          border-width:0px 0px 3px 0px;
                          border-color:#3333FF;
                          border-style:solid;
                      }

                     .sectionHeader {
     
                          padding:4px;
                          margin:0;
                          color:#FFFFFF;

                          background-color:#666666;

                          border-width:0px 0px 3px 0px;
                          border-color:#3333FF;
                          border-style:solid;
                      }

                     a.smallWhite:active, a.smallWhite:visited, a.smallWhite:link {

                          font-size: 12px;
                          color: #FFFFFF;
                          text-decoration: none;
                      }

                     a.smallWhite:hover {

                          font-weight: bold;
                      }

                     #submitButtons {

                          background-color:#666666;
                          padding: 5px;
                          text-align: center;
                      }

                     #itemHeader {

                          background-color: #F5F5F5;
                          border-width:1px 1px 1px 8px;
                          border-color:#CCCCCC; 
                          border-style:solid;
                          padding:3px;
                          font-weight: bold;
                      }

                     #itemBody {

                          padding:5px;
                      }

                     ul.shortTaskList {

                          margin:10px;
                          padding: 0;
                          width: 402px;
                          list-style-type: none;
                          float: left;
                      }

                     li.firstTaskItem {

                          font-weight: bold;
                      }

                     
                     a.shortTaskButton:link {

                          border-width: 1px 1px 1px 1px;
                          border-color: #999999;
                          border-style: solid;
                          background-color: #F5F5F5;
                          padding: 5px;
                          margin: 0;
                          width: 402px;
                          color: #000000;
                          text-decoration: none;
                          display: block;
                      }

                     a.shortTaskButton:visited {

                          border-width: 1px 1px 1px 1px;
                          border-color: #999999;
                          border-style: solid;
                          background-color: #F5F5F5;
                          padding: 5px;
                          margin: 0;
                          width: 402px;
                          color: #000000;
                          text-decoration: none;
                          display: block;
                      }

                     a.shortTaskButton:active {

                          border-width: 1px 1px 1px 1px;
                          border-color: #999999;
                          border-style: solid;
                          background-color: #F5F5F5;
                          padding: 5px;
                          margin: 0;
                          width: 402px;
                          color: #000000;
                          text-decoration: none;
                          display: block;
                      }

                     a.shortTaskButton:hover {

                          border-width: 1px 1px 1px 1px;
                          border-color: #999999;
                          border-style: solid;
                          background-color: #CCCCCC;
                          padding: 5px;
                          margin: 0;
                          width: 402px;
                          color: #000000;
                          text-decoration: none;
                          display: block;

                      }

                     ul.longTaskList {

                          margin:10px;
                          width: 824px;
                          padding: 0;
                          list-style-type: none;
                          float: left;
                      }

                     a.longTaskButton:link {

                          border-width: 1px 1px 1px 1px;
                          border-color: #999999;
                          border-style: solid;
                          background-color: #F5F5F5;
                          padding: 5px;
                          margin: 0;
                          width: 824px;
                          color: #000000;
                          text-decoration: none;
                          display: block;
                      }

                     a.longTaskButton:active {

                          border-width: 1px 1px 1px 1px;
                          border-color: #999999;
                          border-style: solid;
                          background-color: #F5F5F5;
                          padding: 5px;
                          margin: 0;
                          width: 824px;
                          color: #000000;
                          text-decoration: none;
                          display: block;
                      }

                     a.longTaskButton:visited {

                          border-width: 1px 1px 1px 1px;
                          border-color: #999999;
                          border-style: solid;
                          background-color: #F5F5F5;
                          padding: 5px;
                          margin: 0;
                          width: 824px;
                          color: #000000;
                          text-decoration: none;
                          display: block;
                      }

                     a.longTaskButton:hover {

                          border-width: 1px 1px 1px 1px;
                          border-color: #999999;
                          border-style: solid;
                          background-color: #CCCCCC;
                          padding: 5px;
                          margin: 0;
                          width: 824px;
                          color: #000000;
                          text-decoration: none;
                          display: block;

                      }


                     .tableHeader {
                
                          font-weight: bold;

                          background-color: #CCCCCC;

                          border-color: #F5F5F5;
                          border-style: solid;
                          border-width: 1px 1px 0px 1px;

                      }


                     .bottom {

                          border-width: 0px 0px 1px 0px;
                          border-color: black;
                          border-style: solid;
                      }

table.calendar {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 200px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
	font-size: 10px;
}
table.calendar td {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
table.caldayheading {
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
table.caldayheading td {
	border: solid #CCCCCC 1px;
	text-align: left;
	color: #0054E3;
	font-weight: bold;
	width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
	border-right: double #CCCCCC 3px;
}
table.calcells {
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}
table.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 22px;
	height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table.calcells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.calcells td.wkday {
	background-color: #DDDDDD;
}
table.calcells td.wkend {
	background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.calcells td.hover {
	background-color: #999999;
}

                 
                     #footer {

                        width: 1024px;
                        text-align: center;
                        font-size: 0.70em;
                        border-top: 1px solid #ccc;
                        padding-bottom: 10px;
                        padding-top: 20px;
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 12px;
                        background-color: #FFFFFF;

                      }

                     #footer ul, #footer li  {
     
                        display: inline;

                      }                

                     #footer a, #footer a:link, #footer a:visited {

                        color: #369;
                        text-decoration: none;

                      }

                     #footer a:hover {

                        color: #030;
                        text-decoration: underline;

                      }

                     #footer p#copyright	{

                        margin: 20px 0 5px 0;

                      }