body
{
	 font-size: 100%;
}
p
{
	text-align: justify;
	font: 0.70em verdana;
	color: #002B84;
}
.droplinetabs{
overflow: hidden;
border-bottom: 1px solid gray; /*underline across bottom of main tabs*/
}

.droplinetabs ul{
font: bold 11px Verdana, sans-serif;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}

.droplinetabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.droplinetabs a{
float: left;
color: white;
background: #45B0F1 url(leftedge.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 4px 0 0;
padding: 0 0 4px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{
color: white;
	height: 25px;
	width: 87px;
}

.droplinetabs a span{
float: left;
display: block;
background: transparent url(rightedge.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 5px 6px;
cursor: pointer;
}

.droplinetabs a span{
float: none;
}


.droplinetabs a:hover{
background-color: #006699; /*background color of tabs onMouseover*/
color: white;
}

.droplinetabs a:hover span{
background-color: transparent;
}

/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: #45B0F1; /*sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinetabs ul li ul li a{
font: bold 9px Verdana;
padding: 9px 4px 9px 4px;
border-right: 1px solid white;
margin: 0;
background: #45B0F1; /*sub menu background color */
}

.droplinetabs ul li ul li a span{
background: #c76023; /*sub menu background color */
}

.droplinetabs ul li ul li a:hover{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
background: #006699;
-webkit-border-radius: 5px;  
-moz-border-radius: 5px; 
-khtml-border-radius: 5px;  
border-radius: 5px;
}



.arrowlistmenu{
width: 100%; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 12px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
 margin-top: 0px;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0px 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #400080;
background: url(Images/arrowbullet.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 80%;
}

.arrowlistmenu ul li a:visited{
color: #400080;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #400080;
background-color: #F3F3F3;
}

.myheaderquicklinks
{
 font: bold 10px Verdana;
}
.myheaderquicklinks ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.myheaderquicklinks ul li{
position: relative;
display: inline;
float: right;
}
.myheaderquicklinks ul li a{
color: #400080;
padding: 1px 6px;
text-decoration: none;
}
.myheaderquicklinks ul li a:hover{
 text-decoration: underline;
}
.myfooterquicklinks
{
	font: bold 10px Verdana;
	width: 100%;
}
.myfooterquicklinks ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
}
.myfooterquicklinks ul li{
position: relative;
display: inline;
/*float: left;*/
}
.myfooterquicklinks ul li a{
color: #400080;
padding: 1px 6px;
border-right: 1px solid #778;
text-decoration: none;
}
.myfooterquicklinks ul li a:hover{
 text-decoration: underline;
}
.mysidequicklinks
{
	font: Verdana;
	color: #400080;
}
.mysidequicklinks ul li a{
font: 12px Verdana;
color: #400080;
padding: 8px 6px;
text-decoration: none;
}
.mysidequicklinks ul li a:hover{
color: Background;
}
.mysidequicklinks ul li{
position: relative;
}
.myheadings
{
 font: bold 18px Verdana;
 color: #400080;
}
.mysubheadings
{
 font: bold 14px Verdana;
 color: #400080;
}
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #400080; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}
.mybookmarks
{
	 font: bold 12px Verdana;
     width: 100%;
}
.mybookmarks ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.mybookmarks ul li{
position: relative;
display: inline;
float: left;
}
.mybookmarks ul li a{
color: #400080;
padding: 1px 10px;
border-right: 1px solid #778;
text-decoration: none;
}
.mybookmarks a
{
	color: #400080;
	text-decoration: none;
}
.mybookmarks ul li a:hover{
 text-decoration: underline;
}
 .mybookmarks a:hover
 {
 	text-decoration: underline;
 }
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
.myaccordion
{
  width: 100%;
  margin-bottom: 0px;
}
.myaccordionheader
{
	 border: 1px solid #2F4F4F;   
            color: white;   
            background-color: #2E4d7B;   
            font-family: Arial, Sans-Serif;   
            font-size: 12px;   
            font-weight: bold;   
            padding: 5px;   
            margin-top: 5px;   
            cursor: pointer;  
}
.myaccordionselectedheader
{
	border: 1px solid #2F4F4F;   
            color: white;   
            background-color: #5078B3;   
            font-family: Arial, Sans-Serif;   
            font-size: 12px;   
            font-weight: bold;   
            padding: 5px;   
            margin-top: 5px;   
            cursor: pointer; 
}
   .myaccordioncontent {   
            background-color: #D3DEEF;   
            border: 1px dashed #2F4F4F;   
            border-top: none;   
            padding: 5px;   
            padding-top: 10px;   
        }  
        


/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	 border: 1px solid #FFFFFF;/* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 50px; /* means the pop-up's top is 50px away from thumb's top */
	left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 100%; /* enter desired thumb width here */
	height : 170px;
}

