#bottombar, #rightofpicture h2, #rightofpicture h1, #rightofpicture a, #rightside .archives a, #rightside .archives ul h3{ font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }
#bottombar, #rightofpicture h1 { color: #C0E900 }
#rightofpicture h2, #rightofpicture h1  { padding: 0 0 0 18px }
#container_all { margin: 0 5px; width: 900px }
/* give become same width as  "id=cols" div- 10px*/
#piccontainer { position: relative; width: 650px ; float:left; zoom:1}
#bottombar   { font-size: 21px; font-weight: bold; line-height: 44px; background-image: url(../design/projectpage2_02.gif); background-repeat: repeat-x; text-align: center; margin-top: -6px; width: 650px; height: 44px }


#rightofpicture { background-color: #000000; margin-left: 1px; width: 249px; float: right; zoom:1 }
#rightofpicture p { color: #fff; font-size: 12px; margin: 5px 10px 10px 18px }
#rightofpicture h2 { color: #fff; font-size: 14px; line-height: 12px; margin: 150px 0 0; position: relative }
#rightofpicture h2 #pointer  { background-image: url(../design/pointer.gif); background-repeat: no-repeat; display: block; position: absolute; top: -3px; left: 0; width: 20px; height: 20px }
#rightofpicture h1 { font-size: 32px; line-height: 27px; margin: 8px 0 20px }
#rightofpicture ul { color: #fff; font-size: 11px; list-style: none; margin: 25px 0 20px -1px; padding: 0; width: 250px }
#rightofpicture li { color: #efefef; margin-left: 16px; position: relative; border-bottom: 1px dotted #C0E900 }
#rightofpicture li a {  margin-top: 15px; padding: 5px; display: block ;font-weight: bold; border: none; color: #efefef; text-decoration: none; }
#rightofpicture li a:hover   { color: #000; background-color: #C0E900; background-image: url(../design/tabside_green.gif); background-repeat: no-repeat; background-position: right bottom; }
#rightofpicture li a:hover { text-decoration: none }
#rightofpicture li a img { margin: 0 8px 8px 0; padding: 0; float: left; 	 }
#rightofpicture li span{display: block}}
#rightofpicture li a br { clear: both }

#contenttshell {float:left; zoom:1}
#rightside, #contenttshell { width: 650px }
#rightside .archives li a { color: black; font-weight: bold; text-decoration: none ; display: block; }
#rightside .archives a:hover { color: black }
#rightside .archives  img { margin: 0 15px 5px 0; float: left; border: solid 1px black }
#rightside .archives a p { font-size: 11px; line-height: 12px; margin: 0; padding: 5px}
#rightside .archives p .pdes { font-family: Arial, helvetica, san-serif; font-weight: normal; line-height: 11px; margin:0 }
#rightside .archives { float: left ; zoom:1}
#rightside .archives ul { list-style: none; margin: 10px; padding: 0; float:left; width:305px }
#rightside .archives li { background-color: #e0e0e0; margin: 8px; padding: 0px;  float: left; border: dotted 1px gray; width: 289px  }
#rightside .archives a:hover { background-color: #C0E900; background-image: url(../design/tabside_green.gif); background-repeat: no-repeat; background-position: right bottom }

#rightside .archives ul h3 { font-size: 15px; margin:0 ; text-align: center}

* html #rightside .archives ul{width:285px ; margin:10px 0; zoom:1}
* html #rightside .archives li { width:273px}
* html #rightofpicture h2 #pointer {left:-18px}
* html #rightofpicture li a {  height:1%;}
* html #footer  { padding: 20px 0 0  0; height: 40px }
* html #footer p {padding:0 20px}