html {padding:0}

body {
margin:0;
font:12px Verdana,Arial,sans-serif;
line-height:1.5em;
background-color:#ddd;
color:#000;
}

a {
color:#1b4267;
font-weight:bold;
}

a:hover{
color: #f60000;
}

a img{
border:0;
}

h1{
font-weight:bold;
font-style:italic;
color:#f60000;
text-transform:uppercase;
font-size:16px;
}

h2,h3,h4,h5{
font-weight:bold;
color:#1b4267;
text-transform:uppercase;
font-size:14px;
}

ul{
margin-top : 5px;
margin-bottom : 5px;
list-style-type: square;
color:#000;
}

li ul { 
margin-top : 5px;
margin-bottom : 5px;
margin-left : 15px;
list-style-type : disc;
}

li ul li ul{ 
margin-top : 5px;
margin-left : 15px;
list-style-type : square;
}

/**************** Layout ****************/
#outer_wrapper {
width: 100%;
}
 
 
#wrapper {
width: 800px;
background:url("images/home_background1.gif") repeat-y center;
border: 1px solid #aaa;
margin:auto;
}

#wrapper_content {
width: 800px;
background:url("images/content_background1.gif") repeat-y center;
border: 1px solid #aaa;
margin:auto;
}

#header_home{
height:179px;
width:100%;
color:#000;
background:url("images/header_home_logo.jpg") no-repeat center;
text-align:right;
}

#header_content{
height:134px;
width:100%;
color:#000;
background:url("images/header_content_logo.jpg") no-repeat center;
text-align:right;
}

#header_link{
padding:2px 4px 0 4px;
text-transform:uppercase;
color: #f60000;
font-weight:bold;
}

#header_link a{
text-decoration:none;
color: #f60000;
}

#header_link  a:hover {
text-decoration:underline;

}

#header_tab_home{
position:relative;
top:122px;
float:right;
background:  #1b4267 url("images/blue_tab.gif") no-repeat left;
letter-spacing: 3px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
font-style:italic;
height:35px;
padding:0 4px 0 15px ;
line-height:3.0em;
}

#header_tab_home.content{

}

#header_tab{
position:relative;
top:122px;
float:right;
background: url("images/blue_tab.gif") no-repeat left;
letter-spacing: 3px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
font-style:italic;
height:35px;
padding:0 4px 0 15px ;
line-height:3.0em;
}

#header_tab.content{
/*
position:relative;
*/
top:77px;
}


#header_tab_home a,#header_tab a{
color:#fff;
text-decoration:none;
}


#container_home{
background:url("images/home_background2.jpg") no-repeat top left;
margin:auto;
width:800px;
}


#container_content{
background:url("images/content_background2.jpg") no-repeat top left;
margin:auto; width:800px;
} 

div.minheight_hack {
	height:320px;
	width:0.5px;
	float:right;
}

div.content_page_title{
background:url("images/content_title_background.gif")  no-repeat left;
height:56px;
font-weight:bold;
font-style:italic;
color:#f60000;
text-transform:uppercase;
font-size:16px;
padding-left:100px;
}

#content_page_title_text{
padding-top:20px;
}

#MBISYS{
float:left;
height:43px;
width:88px;
background:url("images/button_MBISYS.gif");
text-transform:uppercase;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#fff;
line-height:4.0em;
}

#MBISYS a{
text-decoration:none;
color:#fff;
}

#MBISYS a:hover{
text-decoration:underline;
}

#subcontentL{
padding-top:20px;
float: left;
display: inline;
width:204px;
min-width:204px;
color:#000;
}

#subcontentL a{
width:204px;
float:left;
line-height:2.5em;
height:29px;
text-transform:uppercase;
font-weight:bold;
text-align:right;
text-decoration:none;
color:#000;
padding-right:10px;
margin-left:-10px;
}

#subcontentL a.selected{
width:204px;
float:left;
line-height:2.5em;
height:29px;
text-transform:uppercase;
font-weight:bold;
text-align:right;
text-decoration:none;
color:#000;
padding-right:20px;
margin-left:-20px;
}


#subcontentL a:hover{
display:block;
background:url("images/left_nav_button_over.gif") no-repeat right top;
height:29px;
width:204px;
float:left;
line-height:2.5em;
height:29px;
text-transform:uppercase;
font-weight:bold;
text-align:right;
color:#000;
padding-right:20px;
margin-left:-20px;
}

