*
{
	margin: 0;
}

html
{
	background: #000 url(../images/bg4.gif) top center;
}

body
{
	font: 14px verdana,arial,sans-serif;
}

.wrapper
{
	margin: 0 auto -4em;
	min-width:1000px;
	/*min-height: 650px;*/
}

.maintable
{
	position:relative;
    margin-left: auto;
    margin-right: auto;
	z-index:100;
}

.txt_main
{
	font: 13px verdana,arial,sans-serif;
	width:100%;
}

.header
{
	height: 90px;
}

.header_1
{
	height:90px;
}

.divider
{
	position: absolute;
	width: 100%;
	height:100px;
    margin-left: auto;
    margin-right: auto;
	top:40px;
	z-index:0;
}

.description
{
	font: bold 16px verdana,arial,sans-serif;
	text-shadow:  0px -1px 1px rgba(0,0,0,1);
	letter-spacing: 1px;
	color: #CCC;
}

.txt_footer {
	font: bold 12px verdana,arial,sans-serif;
	color: #CCC;
}

.category
{
	letter-spacing: 1px;
	font: bold 20px verdana,arial,sans-serif;
    color:#EEE;
	text-shadow:  0px -1px 1px rgba(0,0,0,1);
	text-decoration: none;
}

A.category
{
	letter-spacing: 1px;
	font: bold 20px verdana,arial,sans-serif;
	color:#EEE;
	text-shadow:  0px -1px 1px rgba(0,0,0,1);
	text-decoration: none;

}

A.category:hover
{
	letter-spacing: 1px;
	font: bold 20px verdana,arial,sans-serif;
	color:#FFF;
	text-shadow:  0px -1px 1px rgba(0,0,0,1);
	text-decoration: none;
}

.side
{
	position:absolute;
  	width:225px;
	z-index:100;
}

.mainDiv
{
	width:224px;
}

.link
{
	width: 225px; 
}

.mainheader
{
	background:url(../images/1.gif) no-repeat left top;
	padding: 3px 0px 0px 10px;
	text-decoration:none;
	height: 36px;
}

.mainheader2
{
	background:url(../images/nav/m_t_bg_5.gif) no-repeat left top;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
	font: bold 12px verdana,arial,sans-serif;
	height:29px;
	color: white;
	width: 225px;
	border: 0px solid #7b848f;
	text-indent:10px;
}

.nav_header {
	font: bold 18px verdana,arial,sans-serif;
	text-shadow:  0px -1px 0px rgba(0,0,0,1);
	letter-spacing: 1px;
	color: #FFFFFF;
	padding: 3px 0px 0px 10px;
}

.mainheader3
{
	background:url(../images/nav/m_t_bg_7.gif) no-repeat left top;
	margin-top:5px;
	padding: 0px 0px 0px 10px;
	text-decoration:none;
	font: bold 12px verdana,arial,sans-serif;
	height:29px;
	width: 225px;
	color: white;
	cursor:pointer;
}

.txt_grey
{
	clear: left;
	color:#333;
	font-weight:bold;
	font-family: tahoma; 
	font-size: 11px;
	TEXT-DECORATION: none;
}

.txt_grey2
{
	clear: left;
	color:#333;
	font-weight:bold;
	font-family: tahoma; 
	font-size: 12px;
	TEXT-DECORATION: none;
}
	
#current
{
	background-color: #000FFF;
}

.subcategory
{
	font-size: 13px;
	line-height: 1.5em;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/nav/bg_subcategory.gif);
	background-repeat: repeat-x;
}

.border
{
	border-bottom: 1px solid #9ba7b2;
}

.txt_footer a
{
	clear: left;
	color:#333;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;
	TEXT-DECORATION: none;
}

.txt_footer a:hover
{
	clear: left;
	color:#333;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;
	TEXT-DECORATION: underline;
}

.tabtext
{
	font-size:11px;
	line-height:normal;
}

.txt_subheader
{
	font: bold 18px verdana,arial,sans-serif;
	color: #333;
	padding:0px 0px 10px 0px
}
	
table
{
	border-collapse: collapse;
}

.nounderline
{
	text-decoration:none;
}

/*ACCORDIION STYLE START*/
.arrowlistmenu
{
	width:200px; /*width of accordion menu*/
	padding: 48px 0px 0px 45px;
	margin-top:-1px;
}

.arrowlistmenu .menuheader
{
	/*CSS class for menu headers in general (expanding or not!)*/
	font: bold 18px Arial;
	color: white;
	background: transparent url(../images/button_out.png) no-repeat bottom left  ;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	padding: 18px 5px 10px 10px; /*header text is indented 10px*/
	/*text-indent:10px;*/
	margin:0;
	cursor: pointer;
	width:180px;
	height:30px;
	line-height:17px;
	word-wrap: break-word;
}

.menuheader:hover
{
	background: transparent url(../images/button_over0.png) no-repeat bottom left  ;
	width:180px;
	/*text-indent:10px;*/
}

.arrowlistmenu .openheader
{
	/*CSS class to apply to expandable header when it's expanded*/
	background: transparent url(../images/button_over.png) no-repeat bottom right  ;
	width:190px;
	/*text-indent:10px;*/
}

.arrowlistmenu ul
{
	/*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom:10px; /*bottom spacing between each UL and rest of content*/
	border-bottom:1px solid #76787e;
	width:192px;
	background: transparent url(../images/button_over_sub.png) bottom right;
}

.arrowlistmenu ul li
{
	margin-bottom:0px;
	width:190px;
	height:30px;
}

.arrowlistmenu ul li .opensubheader
{
	/*Open state CSS for sub menu header*/
	width:190px;;
	height:30px;
}

.arrowlistmenu ul li .closedsubheader
{
	/*Closed state CSS for sub menu header*/
	background: lightgreen !important;
	height:30px;
}

.arrowlistmenu ul li a
{
	color: #FFFFFF;
	display: block;
	padding: 7px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	font:  14px Arial;
	cursor: pointer;
	width:173px;
	line-height:10px;
}

.arrowlistmenu ul li a:hover,  .arrowlistmenu ul li a:visited, .arrowlistmenu ul li a:active
{
	/*hover state CSS*/
	width:173px;
	color:#00aff0;
	text-decoration:none;
}

.arrowlistmenu ul li a.subexpandable:hover
{
	/*hover state CSS for sub menu header*/
	background: lightblue;
	color:#00aff0;
}

.categoryitems ul
{
}
/*ACCORDIION STYLE END*/

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog
{
	position:relative;
	margin:-30px auto -30px auto;
	min-width:8em;
	max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#fff;
	z-index:1;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:25px; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div
{
	background:transparent url(../images/bg_main1.png) no-repeat top right;
}

.dialog .content
{
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 12px 0px 0px;
}

.dialog .t
{
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.dialog .b
{
	/* bottom */
	position:relative;
	width:100%;
}

.dialog .b,
.dialog .b div
{
	height:50px; /* height of bottom cap/shade */
	font-size:1px;
}

.dialog .b
{
	background-position:bottom right;
}

.dialog .b div
{
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft
{
	position:relative;
}

.dialog .thewrapper
{
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
}

.dialog h1,
.dialog p
{
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0.5em 0px 0.5em 0px;
}

.dialog h1
{
	padding-bottom:0px;
}


.blankContent
{
	width:437px;
	padding-left:20px;
}