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

/* -- Body --*/
body {
 background: #cccccc;
 margin: auto;
 font-size: .75em;
 font-family: Arial, Helvetica, sans-serif;
 color: #555555;
 line-height: 140%;
 overflow-y: scroll;
}
/* -- Paragraph -- */
p {
	margin: 0;
	padding: 3px 0px 3px 0px;
	display: block;
}
p.imageSubtitle {
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0;
	font-size: 8pt;
	font-style: italic;
	width: 100%;
	text-align: center;
}

p.imageSubtitle img {
	margin-bottom: 3px;
	padding: 0;
}

p.imageSubtitle.imageLeft {
	float: left;
	margin-right: 9px;
	width: auto;
}

p.imageSubtitle.imageRight {
	float: right;
	margin-left: 9px;
	width: auto;
}

/* -- Hs -- */
/* -- Note: Accordion uses H1's for headers. -- */
h1 {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 3px;
	margin-left: 0;
}

h2 {
	padding: 2px;
	margin: 0px;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	background-color: #444444;
}

h3 {
	padding: 0px;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1.0em;
	letter-spacing: 1px;
	text-align: left;
	color: #ffffff;
	background-color: #444444;
	margin: 0px 0px 10px 0px;
	padding: 2px;
}

h4 {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding: 4px 0px 4px 0px;
	margin: 2px 0 10px 0;
}