.selected{
display:block;
background:url("images/left_nav_button2.gif") no-repeat right top;
height:29px;
width:204px;
float:left;
line-height:2.5em;
height:29px;
text-transform:uppercase;
font-weight:bold;
text-align:right;
color:#000;
padding-right:20px;
margin-left:-20px;
}

#subcontentL img{ /*needed as a menu fix for IE6 */
display:block;
clear:both;
}

#content{
float:right;
color:#000;
width: 596px;
min-width:596px;
}

#content_content{ 
width: 660px;
min-width:660px;
padding-right:40px;
float:right;
text-align:left;
}

div#video_container{
display:block;
/*background:url("images/video_background.gif") no-repeat bottom;*/
height: 340px;
width:596px;
margin-left:auto;
margin-right:auto;
}

div#video{
/*
position:relative;
top: 29px;
margin-left:auto !important;
margin-right:auto !important;
display:table;
*/
text-align:center;
margin-top: 10px;
}

div#video table {
	margin:0 auto;
	text-align:left;
}

.inner {
padding : 10px;
margin-left: 5px;
}

.left{
float:left;
}

.right{
float:right;
padding:5px;
}

.block{
display:block;
}

#rollover{
padding-top:15px;
width:556px;
margin:auto;
}

#rollover_title{
float:left;
width:234px;
font-weight:bold;
font-style:italic;
color:#f60000;
text-transform:uppercase;
font-size:16px;
}

#rollover_image{
float:right;
width:320px;
text-align:right;
margin-bottom: 15px;
}

#rollover_link{
width:26px;
height:26px;
float:left;
clear:both;
padding:5px;
}

#rollover_link a{
cursor:hand;
}

#rollover_info{
float:left;
width:520px;
margin-bottom: 15px;
margin-top: 5px;
}

#divider_bar{
clear:both;
background:#c7d1d7 url("images/metal_bar.gif") no-repeat bottom;
height:8px;
width:100%;
}

#footer{
background:#dee7ef;
clear:both;
text-align: center;
padding:1px;
font-size:0.9em;
font-weight:bold;
color:#000;
position:relative;
}

#footer a{
color:#000;
font-weight:bold;
}

#footer a:hover{
color:#000; 
text-decoration: underline;
font-weight:bold;
}

#footer #copyright {
	text-align:center;
}

#powered_by{
	position:absolute;
	top:10px;
	right:10px;
}

/**************** Feature Boxes ****************/

#box{
width:90%;
height:121px;
margin:auto;
display:block;
margin-bottom:30px;
}

#box_title{
height:35px;
line-height:3em;
background: url("images/title_bar_right.gif") right;
letter-spacing: 3px;
color: #fff;
text-align:left;
text-transform:uppercase;
font-weight:bold;
font-style:italic;
}

#box_title img{
float:left;
display:inline;
background:#ddd;
}

#box_content{
filter:alpha(opacity=80);-moz-opacity:.7;opacity:.7;
background:#fff;
border: 1px solid #fff;
overflow:auto;
padding:5px;
height:86px;
}


/**************** Typography ****************/


h1 .white{
letter-spacing: 4px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
font-size: 16px;
}

.emphasis{
font-size:12px;
font-weight:bold;
font-style:italic;
line-height:1.6em;
}



/**************** Menus ****************/

.ThemenmsdcMenu,.ThemenmsdcSubMenuTable
{
font-weight: bold;
font-size: 11px;
color: white;
cursor:hand !important;
}

.ThemenmsdcMenu
{
color:#000;
text-transform:uppercase;
}

.ThemenmsdcSubMenu
{
position:absolute;
display:block;
visibility:hidden;
overflow:hidden;
}

.ThemenmsdcSubMenuTable
{
border-collapse:collapse;
border:1px solid #fff;
}

.ThemenmsdcMenuItem,.ThemenmsdcMenuItemHover,.ThemenmsdcMenuItemActive
{
cursor:default;
cursor:hand !important;
white-space:nowrap;
}


/*** sub menu items ***/
.ThemenmsdcMenuItem
{
line-height:2.0em;
background: url("images/glassy_blue_bar_right.gif") left bottom;
color:#000;
}

.ThemenmsdcMainItem
{
padding:5px 10px;
border-right: 1px solid #1b4267;
border-left: 1px solid #fff;
}

