@charset "utf-8";
/* CSS Document */

table { 
border-spacing: 2px;
/*border: 1px solid black;*/
}

body{
	/*background-color:#4a4a4a;*/
	/*width:80%;*/
	align:center;
	text-align: center;
}

.top {font-family:"verdana"; font-size:10pt; color:#686868; text-decoration:none; font-weight:normal;}
.top A:link {font-family:"verdana"; font-size:10pt; color:#686868; text-decoration:none; font-weight:normal;}
.top A:visited {font-family:"verdana"; font-size:10pt; color:#686868; text-decoration:none; font-weight:normal;}
.top A:active {font-family:"verdana"; font-size:10pt; color:#686868; text-decoration:none; font-weight:normal;}
.top A:hover {font-family:"verdana"; font-size:10pt; color:#6ca6d7; text-decoration:none; font-weight:normal;}

.top2 {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none;}
.top2 A:link {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none;}
.top2 A:visited {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none;}
.top2 A:active {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none;}
.top2 A:hover {font-family:"verdana"; font-size:8pt; color:#6ca6d7; text-decoration:none;}

.description {font-family:"verdana"; font-size:7.5pt; color:#686868; text-decoration:none;}
.description A:link {font-family:"verdana"; font-size:7.5pt; color:#686868; text-decoration:none;}
.description A:visited {font-family:"verdana"; font-size:7.5pt; color:#686868; text-decoration:none;}
.description A:active {font-family:"verdana"; font-size:7.5pt; color:#686868; text-decoration:none;}
.description A:hover {font-family:"verdana"; font-size:7.5pt; color:#6ca6d7; text-decoration:none;}

.descriptiontitle {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none; font-weight:bold;}
.descriptiontitle A:link {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none; font-weight:bold;}
.descriptiontitle A:visited {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none; font-weight:bold;}
.descriptiontitle A:active {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none; font-weight:bold;}
.descriptiontitle A:hover {font-family:"verdana"; font-size:8pt; color:#6ca6d7; text-decoration:none; font-weight:bold;}

.cattitle {font-family:"verdana"; font-size:11pt; color:#3c3c3c; text-decoration:none; font-weight:normal;}
.cattitle A:link {font-family:"verdana"; font-size:11pt; color:#3c3c3c; text-decoration:none; font-weight:normal;}
.cattitle A:visited {font-family:"verdana"; font-size:11pt; color:#3c3c3c; text-decoration:none; font-weight:normal;}
.cattitle A:active {font-family:"verdana"; font-size:11pt; color:#3c3c3c; text-decoration:none; font-weight:normal;}
.cattitle A:hover {font-family:"verdana"; font-size:11pt; color:#3c3c3c; text-decoration:none; font-weight:normal;}

.catsubtitle {font-family:"verdana"; font-size:10pt; color:#3c3c3c; text-decoration:none; font-weight:normal;}
.catsubtitle A:link {font-family:"verdana"; font-size:10pt; color:#3c3c3c; text-decoration:none; font-weight:normal;}
.catsubtitle A:visited {font-family:"verdana"; font-size:10pt; color:#3c3c3c; text-decoration:none; font-weight:normal;}
.catsubtitle A:active {font-family:"verdana"; font-size:10pt; color:#3c3c3c; text-decoration:none; font-weight:normal;}
.catsubtitle A:hover {font-family:"verdana"; font-size:10pt; color:#3c3c3c; text-decoration:none; font-weight:normal;}


.comment {border-bottom-color:#dfdfdf; border-top-color:#dfdfdf; border-right-color:#dfdfdf; border-left-color:#dfdfdf;}


.whatnew {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none;}
.whatnew A:link {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none;}
.whatnew A:visited {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none;}
.whatnew A:active {font-family:"verdana"; font-size:8pt; color:#686868; text-decoration:none;}
.whatnew A:hover {font-family:"verdana"; font-size:8pt; color:#6ca6d7; text-decoration:none;}

.newsitem {font-family:"verdana"; font-size:8pt; color:#195977; text-decoration:none; font-weight:normal;}
.newsitem A:link {font-family:"verdana"; font-size:8pt; color:#195977; text-decoration:none; font-weight:normal;}
.newsitem A:visited {font-family:"verdana"; font-size:8pt; color:#195977; text-decoration:none; font-weight:normal;}
.newsitem A:active {font-family:"verdana"; font-size:8pt; color:#195977; text-decoration:none; font-weight:normal;}
.newsitem A:hover {font-family:"verdana"; font-size:8pt; color:#195977; text-decoration:underline; font-weight:normal;}

.morelink {font-family:"verdana"; font-size:7pt; color:#777777; text-decoration:none; font-weight:normal;}
.morelink A:link {font-family:"verdana"; font-size:7pt; color:#777777; text-decoration:none; font-weight:normal;}
.morelink A:visited {font-family:"verdana"; font-size:7pt; color:#777777; text-decoration:none; font-weight:normal;}
.morelink A:active {font-family:"verdana"; font-size:7pt; color:#777777; text-decoration:none; font-weight:normal;}
.morelink A:hover {font-family:"verdana"; font-size:7pt; color:#777777; text-decoration:underline; font-weight:bold;}

.linkitem {font-family:"verdana"; font-size:7pt; color:#195977; text-decoration:none; font-weight:normal;}
.linkitem A:link {font-family:"verdana"; font-size:7pt; color:#195977; text-decoration:none; font-weight:normal;}
.linkitem A:visited {font-family:"verdana"; font-size:7pt; color:#195977; text-decoration:none; font-weight:normal;}
.linkitem A:active {font-family:"verdana"; font-size:7pt; color:#195977; text-decoration:none; font-weight:normal;}
.linkitem A:hover {font-family:"verdana"; font-size:7pt; color:#195977; text-decoration:underline; font-weight:normal;}


.mainMenu {font-family:"verdana"; font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
.mainMenu A:link {font-family:"verdana"; font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
.mainMenu A:visited {font-family:"verdana"; font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
.mainMenu A:active {font-family:"verdana"; font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
.mainMenu A:hover {font-family:"verdana"; font-size:8pt; color:#ffffff; text-decoration:underline; font-weight:bold;}

.topmenu {font-family:"verdana"; font-size:8pt; color:#777777; text-decoration:none; font-weight:normal;}
.topmenu A:link {font-family:"verdana"; font-size:8pt; color:#777777; text-decoration:none; font-weight:normal;}
.topmenu A:visited {font-family:"verdana"; font-size:8pt; color:#777777; text-decoration:none; font-weight:normal;}
.topmenu A:active {font-family:"verdana"; font-size:8pt; color:#777777; text-decoration:none; font-weight:normal;}
.topmenu A:hover {font-family:"verdana"; font-size:8pt; color:#777777; text-decoration:underline; font-weight:normal;}

.txtlist {font-family:"verdana"; font-size:9pt; color:#195977; text-decoration:none; font-weight:normal;}
.txtlist A:link {font-family:"verdana"; font-size:9pt; color:#195977; text-decoration:none; font-weight:normal;}
.txtlist A:visited {font-family:"verdana"; font-size:9pt; color:#195977; text-decoration:none; font-weight:normal;}
.txtlist A:active {font-family:"verdana"; font-size:9pt; color:#195977; text-decoration:none; font-weight:normal;}
.txtlist A:hover {font-family:"verdana"; font-size:9pt; color:#195977; text-decoration:underline; font-weight:bold;}


.sideMenu {font-family:"verdana"; font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
.sideMenu A:link {font-family:"verdana"; font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
.sideMenu A:visited {font-family:"verdana"; font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
.sideMenu A:active {font-family:"verdana"; font-size:8pt; color:#ffffff; text-decoration:none; font-weight:bold;}
.sideMenu A:hover {font-family:"verdana"; font-size:8pt; color:#ffffff; text-decoration:underline; font-weight:bold;}

.sideLink {font-family:"verdana"; font-size:8pt; color:#444444; text-decoration:none; font-weight:bold; margin-left:8px; list-style-type:none; height:10pt;}
.sideLink A:link {font-family:"verdana"; font-size:8pt; color:#444444; text-decoration:none; font-weight:bold; margin-left:8px; list-style-type:none; height:10pt;}
.sideLink A:visited {font-family:"verdana"; font-size:8pt; color:#444444; text-decoration:none; font-weight:bold; margin-left:8px; list-style-type:none; height:10pt;}
.sideLink A:active {font-family:"verdana"; font-size:8pt; color:#444444; text-decoration:none; font-weight:bold; margin-left:8px; list-style-type:none; height:10pt;}
.sideLink A:hover {font-family:"verdana"; font-size:8pt; color:#444444; text-decoration:underline; font-weight:bold; margin-left:8px; list-style-type:none; height:10pt;}


.TableMenu {
	border-left: solid 1px white; //gray;
	border-right: solid 1px white; //black;
	border-bottom: solid 1px white; //gray;
	overflow: hidden;
	font-family:"verdana"; 
	font-weight:bold;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.TableMenuPanel {
	margin: 0px;
	padding: 0px;
	color: #000000; //#FFFFFF;
	//background-color: #2B7CAA;
	//height: 600px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.TableMenuPanelTab {
	background-color: #DDDDDD; ///#2B7CA2;		//#3399FF;	// #CCCCCC;
	border-top: solid 1px white; //black;
	border-bottom: solid 1px white; //gray;
	margin: 0px;
	padding: 4px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size:8pt;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.TableMenuPanelContent {
	overflow: auto;
	margin: 0 3px 0 3px;
	padding: 4px;
	//height: 600px;
	font-size:8pt;
	background-color: #EEEEFF; //#3399FF;
}

.productTitle {font-family:"verdana"; font-size:16pt; color:#0; text-decoration:none; font-weight:bold;}
.productTitle A:link {font-family:"verdana"; font-size:16pt; color:#0; text-decoration:none; font-weight:bold;}
.productTitle A:visited {font-family:"verdana"; font-size:16pt; color:#0; text-decoration:none; font-weight:bold;}
.productTitle A:active {font-family:"verdana"; font-size:16pt; color:#0; text-decoration:none; font-weight:bold;}
.productTitle A:hover {font-family:"verdana"; font-size:16pt; color:#0; text-decoration:underline; font-weight:bold;}

.itemHide{
	display:none;
}
.itemShow{
	display:inherit;
}
.styleButton1 {
	width:100px; border:hidden; height:34px; font-size:12px; margin:2px;
	font-weight:bold; border-bottom:solid 1px gray;background-image:url(../img/button.png); border-right:solid 1px gray;
}
.styleButton2{
	width:100px; border:hidden; height:34px; font-size:12px; margin:2px; background-color:#6666FF;
	font-weight:bold; border-bottom:solid 1px gray; background-image:url(../img/button.png); border-right:solid 1px gray;
}
.imageBorder {
	border: solid 1px	gray;
}

.LeftButtonTitle {
	background-image:url('../img/btntitle.gif'); 
	border:none; 
	width:100%; 
	height:28pt; 
	color:#FFFFFF; 
	text-align:left; 
	font-weight:bold;
}
.LeftButtonHead {
	background-image:url('../img/btn1.GIF'); 
	border:none; 
	width:100%; 
	height:28pt; 
	color:#FFFFFF; 
	cursor:pointer; 
	text-align:left; 
	font-weight:bold;
}
.LeftButtonGroup {
	background-image:url('../img/btn3.GIF'); 
	border:none; 
	width:100%; 
	height:27pt; 
	color:#000000; 
	cursor:pointer; 
	text-align:left; 
	font-size:13px;
	font-weight:bold;
}
.LeftButtonItem {
	background-image:url('../img/btn4.gif'); 
	border:none; 
	width:100%; 
	height:27pt; 
	color:#000000; 
	cursor:pointer; 
	text-align:right; 
	font-size:12px;
	font-weight:bold;
	padding-right:1em;
}
.LeftButtonSingle {
	background-image:url('../img/btn5.gif'); 
	border:none; 
	width:100%; 
	height:27pt; 
	color:#000000; 
	cursor:pointer; 
	text-align:left; 
	font-weight:bold;
}


.thrColHyb #container {
	/*color:white;	*/
	width: 100%;
	/*background-color:#4a4a4a;*/
	/*background: #FFFFFF;*/
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:auto;
} 


.thrColHyb #sidebar1 {
	float: left; 
	width: 11em; /* since this element is floated, a width must be given */
	//background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	//padding: 15px 0; /* top and bottom padding create visual space within this div */
}

.thrColHyb #mainContent {
  margin: 0 0em 0 11em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
  padding: 0 2em 0 2em; /* padding here creates white space "inside the box." */
} 
.thrColHyb #mainContent h1 { 
	/*margin-top: 0;  Though unnecessary while there's a border on the #mainContent div, you may need to uncomment this rule if the borders are removed. This will zero the margins of the first element in the #mainContent div, avoiding margin collapse - a space between divs - in this case it will create unwanted whitespace above the layout. */
}