/* INITIAL BODY CONTROL */
BODY {
	font-family: Arial;
	font-size: 9pt;	
	background-image: url(/images/bg_blue.jpg);
	background-repeat: repeat-x;	
	background-color: #405d98;
	padding-left:30px;
	padding-right:30px;
	margin: 0px; 
}

/* MAIN BODY LAYOUT CONTROL */
.left_menu {
	background-color: #849ed3;
}

/* RELATIVE SETUP */
TD {
	font-size: 8pt;
	position: relative;
}
a {
	position: relative;
	padding: 0px;
	margin: 0px;
	color: #222;
	text-decoration: none;
}
a:hover {
	position:relative;
	padding:0px;
	margin:0px;
	color: #222;
	text-decoration:underline;
}

/* LINKS */

a.left_menu_link:link { color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.left_menu_link:visited { color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.left_menu_link:hover { color: #FFFFFF; font-weight: normal; text-decoration: none; }

a.footer_link:link { text-decoration: underline; font-size: 8pt; }
a.footer_link:visited { text-decoration: underline; font-size: 8pt; }
a.footer_link:hover { text-decoration: underline; font-size: 8pt; }

/* TRANSPARENT BACKGROUNDS */
.main_body_ind {
	background-image:url(images/NEW-SFE-Fassad.JPG);
}
.main_body {
	background-image:url(images/main_bg.png);
}
.main_body[class] {
	background-image:url(images/main_bg.png);
}
.top_menu {
	/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/top_menu.png');*/
	BACKGROUND-IMAGE: url(images/top_menu.png);
	background-repeat:repeat-x;
}

.top_menu[class] {
	background-image:url(images/top_menu.png);
	background-repeat: no-repeat;
}
.footer {
	background-image:url(images/footer_bg.png);
	color: #222222;
}
.footer a {
	color: #222222;
}
.footer[class] {
	background-image:url(images/footer_bg.png);
}

/* SECONDARY BODY CONTROL */

.menu_side {
	padding: 2px;
}
.menu_side ul {
	list-style-type: none;
	margin: 0px;
	padding: 4px;
}
.menu_side ul li {
	padding: 0px 0px 3px 0px;
	margin: 0px;
}
.icon_left {
	display: inline;
	width: 25px;
	padding-right: 2px;
}
.icon_left[class] {
	display: table-cell;
}
.menu_link_right {
	display: inline;
	padding-left: 2px;
}
.menu_link_right[class] {
	display: table-cell;
}

.sub_menu_bg {
	background-image:url(images/sub_menu_bg.png);
	background-repeat:repeat-y;
}
.sub_menu_bg_short {
	background-image:url(/images/home/sub_menu_bg_short.png);
	background-repeat:repeat-y;
	width: 282px;	
}
.sub_menu_bg_long {
	background-image:url(/images/home/sub_menu_bg_short_long.png);
	background-repeat:repeat-y;
	width: 548px;	
}
.sub_menu_text_bg_long {
	background-image:url(/images/home/sub_menu_topleft_long.png);
	background-repeat: no-repeat;
	width: 500;	
}
.sub_menu_right_bg {
	background-image: url(/images/sub_menu-right_bg.png);
	background-repeat:repeat-y;
}
.sub_menu_text_bg {
	background-image:url(images/sub_menu_topleft.png);
	background-repeat: no-repeat;
}
.sub_menu_header {
	font-weight: bold;
	font-size: 10pt;
	color: #13254d;
	padding-left: 10px;
}
.sub_title_menu {
	background-image: url(images/sub_title_menu_bg.gif);
	background-repeat:no-repeat;
	position: relative;
	width: 586px;
	height: 38px;
	background-color:#CCCCCC;
	margin-top: 7px;
}
.sub_title_menu a {
	color: #222222;
	text-decoration: none;
	height: 38px;
	margin: 0px 4px 0px 4px;
	padding: 11px 0px 0px 0px;
	font-weight: bold;
}
.sub_title_menu a.on {
	color: #CC0000;
	height: 38px;
	margin: 0px 4px 0px 4px;
	padding: 11px 0px 0px 0px;
	font-weight: bold;
}
.sub_title_menu a:hover {
	color: #222222;
	text-decoration: underline;
	height: 38px;
	margin: 0px 4px 0px 4px;
	padding: 11px 0px 0px 0px;
	font-weight: bold;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 300px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

div.scroll {
height: 100px;
width: 586px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
}


table.navbar
{
margin: 0px;
padding: 0px; 
border: 0px; 
}


td.menuNormal
{
padding: 0px;
vertical-align: top;
}

td.menuHover
{padding: 0px;
vertical-align: top;
/*remove the following line for drop-down menu with images*/

}

div.menuNormal
{display: none;
position: static;}

div.menuHover
{
display: inline;
position: absolute;}

a.menuitem:link
{text-decoration: none;

}

a.menuitem:visited
{text-decoration: none;
display: block;}

a.menuitem:hover
{text-decoration: none;
display: block;}

a.menuitem:active
{text-decoration: none;
display: block;}



.twoColElsRtHdr #container { 
	width: 1020px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColElsRtHdr #header {
	background-image:url(images/top_menu.png) ;
	background-repeat:repeat-x;
} 
.twoColElsRtHdr #header1 {
	background-image:url(images/images/e-office-title.jpg) ;
	background-repeat:no-repeat;	
} 

.twoColElsRtHdr #sidebar1 {	
	width: 300px; 
	height: 1200px;
	background: #EBEBEB;
	border: solid 1px #CCCCCC;
	float:right;
}

.twoColElsRtHdr #mainContent {
/*  	margin: 0 13em 0 10px; */
	padding:5px;
	width:1020px;
	height:700px;
	vertical-align:top;    
}

