/* 
-------------------------------------------
 
-------------------------------------------
*/

/* Basic Styles
___________________________________________________________________________________________ */
body {
  background: #cccccc; /* #fff; */
  margin: 0;
  font: 13px Verdana, Arial, Helvetica, Sans-Serif;
  color: #000;
  letter-spacing: normal;
  vertical-align:top !important;
  }
  
p, tr, td, ul, li {
  font: 13px Verdana, Arial, Helvetica, Sans-Serif;
  }
p {
  margin:5px;
  text-align:left;
  }
  
  
ul li {
  margin:0;
  list-style-type: square;
  }
  
  
h1 {
  padding: 3px 6px;
  margin: 0 0 5px 0;
  font: bold 16px Verdana,Arial,  Helvetica, Sans-Serif;
  color: #333;
  border: none;
  background: #dee7fa;
  }
  
  
h3, h5, h6 {
  padding: 0 6px;
  margin: 0 0 3px 0;
  font: bold 14px/16px Arial, Verdana, Helvetica, Sans-Serif;
  color: #666;
  border-left: 1px solid #8ba0b8;
  }
  
  
h4 {
  padding: 3px;
  margin: 0;
  font: bold 13px Verdana, Arial, Helvetica, Sans-Serif;
  color: #fff;
  text-align: left;
  background: #a8c6fe ;
  }
  
a, a:link
 {
  text-decoration: none;
  color: #000;
  font: 13px Verdana, Arial, Helvetica, Sans-Serif;
  }
 a:visited, a:active {
  text-decoration: underline;
  color: #000;
  font: 13px Verdana, Arial, Helvetica, Sans-Serif;
  }
a:hover {
  text-decoration: underline;
  color: #740000;
  font: 13px Verdana, Arial, Helvetica, Sans-Serif;
  }
  
  
  
table td { vertical-align:top; }

img { border: none; }

.hide { display: none; }


.blocks {
  margin: 5px 5px 0 5px;
  padding: 5px;
  border: 1px solid #CCD2EC;
  text-align: left;
  background-color: #edf2fb;
  }
  
  
.blocks2 {
  /* margin: 5px 5px 0 5px;   */		/* kdw: removed to make more space on screen, shrink the right column */
  padding: 0px;  /* 5px; */			/* kdw: changed to make more space */
  border: 1px solid #CCD2EC;
  text-align: center;
  background-color: #edf2fb;
  }

/* Main Layout
___________________________________________________________________________________________ */
 		/* ...or... */

/*	___________________________
	Center-Aligned Container */
/* #container {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 1px 0 -383px;
  padding: 0;
  width: 767px;
  background: transparent;
  }
*/


/*	_________________________
	Fluid Container */
table#container {
  margin: 0 0%;
  padding: 0;
  width: 100%;
  min-width: 600px;
  /* background:#cccccc;  */
  border: 1px solid black;
  }

 

/*	_______________________
	Pages with a sidebar */
#navcolumn {
  margin: 0;
  padding: 0;
  width:200px;
  text-align:center;
  border-right: 1px solid #8ba0b8;
  border-left: 1px solid #8ba0b8;
  background: #F2F4F4 url("images/navColumnTop.gif") top left no-repeat;
  padding-top: 20px;
  }
#contentcolumn {
  padding:0;
  margin:0;
  /*width:620px;*/
  width: 100%;     
  text-align:left;
  border-right: 1px solid #8ba0b8;
  }
  
  
  
  
  
/*************************************************************
*         HERES MY THEME DESIGN                              *
**************************************************************/  
  
  
  
#topHeader
{
   color: black;
   height: 85px;
   background: white url("images/topHeaderRight.gif") bottom right no-repeat;
   
} 

#topHeader img
{
   vertical-align:bottom;
}

#topMenu
{
   
   color: white;
   height: 35px;
   background: orange url("images/topMenuBg.gif") repeat-x;
   text-align: right;
   vertical-align: top;
}

#topMenu .topMenuLinks, 		/* IE requires us to sue the hierarchy of topMenu. */
#topMenu .topMenuLinks a
{ 
   
   font: bold 14x Verdana, Arial, Helvetica, Sans-Serif;
   padding-top: 5px;
   padding-bottom: 10px;		/* to make the hover color cover the entire top menu */
   padding-left:  8px;
   padding-right: 8px;
   color: white;
   font-weight: bolder;  
   vertical-align: top;
   text-decoration: none;
}
.topMenuLinks a:hover 
{ 
    text-decoration:underline; 
    background: black; 
}


#headerDesignBar
{
  background: black url("images/headerDesignBarBG.gif");
  
}

#headerDivider
{
 
  height: 43px;
  background: gray url("images/headerDividerBG.gif") repeat-x;

}


#footerRegion
{
  color: white;
  background: gray;
  border-top: 1px black;
}



.category   
{  color:black;			/* main category... this div incloses all the subcats too. */
   font-size: 12px;
   font-weight: bold;
   padding-left: 15px;
   padding-right: 0px;
   background:   url("images/ulArrowBg.gif") no-repeat top left;
  
}


.subcat,
.subcat2
{   
        color: blue;				/* subcategories */
        font-size: 12px;
        list-style-type: none;
        padding-left: 20px;
        padding-right: 0px;
   	background:   url("images/liArrowBg.gif") no-repeat top left;
   	text-decoration: none;         
}
 .subcat .subcat2 a,		/* for IE */			/*** The Links for the  Subcats */
 .subcat a			/* for FireFox */ 
{ 
   text-decoration: none;  
   color: black;
 }         
 
.subcat .subcat2 a:hover,	/* for IE */			/*** the Hover fo the links in the subcats */
.subcat a			/* for FFox */
{ 
   text-decoration: underline; 
   color: black;
}         
     


.resourceHeader
{
   height:21px;
   font-size: 12px;
   font-weight: bold;
   background: white url("images/resourceHeader.gif") bottom repeat-x;   
   padding: 0px;
   vertical-align: bottom;
}

.resourceHeader .resourceHeaderText
{
   background: url("images/resourceHeaderSkin.gif") bottom left no-repeat;
   padding-left: 30px;   
   //height: 18px;   
   font-size: 12px;
   vertical-align: bottom;   
   padding-bottom: 2px;
}

.resourceTable
{
   width: 560px;
   background: white; // #E8E8E8;
   //border: 1px  solid black;
}

.resourceContent
{
   align: center;
   background:#E8E8E8;
   border-left: thin 1px black;
   width: 560px;    
     border: 1px  solid black;
}

.resourceFooter
{
   height:11px; 
   font-size: 8px;
   font-color: #8D8585;
   background: blue url("images/resourceFooterSkin.gif") bottom repeat-x;   
   padding: 0px;
   vertical-align: bottom;
}