/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox {
      background: #6699ff;

      float: center;
      margin: 0 0 0 0em;
      width: 95%;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox #top, div#roundedbox #bottom {

      font-size: 1px;
      height: 10px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox #topleft {
      background: url(images/corners.jpg) no-repeat top left;
      float: left;
      height: 10px;
      width: 16px;
   }
   div#roundedbox #topright {
      background: url(images/corners.jpg) no-repeat top right;
      float: right;
      height: 10px;
      width: 16px;
   }
   div#roundedbox #bottomleft {
      background: url(images/corners.jpg) no-repeat bottom left;
      float: left;
      height: 10px;
      width: 16px;
   }
   div#roundedbox #bottomright {
      background: url(images/corners.jpg) no-repeat bottom right;
      float: right;
      height: 10px;
      width: 16px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox #boxcontent {
      margin: -1em 1em;
   }
   /* Finally, well give paragraphs in the box a little smaller top 
   and bottom margin just to keep things tight. */
   div#roundedbox p {
      margin: .5em 0;
  }


///////////////////////////////////////
/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#topcorners {
      background: #cccccc;

      float: center;
      margin: 0 0 0 0em;
      width: 100%;
   }


   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#topcorners #top, div#roundedbox #bottom {

      font-size: 1px;
      height: 10px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#topcorners #toptopleft {
      background: url(images/corners1.jpg) no-repeat top left;
      float: left;
      height: 10px;
      width: 16px;
   }
   div#topcorners #toptopright {
      background: url(images/corners1.jpg) no-repeat top right;
      float: right;
      height: 10px;
      width: 16px;
   }
   div#topcorners #bottomleft {
      background: url(images/corners1.jpg) no-repeat bottom left;
      float: left;
      height: 10px;
      width: 16px;
   }
   div#topcorners #bottomright {
      background: url(images/corners1.jpg) no-repeat bottom right;
      float: right;
      height: 10px;
      width: 16px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox #boxcontent {
      margin: -1em 1em;
   }
   /* Finally, well give paragraphs in the box a little smaller top 
   and bottom margin just to keep things tight. */
   div#topcorners p {
      margin: .5em 0;
  }

///////////////////////////////////////////////////////////////


BODY
		

margin: 0;
    bigcolor: #D6D6D6;
    font-family: verdana;
    font-size: 11px;
}

A
{
	text-decoration: none;
}
IMG
{
	border: 0;
}
H1
{
	font-size: 40px;
	color: #0a51a1;
}


H2
{
	font-size: 13px;
	color: #0a51a1;
	color: #666666;
}
td
{
	font-size: 12;
	color: black;
	}

.TitleLinks 
{font-family:tahoma, verdana, helvetica, arial; font-size:12; 
color:black; font-weight:bold; text-decoration:none
}
a.TitleLinks:hover {text-decoration:none
}
.BlackLink {font-family:tahoma, verdana, helvetica, arial; font-size:11; color:black; font-weight:bold; text-decoration:none}
a.BlackLink:hover {text-decoration: underline}
		
.BlackLinkB {font-family:tahoma, verdana, helvetica, arial; font-size:13; color:black; font-weight:bold; text-decoration:none}
a.BlackLinkB:hover {text-decoration: underline}