/* smart image enlarger ends here */
.mylabels
{
 font: bold 0.70em Verdana;
 color: #400080;
 margin-top: 10px;
}
.collapsePanel 
{
	 background-color: #D3DEEF;   
       border: 1px SOLID #2F4F4F; 
       overflow: hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	 background-image: url("images/BACKGB1.jpg");
	background-repeat: repeat-x;
	color:#FFF;
	font-weight:bold;
}
.paginationstyle{ /*Style for demo pagination divs*/
width: 200px;
height: 20px;
text-align: left;
padding: 2px 5px 0px 5px;
margin: 2px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid #0080C0;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 2px 5px 2px 5px;
text-decoration: none;
border: 1px solid #006AD5;
color: #006AD5;
background-color: white;
font: bold 0.70em verdana;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: white;
background-color: #0080C0;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: white;
background-color: #0080C0;
}
.banner {
	WIDTH: 960px; HEIGHT: 300px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}
.bannerContent {
	border: 0px solid #ffffff;
	padding: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%; 	MARGIN: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.new
{
	margin-bottom: 18px;
	font: 0.70em verdana;
	text-align: justify;
	color: #002B84;
}
.new a
{
	color: #002B84;
	text-decoration: none;
}
 .new a:hover
 {
 	text-decoration: underline;
 }       
  .new li
  {
  	margin: 5px 5px 10px 0px;
  }
  .mysociallogo
  {
  	  text-align: right;
  }
  .mysociallogo ul
  {
  	margin: 0;
padding: 0;
list-style-type: none;
  }     
.mysociallogo ul li{
position: relative;
display: inline;
float: left;
}
.mycollapsiblediv
{
	background-color: #0059B3; 
	border: 0px;
	margin: 0px 0px 0px 0px;
}
.mycollapsiblediv:hover
{
	background-color: #1188FF;
}
.mycollapsiblediv h1
{
	color: White; padding: 6px 0px 6px 6px; text-decoration: none; border: 0px;
	font: bold 14px Verdana;
	margin: 10px 0px 0px 0px;
 }
 .mycollapsiblediv a
 {
  text-decoration: none;
 }
 .mycollapsibledivover
{
	background-color: #1188FF; 
	border: 0px;
}
/*.mycollapsiblediv:hover
{
	background-color: #1188FF;
}   doesn't work in IE6*/
.mycollapsibledivover h1
{
	color: White; padding: 6px 0px 6px 6px; text-decoration: none; border: 0px;
	font: bold 14px Verdana;
	margin: 10px 0px 0px 0px;
 }
 .mycollapsibledivover a
 {
  text-decoration: none;
 }
 
 .separator
 {
 	width: 80%; border-bottom: 1px dashed #BEBEBE;
 }
.rights 
{
	 margin-top: 5px;
	font: normal 10px Verdana;
	width: 100%; 
	color: #400080; 
}
#upcmg
{
	margin: 5px 0px 15px 15px;
	text-align: justify;
	font: 0.70em verdana;
	color: #002B84;
}