body {
	margin: 0 auto;
	padding: 0;
	background-color: white;
}

.sn-table {
	width: 100%;
	border-width: 0px;
	border-collapse: collapse;
}

th {
	color : #000000;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
}

td {
	COLOR: #333333;
	FONT-FAMILY: Tahoma,Verdana,Arial;
	FONT-SIZE: 8pt;
}

input, select {
	color : #000000;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}

.px5 {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}

.title01 {
	color : #FFFFFF;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 15px;
	font-size : 13px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	font-style: italic;
}

.title {
	color : #FFFFFF;
	margin-top : 1px;
	padding-bottom : 1px;
	margin-bottom : 1px;
	margin-left : 37px;
	margin-right : 10px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

.title a {
	color : #EF6D00;
}

.title a:hover {
	color : #C25A02;
}

.list {
	color : #FFFFFF;
	margin-top : 3px;
	padding-bottom : 3px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

.right {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 15px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

.right a, .list a {
	color : #FF7500;
}

.right a:hover {
	color : #AAAAAA;
}

.left {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 25px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

.left b {
	color : #FF6600;
}

.left a {
	color : #FF6600;
}

.left a:hover {
	color : #FF0000;
}

p {
	color : #000000;
	font-size : 11pt;
	font-family : Tahoma,Verdana,Arial;
}

p a {
	color : #000000;
}

p a:hover {
	color : #294A7B;
}

.menu01 {
	color : #000000;
	margin-top : 1px;
	padding-bottom : 1px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
}

.menu01 a {
	color : #000000;
	text-decoration: none;
}

.menu01 a:hover {
	color : #555555;
}

.menu02 {
	color : #FFFFFF;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 20px;
	margin-right : 20px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

.menu02 a {
	color : #FFFFFF;
	text-decoration: none;
}

.menu02 a:hover {
	color : #DDDDDD;
}

.bar01 {
	color: #OOOOOO;
	margin-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 20px;
	font-size: 18px;
	font-family: Tahoma,Verdana,Arial;
	font-weight: bold;
}

.b01 {
	color : #000000;
	margin-top : 2px;
	padding-bottom : 1px;
	margin-bottom : 1px;
	margin-left : 20px;
	margin-right : 0px;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
}

.b01 a {
	color : #000000;
	text-decoration: none;
}

.b01 a:hover {
	color : #333333;
}

a:link {
	color: #000000
}

a:visited {
	color: #000000
}

a:hover {
	color: #ff0000
}

.treeview ul { /*CSS for Simple Tree Menu*/
	position: relative; 
	top: 0; 
	left: 0;
	margin: 0;
	padding: 0;
}

.treeview, .treeview UL {                         /* All LIs. */
	list-style: none; margin: 0 0px 0 0; padding: 0;
}

.treeview li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	background: white url(images/list.gif) no-repeat left center;
	list-style-type: none;
	padding-left: 20px;
	margin-bottom: 3px;
}

.treeview li.submenu { /* Style for LI that contains sub lists (other ULs). */
	background: white url(images/closed.gif) no-repeat left 1px;
	cursor: hand !important;
	cursor: pointer !important;
}


.treeview li.submenu ul { /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li { /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
}

.glossymenu {
	position: relative;
	padding: 0 8 0 0px;
	margin: 0 auto 0 auto;
	height: 46px;
	list-style: none;
}

.glossymenu li {
	float:right;
}

.glossymenu li a {
	float: left;
	display: block;
	color:000;
	text-decoration: none;
	font-family: Tahoma,Verdana,Arial;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b {
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover {
	color: #fff;
	background: url(images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b {
	color: #fff;
	background: url(images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

#tabcontentcontainer {
	width: 95%; /*width of 2nd level content*/
	height: 1.5em; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}

.tabcontent {
	display: none;
}

.bevelmenu {
	font: bold 11px Arial;
	padding: 1px 0;
	margin: 0;
	width: 100%;
	text-align: right; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li {
	list-style: none;
	display: inline;
}

.bevelmenu li a {
	padding: 1px 0.5em;
	text-decoration: none;
	color: black;
	border: 2px solid #CE0000;
}

.bevelmenu li a:hover {
	color: black;
	background-color: #FEEACE;
}

.bevelmenu li a:active { /* Apply mousedown effect only to NON IE browsers */
	border-style: inset;
}

.thumbnail {
	position: relative;
	z-index: 0;
}

.thumbnail:hover {
	background-color: transparent;
	z-index: 50;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFF0F0;
	padding: 5px;
	left: -2000px;
	border: 0px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -82%;
	left: -100%; /*position where enlarged image should offset horizontally */
}
