.glossymenu{
	margin: 5px 0;
	padding: 0;
	width: 170px; /*width of menu*/
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
	}
	
.glossymenu a.menuitem{
	background: black url(menu/glossyback.gif) repeat-x bottom left;
	font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	}
	
	
.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: 5px;
	right: 5px;
	border: none;
	}
	
.glossymenu a.menuitem:hover{
	background-image: url(menu/glossyback2.gif);
	}
	
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	}
	
.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 solid blue;
	}
	
.glossymenu div.submenu ul li a{
	display: block;
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	}
	
.glossymenu div.submenu ul li a:hover{
	background: #DFDCCB;
	colorz: white;
	}
	
.thumbnail{
	padding: 7px;
	border: 1px solid #ddd;
	float: right;
	margin-bottom: 10px;
	}
		
		
#liquid-round {
	width:100%;
	margin:0px auto;
	background:#fff url(box/leftside.gif) repeat-y left top;
}
.top {
	width:100%;
	height:20px;
	background:url(box/top.gif) no-repeat left top;
}
.top span {
	display:block;
	position:relative;
	height:20px;
	background:url(box/top-right.gif) no-repeat right top;
}
.center-content {
	position:relative;
	background:url(box/rightside.gif) repeat-y right top;
	padding:1px 20px 1px 25px;

}
.bottom {
	width:100%;
	height:60px;
	background:url(box/bottom.gif) no-repeat left bottom;
}
.bottom span {
	display:block;
	position:relative;
	height:60px;
	background:url(box/bottom-right.gif) no-repeat right top;
}


<!-- TABLES -->
	
table.table_class a,
table.table_class a:link,
table.table_class a:visited {
	border:none;
	}							
	
img.table_class {
	border:0;
	margin-top:.5em;
	}	
table.table_class {
	width:90%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
	}
caption.table_class {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
	}	
tr.odd td	{
	background:#f7fbff
	}
tr.even td	{
	background:white
	}	
tr.odd .column1	{
	background:#f7fbff;
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}	
tr.even .column1	{
	background:white;
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}
td.table_class {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
	}				
th.table_class {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}							
thead.table_class th.table_class {
	background:#f1f9fe;
	text-align:center;
	font:bold 14 "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
tfoot.table_class th.table_class {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot.table_class th.table_class strong.table_class {
	font:bold 1.1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot.table_class th.table_class em.table_class {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	

.h1_details {
	text-align:left;
	font:bold 16 "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#678197;
	}
	
span.bar_search_string {
	color: #666;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	margin-left:2px;
	}
	
span.category_path_current {
	color: #666;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	margin-left:2px;
	}

span.bar_search_string a {	
	text-decoration:none;
	}

.page_header_bar{
	text-align:left;
	width:90%;
	line-height:20px;
	background-color: #f9f9f9;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	padding:2px 5px;
	vertical-align:middle;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	background-color: #f9f9f9;
	padding:0px;
	margin-bottom:15px;
	font-family:Arial,"Trebuchet MS",Tahoma,Verdana,Helvetica,sans-serif;
	}		




<!-- FORMS -->


.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

textarea
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

.table_submit {
border: 1px solid #781351;
font-size:12px;
font-family:Verdana;

}




<!-- SIDEBOX -->

.cbb {
	padding:0 10px;
	margin:1em 0;
	background:#f7f7ef;
	border:1px solid #666;
	}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Two of the boxes are floated just for this demo. Adjust to your needs. */
.cb {
	margin:0.5em 0;
	}
.two {
	width:45%;
	float:left;
	}
.three {
	width:45%;
	float:right;
	}
/* Rules for the top corners and border */
.bt {
	background:url(box/box2.gif) no-repeat 100% 0;
	margin:0 0 0 24px;
	height:21px;
	}
.bt div {
	height:21px;
	width:24px;
	position:relative;
	left:-24px;
	background:url(box/box2.gif) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */
.bb {
	background:url(box/box2.gif) no-repeat 100% 100%;
	margin:0 0 0 24px;
	height:21px;
	}
.bb div {
	height:21px;
	width:24px;
	position:relative;
	left:-24px;
	background:url(box/box2.gif) no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding:0 0 0 10px;
	background:url(box/borders2.gif) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding:0 10px 0 0;
	background:url(box/borders2.gif) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#f7f7ef;
	border:1px solid #f7f7ef;
	border-width:1px 0;
	padding:0 10px;
	}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	padding:0 10px 0.3em;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}