.twoColElsRtHdr #mainContent1 {
/*  	margin: 0 13em 0 10px; */
	padding:5px;
	width:1020px;
	height:400px;
	vertical-align:top;    
}
.twoColElsRtHdr #mainContentchat {
/*  	margin: 0 13em 0 10px; */	
	width:1020px;
	height:300px;
	vertical-align:top;    
}
.twoColElsRtHdr #mainContentSep {
/*  	margin: 0 13em 0 10px; */	
	width:1020px;
	height:3px;
	vertical-align:top;
	background-color:#0066FF;	
}

.twoColElsRtHdr #footer { 
	background-image:url(images/footer_bg.png);
	background-repeat:repeat-x;
	color: #222222;
	height:22px;
	width:1020px;
	text-align:center;
} 

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#bottomsubmenu a{
	COLOR: #07519a;
	text-decoration:none;
}
#bottomsubmenu a:hover {
	COLOR: #07519a;
	TEXT-DECORATION: none;
}
#bottomsubmenu a:focus{
	COLOR: #07519a;
	TEXT-DECORATION: none;
}
#bottomsubmenu a:active {
	COLOR: #07519a;
	TEXT-DECORATION: none;
}
#bottomsubmenu a:visited {
	COLOR: #07519a;
}  
#headermenu a {
	COLOR: #07519a;
	text-decoration:none;
}
#headermenu a:hover {
	COLOR: #07519a;
	TEXT-DECORATION: underline;
}
#headermenu a:focus{
	COLOR: #07519a;
	TEXT-DECORATION: underline;
}
#headermenu a:active {
	COLOR: #07519a;
	TEXT-DECORATION: underline;
}
#headermenu a:visited {
	COLOR: #07519a;
}

#topsubmenu a{
	COLOR: #07519a;
	text-decoration:none;
}
#topsubmenu a:hover {
	COLOR: #07519a;
	TEXT-DECORATION: underline;
}
#topsubmenu a:focus{
	COLOR: #07519a;
	TEXT-DECORATION: underline;
}
#topsubmenu a:active {
	COLOR: #07519a;
	TEXT-DECORATION: underline;
}
#topsubmenu a:visited {
	COLOR: #07519a;
} 

#container h2{
	font-size:14px;
	padding: 0;
}
#container p{
	font-size:11px;
}