/*** main menu items on mouseover ***/
.ThemenmsdcMainItemHover,
.ThemenmsdcMainItemActive
{
padding:5px 10px;
border-right: 1px solid #1b4267;
border-left: 1px solid #fff;
background:url("images/top_menu_arrow.gif") no-repeat right bottom;
}

/***sub menu items on mouseover ***/
.ThemenmsdcMenuItemHover, 
.ThemenmsdcMenuItemActive
{
line-height:2.0em;
background:#1b4267;
color:#fff;
}

/*** horizontal main menu sub components ***/
.ThemenmsdcMainFolderLeft,
.ThemenmsdcMainItemLeft,
.ThemenmsdcMainFolderText,
.ThemenmsdcMainItemText,
.ThemenmsdcMainItemRight,
.ThemenmsdcMainFolderRight
{
background-color: inherit;
white-space: nowrap;
}

/*** sub menus sub components ***/
.ThemenmsdcMenuFolderText,
.ThemenmsdcMenuItemText,
.ThemenmsdcMenuItemRight,
.ThemenmsdcMenuFolderRight,
.ThemenmsdcMenuFolderLeft,
.ThemenmsdcMenuItemLeft
{
padding:5px 0px 5px 5px;
border:0;
white-space:nowrap;
background-color:inherit;
}


.ThemenmsdcMenuItemHover .ThemenmsdcMenuFolderLeft,
.ThemenmsdcMenuItemActive .ThemenmsdcMenuFolderLeft,
.ThemenmsdcMenuItemHover .ThemenmsdcMenuItemLeft,
.ThemenmsdcMenuItemActive .ThemenmsdcMenuItemLeft,
.ThemenmsdcMenuItemHover .ThemenmsdcMenuFolderText,
.ThemenmsdcMenuItemActive .ThemenmsdcMenuFolderText,
.ThemenmsdcMenuItemHover .ThemenmsdcMenuItemText,
.ThemenmsdcMenuItemActive .ThemenmsdcMenuItemText,
.ThemenmsdcMenuItemHover .ThemenmsdcMenuFolderRight,
.ThemenmsdcMenuItemActive .ThemenmsdcMenuFolderRight,
.ThemenmsdcMenuItemHover .ThemenmsdcMenuItemRight,
.ThemenmsdcMenuItemActive .ThemenmsdcMenuItemRight
{
padding:5px 0px 5px 5px;
line-height:2.0em;
}


#menu_bar{
width: 712px;
line-height:3.0em;
float:left;
height: 43px;
background: #0d354c url("images/glassy_blue_bar_right.gif") right;
}

/***************  SortableTable	**********************/

.sort-table {
	font:		Icon;
	border:		1px solid ThreeDShadow;
	border-collapse: collapse;
	background:	Window;
	color:		WindowText;
	border:		0px;
}

.sort-table thead td,
.sort-table thead th  {
	color: #ffffff;
	background:	#578bb8;
	font: 10px Verdana, Arial, sans-serif;
}

.sort-table tr {
	line-height:14px;
}

.sort-table td,
.sort-table th {
	padding:	2px 5px;
	line-height:14px;
	FONT: 10px verdana, arial, sans-serif;
	border-bottom: 1px solid #abb;
	border-right: 1px solid #abb;
}

.sort-table th:last-child,
.sort-table td:last-child {
	border-right: 0;
}

.sort-table thead td,
.sort-table thead th {
/*	border:			1px solid;			*/
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	cursor:			pointer;
        text-align: center;
}


.sort-table thead td:active,
.sort-table thead th:active {
	border-color:	ButtonShadow ButtonHighlight
					ButtonHighlight ButtonShadow;
	padding:		3px 4px 1px 6px;
}


.sort-arrow {
	width:					10px;
	height:					10px;
		background-position:	center;
	background-repeat:		no-repeat;
}

.sort-arrow.descending {
	background-image:		url(../../../images/page_down.gif);
}

.sort-arrow.ascending {
	background-image:		url(../../../images/page_up.gif);
}

.sort-none {
       	width:				        0px;
	height:					0px;
	background-position:	center;
	background-repeat:		no-repeat;
}

/* IE does not know :hover pseudo-class for versions < IE6, so we assort to js solution*/
.sort-table tr.hilite {
	background-color: #d5dae0;
}
/* Due to the js inside sortabletable.js, the css rules for .row0 and .row1 should
   match the ones for .hilite */
.sort-table tr.row0 {
	background-color: #eeeeee;
}
.sort-table tr.row1 {
	background-color: #eeeeee;
}