h5 {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1.2em;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	background-color: black;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
/* h6 reserved for custom style use in pages */

/* -- MainDiv -- */
div.container {
	background: #ffffff;
	box-shadow: 0px 0px 24px #000000;
	min-width: 780px;
	max-width: 1280px;
	width: 780px;
	margin: auto;
}
/*-- Horizontal DropDown Menu -- */
ul.dropMenu,
ul.dropMenu ul{
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 10pt;
}

ul.dropMenu li {
	position: relative;
	float: left;
	min-height: 1px;
	vertical-align: middle;
	padding: 0 0 0 0;
	transition: background-color 0.25s linear;
	z-index: 2;
}

ul.dropMenu li:hover{
	z-index: 3;
	background-color: #b0002e;
}

ul.dropMenu li a {
	display: block;
	padding: 5px 22px 5px 22px;
	border-spacing: 0;
	color: #dddddd;
}

ul.dropMenu li:hover > a,
ul.dropMenu li a:hover {
	color: #ffffff;
}

ul.dropMenu ul {
	width: 200px;
	position: absolute;
	left: 0;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0px 4px 10px rgb(150, 150, 150);
	transition: visibility 0.25s linear 0s, opacity 0.25s linear;
}

ul.dropMenu li:hover > ul {
	visibility: visible;
	opacity: 1;
}

ul.dropMenu ul li
{
	left: 0;
	top: 0;
	background-color: rgb(235,235,235);
	width: 100%;
	padding: 0 0 0 0;
}

ul.dropMenu ul li:hover{
	background-color: #fafafa;	
}

ul.dropMenu ul ul {
	left: 100%;
	top: 0;
}

ul.dropMenu ul li a {
	display: block;
	padding: 6px 6px;
	text-align: center;
	font-size: 10pt;
	border-bottom: 1px solid #bbbbbb;
}

ul.dropMenu ul a {
	color: #000000;
}

ul.dropMenu ul li:hover > a,
ul.dropMenu ul a:hover {
	color: #cc002e;
}

ul.dropMenu ul li.subMenu
{
 background-image: url(../images/nav/arrow-right.png);
 background-position: 100% 50%; /* IE8 Fix */
 background-position: calc(100% - 4px) 50%;
 background-repeat: no-repeat;
 transition: background-color 0.25s linear, background-image 0.25s linear;
}

ul.dropMenu ul li.subMenu:hover
{
 background-image: url(../images/nav/arrow-left.png);
 background-position: 100% 50%;
}

ul.horizontalDropMenu > li.subMenu > a:after
{
	content: " \2193";
}

/*-- Horizontal DropDown Menu Left -- */
ul.dropMenu.subMenuLeft ul ul,
ul.dropMenu ul li.subMenu.subMenuLeft ul,
ul.dropMenu li.subMenu.subMenuLeft ul ul {
	left: auto;
	right: 100%;
}

ul.dropMenu.subMenuLeft ul li.subMenu,
ul.dropMenu ul li.subMenu.subMenuLeft,
ul.dropMenu li.subMenu.subMenuLeft li.subMenu {
 background-image: url(../images/nav/arrow-left.png);
 background-position: 4px 50%;
}

ul.dropMenu.subMenuLeft ul li.subMenu:hover,
ul.dropMenu ul li.subMenu.subMenuLeft:hover,
ul.dropMenu li.subMenu.subMenuLeft li.subMenu:hover {
 background-image: url(../images/nav/arrow-right.png);
 background-position: 0 50%;
}

/*-- Vertical Sidebar Menu -- */
ul.verticalDropMenu li
{
	background-color: #eeeeee;
	border-top: 1px solid #bbbbbb;
	width: 100%;
	z-index: 1;
}

ul.verticalDropMenu li:first-child
{
	border-top: none;
}

ul.verticalDropMenu li a{
	color: #98002e;
	text-align: left;
	font-size: 9pt;
	padding: 5px 5px 5px 16px;
}

ul.verticalDropMenu ul ul,
ul.verticalDropMenu ul {
	left: auto;
	right: 100%;
	top: 0;
	width: 175px;
}

ul.verticalDropMenu ul li {
	border-top: none;
}

ul.verticalDropMenu ul li a{
	color: #000000;
	padding: 5px 5px 5px 5px;
}

ul.verticalDropMenu li.subMenu,
ul.verticalDropMenu ul li.subMenu
{
 background-image: url(../images/nav/arrow-left.png);
 background-position: 4px 50%;
 background-repeat: no-repeat;
 transition: background-image 0.25s linear;
}

ul.verticalDropMenu li.subMenu:hover,
ul.verticalDropMenu ul li.subMenu:hover
{
 background-image: url(../images/nav/arrow-right.png);
 background-position: 0 50%;
}

ul.verticalDropMenu li:hover{
	background-color: #98002e;
}

ul.verticalDropMenu li.currentLink,
ul.verticalDropMenu li.currentLink:hover
{
	background-color: #eeeeee;
}
ul.verticalDropMenu li.currentLink > a,
ul.verticalDropMenu li.currentLink > a:hover
{
	color: black;
}

/* -- BreadCrumbs -- */
td.breadcrumbs
{
 padding: 8px 5px 1px 8px;
 vertical-align: top;
 font-size: 90%;
 border-bottom: 2px solid rgba(0, 0, 0, 0.1);
 height: 15px;
 max-height: 85px;
}

/* -- Main Tables -- */
table.baseTable{
 border-spacing: 0;
 width: 100%;
 table-layout: fixed;
}

/* -- Sub Tables -- */
table.infoTable,
table.zebraTable {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}
table.infoTable th,
table.zebraTable th {
	padding: 2px;
	text-align: center;
	background-color: #444444;
	color: #ffffff;
	border-left: 1px solid #444444;
	border-right: 1px solid #444444;
}
table.infoTable td,
table.zebraTable td {
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-left: 1px solid #444444;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
}
table.infoTable tr:first-child td,
table.zebraTable tr:first-child td {
	border-top: 1px solid #444444;
}
table.zebraTable td {
	vertical-align: middle;
}
table.zebraTable tr:nth-child(even)
{
	background-color: #eee4d0;
}

/* -- Main Content -- */
td.mainContent{
 padding: 10px 10px 10px 10px;
 vertical-align: top;
 height: 100%;
}

/* -- AccordionDiv -- */
ul.accordion
{
	padding: 0;
	width: 100%;
}
ul.accordion li {
	transition: max-height 0.4s ease-in;
	overflow: hidden;
	border: 1px solid black;
	max-height: 25px;
	border-collapse: collapse;
	margin-top: -1px;
}

ul.accordion li.selected{
	max-height: 300px;
}

ul.accordion li > h1
{
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1.2em;
	letter-spacing: 1px;
	color: #ffffff;
	margin: 0px;
	padding-bottom: 2px;
	transition: background-color 0.4s linear;
	background-color: #666666;
	height: 18px;
	padding-top: 5px;
	vertical-align: center;
	border-bottom: 1px solid black;
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	padding-left: 5px;
}

ul.accordion li > h1:before{
	content: "+ ";
}

ul.accordion li.selected > h1:before{
	content: "- ";
}

ul.accordion li.selected > h1{
	background-color: #444444;
}

ul.accordion li:hover > h1
{
	background-color: #98002e;
	text-decoration: underline;
}

ul.accordion li > p
{
	padding-left: 5px;
	padding-right: 5px;
}

ul.accordion table.zebraTable td {
	border: none;
	vertical-align: center;
}

ul.accordion table.infoTable td {
	padding: 2px;
	vertical-align: center;
}

ul.accordion table.zebraTable tr:nth-child(even)
{
	background-color: #dddddd;
}

ul.accordion table.infoTable tr td:first-child
{
	border-left: none;
}

ul.accordion table.infoTable tr td:last-child
{
	border-right: none;
}

ul.accordion table.infoTable tr:last-child td
{
	border-bottom: none;
}

/* -- Header -- */
table.baseTable td.dropdownCell {
 background-color: #98002e;
 box-shadow: 0px 4px 10px rgb(150, 150, 150);
 padding: 0 0 0 0;
}

/* -- Footer -- */
table.baseTable td.footer {
	background-color: #666666;
	padding: 5px 0px 2px 0px;
	box-shadow: 0px 4px 10px rgb(150, 150, 150);
	text-align: center;
}

table.baseTable td.footer a {
	color: #dddddd;
	font-size:80%;
	text-decoration: none;
}

table.baseTable td.footer a:hover{
	color: #ffffff;
}

table.baseTable td.copyright {
	text-align: center;
	font-size:80%;
}

/* -- Link -- */
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #98002e;
	font-size: 100%;
	text-decoration: none;
	transition: color 0.25s linear;
}

