body{
margin:0;
padding:0;
line-height: 1.5em;
BACKGROUND: #cc3300;
font-family:   Arial, Verdana, Helvetica; 
font-size: 14px;
background-image: url("../images/bg_sand_solid_3.jpg");
}

A:link { text-decoration: none;
 color: #990000;
} 
A:visited {text-decoration: none;
 color: #990000;
 }
A:hover {
text-decoration: underline;
 color: #cc3300; 
 } 

b{font-size: 110%;}
em{color: red;}

td {
font-size: 14px;
}

#maincontainer{
width: 860px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #000000;
height: 105px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 180px 0 210px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background: #fFFFda;
}

#leftcolumn{
float: left;
width: 210px; /*Width of left column in pixel*/
margin-left: -860px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffefca;
valign: top;
}

#rightcolumn{
float: left;
width: 180px; /*Width of right column*/
margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/
background: #faad8c;
valign: top;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFFFFF;
text-align: center;
padding: 4px 0;
font-size: 12px;
}

#footer a{
color: #FFFFFF;
}

#footer a:hover{
font-family:   Arial, Verdana, Helvetica; 
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}



.innertube{
margin: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.layoutjustify {
text-align: justify;
}

.tdMenu {
background-image: url("../images/button_3.jpg");
font-family:   Arial, Verdana, Helvetica; 
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
width: 164px; 
height: 42px; 
padding-left: 60;
cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


.ThumbDisplay {

background-image: url("../images/Bullet_sand.jpg");
font-family:   Arial, Verdana, Helvetica; 
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
/*width: 164px; 
height: 28px; */
padding-left: 4;
padding-right: 4;
padding-top: 4;
	text-decoration: none;

}

.image{
	border-style:outset;
	border-color: #FFFFFF;
	border-width:3px;
      }


.sand {
background-image: url("../images/Bullet_sand.jpg");
font-family:   Arial, Verdana, Helvetica; 
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
/*width: 164px; */
height: 28px; 
padding-left: 2;
padding-right: 2;
cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
	text-decoration: none;
}
.sandCat {
background-image: url("../images/Bullet_sand.jpg");
font-family:   Arial, Verdana, Helvetica; 
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
/*width: 164px; */
height: 28px; 
padding-left: 2;
padding-right: 2;
	text-decoration: none;
}

.sandPattern {
background-image: url("../images/Bullet_sand.jpg");
font-family:   Arial, Verdana, Helvetica; 
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
/*width: 164px; */
height: 28px; 
padding-left: 2;
padding-right: 2;
text-decoration: none;
color: #990000;
}

a:link.sand {
color: #FFFFFF; /*button text color*/
text-decoration: none;
}

a:link.MenuLinks, a:visited.MenuLinks, a:hover.MenuLinks, a:active.MenuLinks, a:link.sand {
color: #FFFFFF; /*button text color*/
text-decoration: none;
}

a:hover.MenuLinks, a:hover.sand{ /* Hover state CSS */
color: #FFFFFF; /*button text color*/
font-size: 16px;
text-decoration: underline;
}






/*###############  setup for menu*/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 180px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(../images/button_3.jpg);
font-family:   Arial, Verdana, Helvetica; 
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px 0px;
padding-left: 35px;
padding-right: 0px;
text-decoration: none;
vertical-align: middle;
height: 22px; 
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 0px;
right: 0px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/button_3.jpg);
color: #FFFFFF; /*button text color*/
font-size: 16px;
text-decoration: underline;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background-image: url(../images/HoneyAnt_print1.jpg);

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px #CC3300;
}

.glossymenu div.submenu ul li a{
display: block;
font-family:   Arial, Verdana, Helvetica; 
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 5px 0;
padding-left: 10px;
padding-left: 50px;
/*background-image: url(../images/bullet_ant1.jpg);*/

}

.glossymenu div.submenu ul li a:hover{
/* background-image: url(../images/bullet_ant1.jpg);*/
color: #FFFFFF; /*button text color*/
font-size: 16px;
text-decoration: underline;
color: white;
}
/*###############  end of setup for menu*/

/*###############  setup for certificate tables*/
table.cert {
	border-width: thick thick thick thick;
	border-spacing: 2px;
	border-style: ridge ridge ridge ridge;
	border-color: rgb(204, 51, 0) rgb(204, 51, 0) rgb(204, 51, 0) rgb(204, 51, 0);
	border-collapse: separate;
	background-color: white;
}
table.cert th {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;	
	-moz-border-radius: 0px 0px 0px 0px;
	height: 30px;
}
table.cert td {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
/*###############  end of setup for certificate tables*/