.scrollable { 
	width: 400px; 
	height: 360px; 
	overflow: auto; 
} 
.scrollable2 { 		
	width: 382px; 
	height: 428px;
	overflow: auto; 
} 
.scrollable3 { 		
	width: 540px; 
	height: 428px;
	overflow: auto; 
} 
.body {margin-left : 0; margin-right : 0; margin-top : 0; margin-bottom : 0; scrollbar-face-color: #eaeaea; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color:  Gray;	scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1;}

.bgdef{background-color : transparent;}
.bcdef{border: 1 solid Silver; background-color: transparent;}
.bcblk{border: 1 solid Red; background-color: Blue;}
.bgpalegreen1{background-color : PaleGreen;}
.bcpalegreen1{border: 1 solid PaleGreen; background-color: #e8ffea}
.bgSilver{background-color : #f5f5f5;}
.bcSilver{border: 1 solid #f5f5f5; background-color: #ffffff;}
.bgthistle1{background-color : Thistle;}
.bcthistle1{border: 1 solid Thistle; background-color: #fdecfd}
.bgbisque1{background-color : Bisque;}
.bcbisque1{border: 1 solid Bisque; background-color: #FFF5EE;}
.bgcornflowerblue1{background-color : CornflowerBlue;}
.bccornflowerblue1{border: 1 solid CornflowerBlue; background-color: #F0F8FF;}
.bglightskyblue1{background-color : LightSkyBlue;}
.bclightskyblue1{border: 1 solid LightSkyBlue; background-color: #E0FFFF;}
.bgdarkseagreen1{background-color : DarkSeaGreen;}
.bcdarkseagreen1{border: 1 solid DarkSeaGreen; background-color: #DDFFEE;}
.bgcoral1{background-color : Coral;}
.bccoral1{border: 1 solid Coral; background-color: Coral}

.body1{ font-family: Tahoma, Helvetica, sans-serif; font-size: 8px; color: #333333; list-style-image: url(art/bullet1.gif)}
.body{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; line-height: normal; font-weight: normal; color: #191970;}
.bodyital{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; line-height: normal; font-weight: normal; color: Navy;}
.smalltextblack{font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; line-height: normal; font-weight: normal; color: Black;}
.smalltextorange{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: Normal; line-height: normal; font-weight: Bold; color: White;}
.smalltextbigblack{
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	line-height: normal;
	color: Navy;
}
.smalltextmblue{font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal;	font-weight: bold; color: #0000cd;}
.smalltextbblack{font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal;	font-weight: bold; color: Black;}
.smalltextbbblack{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style: normal;
	line-height: normal;
	font-weight: Normal;
	color: #000080;
}
.smalltextbblue{
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: Navy;
}
.smalltextsilver{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: Gray;
}
.smalltextblack{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: Black;
}
.smalltextwhite{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; 	line-height: normal;	font-weight: normal; color: #E0E0E0;}
.smalltextsblue2{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; 	line-height: normal;	font-weight: normal; color: #a4caf0;}
.smallertextwhite{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; font-style: normal; line-height: normal; font-weight: normal; color: #E0E0E0;}
.smalltextred{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: Red;
}
.smalltextsblue{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #31639C;
}
.smalltextsred{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #ff0000;
}
.button {
	color: Navy;
	background-color: #F0F8FF;
	border-top : 1px solid;
	border-bottom : 1px solid;
	border-left : 1px solid;
	border-right : 1px solid;
	font-family : Tahoma,Arial;
	font-size : 11px;
	font-weight: normal;
}
.newsheading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold}
.headingbigger {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color:Navy}
.headmedium {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color:Navy}
.news { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px ; color: #FFFFFF}
a:link {  color: #333333}
a:visited {  color: #990033}

A.Link3 {	FONT-SIZE: 7.5pt;	COLOR: Navy; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.Link3:hover {FONT-SIZE: 7.5pt; COLOR: Gray;	FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif;TEXT-DECORATION: underline;}
A.Link3:active {FONT-SIZE: 7.5pt; COLOR: Navy; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}


A.Link1 {FONT-SIZE: 7.5pt; COLOR: #4169e1; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.Link1:hover {FONT-SIZE: 7.5pt; COLOR: #ff0000; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.Link1:active {FONT-SIZE: 7.5pt; COLOR: #4169e1; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}

A.bluelink {FONT-SIZE: 8pt; COLOR: #31639C; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.bluelink:hover {FONT-SIZE: 8pt; COLOR: Black; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;TEXT-DECORATION: none;}
A.bluelink:active {FONT-SIZE: 8pt; COLOR: #31639C;FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;TEXT-DECORATION: none;}

A.Link2 {FONT-SIZE: 7.5pt; COLOR: Black; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.Link2:hover {FONT-SIZE: 7.5pt; COLOR: Navy; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: underline;}
A.Link2:active {FONT-SIZE: 7.5pt; COLOR: Black; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
	

A.Link3 {FONT-SIZE: 7.5pt; COLOR: #31639C; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.Link3:hover {FONT-SIZE: 7.5pt; COLOR: BLACK; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.Link3:active {FONT-SIZE: 7.5pt; COLOR: #31639C; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}


A.Link4 {FONT-SIZE: 8pt; COLOR: #31639C; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.Link4:hover {FONT-SIZE: 8pt; COLOR: Navy; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: underline;}
A.Link4:active {FONT-SIZE: 8pt; COLOR: #31639C; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}

A.redlink {FONT-SIZE: 8pt; COLOR: #FF7F50; 	FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;	TEXT-DECORATION: none;}
A.redlink:hover {FONT-SIZE: 8pt; COLOR: Black; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;TEXT-DECORATION: none;}
A.redlink:active {FONT-SIZE: 8pt; COLOR:#FF7F50;FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;TEXT-DECORATION: none;}

A.bluelinkWline {FONT-SIZE: 8pt; COLOR: #31639C; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.bluelinkWline:hover {FONT-SIZE: 8pt; COLOR: Black; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;TEXT-DECORATION: none; background-color:"#eaeaea"; }
A.bluelinkWline:active {FONT-SIZE: 8pt; COLOR: #31639C;FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;TEXT-DECORATION: none;}

A.Link1to {display: inline; display: block; float: left; padding: 0 8px; color: #ffffff; FONT-SIZE: 7.5pt; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.Link1to:hover {display: inline; display: block; float: left;	padding: 0 8px;	color: #ffffff; FONT-SIZE: 7.5pt; background-color: #f5f5f5; COLOR: #458ccc; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.Link1to:active {display: inline; display: block; float: left;	padding: 0 8px;	color: #ffffff; FONT-SIZE: 7.5pt; COLOR: #4169e1; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}

A.whitelinkx {FONT-SIZE: 6pt; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
A.whitelinkx:hover {FONT-SIZE: 6pt; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;TEXT-DECORATION: none;}
A.whitelinkx:active {FONT-SIZE: 6pt; COLOR: #ffffff;FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;TEXT-DECORATION: none;}


ul, ol {
	margin: 5px 0px;
	padding: 0 0px;
	color: #88ac0b;	
}
ul span, ol span {
	color: #666666;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', Tahoma, monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
.blockquote {
	margin: 10px;
 	padding: 0 0 0 28px;  
   border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 5px;    
}

/* form elements */
form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Tahoma, Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Tahoma, Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bolder 12px Tahoma, Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
	color: #88ac0b;
}

/* search */
form.search {
	position: absolute;
	top: 35px; right: 25px;
	background: transparent;
	border: none;	
}	
form.search input.textbox {
	margin: 0; padding: 1px 2px;
	width: 120px;
	background: #FFF;
	color: #333; 
}
form.search input.button {
	background: #CCC url(images/headerbg.gif) repeat-x;
	color: #333;
	border: none;	
	width: 70px; height: 21px;
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 820px;
	background: #CCC url(images/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#content-wrap {
	clear: both;
	width: 760px;
	padding: 0; 
	margin: 0 auto;
}
#header {
	width: 820px;
	position: relative;
	height: 188px;
	background: #CCC url(images/header.jpg) no-repeat center top;
	padding: 0;
	font-size: 14px;
	color: #FFF;
}
#header h1#logo-text {
	position: absolute;
	margin: 0; padding: 0;
	font: Normal 3.3em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	letter-spacing: 0px;
	color: #FFF;
	text-transform: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 28px; left: 50px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal .8em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 74px; left: 58px;		
}

/* Menu */
#menu {
	clear: both;	
	margin: 0; padding: 0 40px 0 0;
	background: url(images/pcmcv08_02menu01.jpg) repeat-y center top;	
	font: 10px/26px Tahoma, Verdana, Arial, Sans-serif;
	height: 26px;
}
#menu ul {
	float: right;
	list-style: none;
	margin:0; padding: 0;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 8px;
	color: #ffffff;	
	text-decoration: none;
}
#menu ul li a:hover {
	background-color: #f5f5f5;
	color: #000000;	
}
#menu ul li#current a {	
	background-color: #FFF;
	color: #333;
}

/* Main Column */
#main {
	float: right;
	width: 72%;
	padding: 0; margin: 0;
}
#main h1 {
	margin-top: 10px;
	font: Bold 100% Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
	color: #88ac0b;
	padding: 4px 0 4px 25px; 	
	border-bottom: 1px solid #EFF0F1;
	background: #FFF url(images/bullet_letter.gif) no-repeat 3px 50%;	
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 10px 0 10px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* Sidebar */	
#sidebar {
	float: left;
	width: 26.5%;
	padding: 0; margin: 0;	
}	
#sidebar h1 {
	margin-top: 10px;
	padding: 5px 0 5px 10px; 
	font: bold 1.1em Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
	color: #555;
	background: #EEF0F1 url(images/headermed.gif) repeat-x left bottom;	
	border: 1px solid #EFF0F1;
}
#sidebar .left-box {
	border: 1px solid #EFF0F1; 
	margin: 0 0 5px 0;	
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0 8px 0; padding: 0;
	text-decoration: none;		
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(arrow01.jpg) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;	
}
#sidebar ul.sidemenu a {
	font-weight: Normal;
	text-decoration: none;	
	background-image: none;	
}

/* Footer */	
#footer {
	color: #666666;
	background: #CCC url(footer.jpg) no-repeat center top;
	clear: both;
	width: 820px;
	height: 55px;
	text-align: center;	
	font-size: 92%;
}
#footer a { text-decoration: none; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }

/* xfade img */
ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#fade-example-2 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 157px;
	height: 95px;
	background-color: #ff0000;
	visibility: hidden;
}
li img {
	display: block;
	border: 1px solid #FFF;
}
.ajax {
	margin: 1em;
	border: 1em solid #FF8C00;
	padding: 1em;
}
.imgxfade {
	position: relative;
	background-color:#F2F2F2;
	border:2px solid #CCCCCC;
	padding:.02em;
	margin-bottom: .02em;
	width: 159px;
	height: 97px;
}
/* xfade code ends here */