.BlueLinkB {font-family:tahoma, verdana, helvetica, arial; font-size:12; color:#666666; font-weight:bold; text-decoration:none}
a.BlueLinkB:hover {text-decoration: underline}

.BlueLink {font-family:tahoma, verdana, helvetica, arial; font-size:11; color:blue; font-weight:bold; text-decoration:underline}
a.BlueLink:hover {text-decoration: underline}


.RedLink {font-family:tahoma, verdana, helvetica, arial; font-size:11; color:red; font-weight:bold; text-decoration:none}
a.RedLink:hover {text-decoration: underline}

a.CatLinks {font-family:tahoma, verdana, helvetica, arial; font-size:11; color:white; font-weight:bold; text-decoration:none}
a.CatLinks:hover {text-decoration:underline}

a.SubCatLinks {font-family:tahoma, verdana, helvetica, arial; font-size:11; color:#878888; font-weight:normal; text-decoration:none}
a.SubCatLinks:hover {text-decoration:underline}
		
a.SubCatLinksB {font-family:tahoma, verdana, helvetica, arial; font-size:11; color:#000000; font-weight:normal; text-decoration:none}
a.SubCatLinksB:hover {text-decoration:underline}

.pageNav {
	font-size:16px;
color:red; 
background-color:#FFFFCC;

}
.pageNav ul {
	list-style:none;
	padding:0px;
	margin:0px;
	border-left:1px solid #E7E7E7;
	border-right:1px solid #E7E7E7;
	border-bottom:1px solid #E7E7E7;		
}
.pageNav a{
	padding-left:2px;
	text-decoration:none;

}
.pageNav a:hover{
	color:maroon;
}
.pageNav li{
		border-top:1px solid #E7E7E7;
		padding:3px;
		background-color:white;
}	
.pageNav li:hover{
	background-color:#FFFFCC;
	
}	
/* Category Level 1 -- Root */
.pageNav li a{
	color:darkblue;
}
/* Category Level 2 */
.pageNav li li a{
	color:#FF6600;
}
/* Category Level 3 */
.pageNav li li li a{
	color:#666666;
}
/* Category Level 4 */
.pageNav li li li li a{
	color:#000000;
}
.pageNav li li li li li a{
	color:#993300;
}



.div_holder
{
	width: 800px;
	margin: 0;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
	background: #fff;
}



	
.div_root
{
	text-align: center;
}
.td_top_bar
{
	background: #006599;
	width: 800px;
	height: 40px
}
.td_banner_left
{
	padding: 10px;
}
.td_banner_right
{
	padding: 0px;
	text-align: center;
}
.td_banner_right_inside
{
	border: 2px solid #cccccc;
	padding: 5px;
	text-align: center;
}
.td_menu_holder
{
	padding-left: 10px;
}
.td_menu
{
	border-right: 2px solid #00ccff;
	padding: 5px 3px 5px 3px;
}
.td_menu_left
{
	border-left: 2px solid #00ccff;
	border-right: 2px solid #00ccff;
	padding: 5px 5px;
}
.td_menu A, .td_menu_right A, .td_menu_left A
{
	color: #0099cc;
	font-size: 11px;
	font-weight: normal;
}
.td_thumb
{
	padding-bottom: 10px;
}
.td_thumb_text
{
	color: #666666;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	vertical-align: bottom;
	padding-left: 10px;
	padding-bottom: 10px;
}
.td_left_panel
{
	padding: 10px 0px 10px 10px;
	vertical-align: top;
}
.td_left_panel_inside
{
	border: 2px solid #CCCCCC;
	padding: 10px 10px 10px 10px;
	width: 240px;

}
.td_main_panel
{
	padding: 10px 10px 10px 10px;
	vertical-align: top;
}
.td_main_panel_inside
{
	border: 2px solid #CCCCCC;
	padding: 10px 10px 10px 10px;
	width: 480px;


}
.Button {
	border:1px dotted #555; FONT-FAMILY: Verdana, Helvetica, Arial, Tahoma; font-size: 9px;
BACKGROUND-COLOR: #33666666
}

.forButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFECB0;
	border: 1px outset #FFFFE1;
	
}

///////////////////////////////////////

html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
   #wrapper {
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
      width: 400px;
   }
.myBox
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    color: #000000;
    width: 60%;
    padding: 20px;
    text-align: left;
    background-color: #FFFFFF;
    border: 7px solid #6699FF;
    /*
    background-image: url(back_test2.jpg);
    background-repeat: no-repeat;
    */
}