a:hover {
 color: #dd002e;
}

/* -- SideBar -- */
table.baseTable td.sidebar {
 width: 200px;
 padding: 0 0 0 0;
 border-left: 2px solid rgba(0, 0, 0, 0.1);
 vertical-align: top;
 padding-top: 5px;
}

table.sidebar-table {
 width: 100%;
 padding: 5px 5px 5px 5px;
 table-layout: fixed;
}

table.sidebar-table td.sidebar-menu-boxes,
table.sidebar-table td.sidebar-boxes {
 border: 1px solid #aaaaaa;
 box-shadow: 0px 4px 10px rgb(150, 150, 150);
 background-color: #eeeeee;
 padding: 0 0 0 0; 
}

table.sidebar-table td.sidebar-boxes > p 
{
	padding-left: 5px;
	padding-right: 5px;
}

table.sidebar-table td.sidebar-boxes ul
{
	padding-left: 26px;
	padding-right: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}

table.sidebar-table td.sidebar-boxes ul li{
	padding-bottom: 5px;
}

table.sidebar-table td.sidebar-boxes a {
	padding-top:2px;
	padding-bottom:2px;
}

/* -- List -- */
ul.spaced{
	padding-left: 26px;
	padding-right: 5px;
}
ul.spaced li {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* -- Image -- */
img {
	border: 0; /* fix IE 8,9,10 versions */
}

img.autosize {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

img.text-image{ /* Legacy, use two classes below instead. */ 
	margin: 10px 10px;
	float: left;
}

img.text-image-left {
	margin: 5px 10px;
	float: left;
	margin-left: 0;
}

img.text-image-right {
	margin: 5px 10px;
	float: right;
	margin-right: 0;
}

/* -- SlideShow -- */
div.slideContainer{
	position: relative;
	margin: auto; 
	background-color: black;
	border-spacing: 0;
	padding: 0 0 0 0;
}

img.slides {
    opacity: 0;
	visibility: hidden;
	position: absolute;
	transition: visibility 1s linear 0s, opacity 1s linear;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

img.slides.show {
	opacity: 1;
	visibility: visible;
}

/* -- Globals -- */
.shaded {
	box-shadow: 0px 6px 10px rgb(150, 150, 150);
}

.bolded{
	font-weight: bold;
}

.boxHover
{
	border: 1px solid #ffffff;
	transition: border 0.25s linear;
}

.boxHover:hover {
	border: 1px solid #aaaaaa;
}

.invis
{
	visibility: hidden;
}
.invisAbs
{
	visibility: hidden;
	position: absolute;
}