/* commented backslash hides from ie5mac \*/ 
html{
	height:100%;
	margin:0;
	padding:0
} 
/* end hack */ 

html,body {
	padding:0;
	margin:0;
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, "Trebuchet MS", sans-serif;

}

body {
	padding:0;
	margin:0;
	text-align:left;
	min-width:776px;/* for mozilla*/
	background-color: #FFFFFF;
	height:100%;
}

#wrapper {
	_height: 82px;
}

#outer {
	height:99.9%;
	min-height:100%;
	width:776px;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
	background:  url(images/inner_boxma_776x1.jpg) repeat-y left top;
}

/* mac hide \*/
* html #outer{
	width:776px
}
/* end hide*/

html>body #outer{
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#inner {
	width:100%;
	padding-top:143px;/*needed to make room for header*/
} 

#header {
	position:absolute;
	top:0px;
	left:0px;
	width:776px;
	height:93px;
	z-index:74;
	background:  url(images/top-boxma_776x93.jpg) no-repeat left top;
}

#header_title {
	position:absolute;
	top:37px;
	left:19px;
}

#header_title h1 {
        margin: 0;
        padding: 4px;
        background: #0079B2;
        color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
        line-height: 30px;
        font-size:30px;
}

#header_title h1 a {
        background: #0079B2;
        color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
        font-size:30px;
        padding: 4px;
}

#header-language {
	position:absolute;
	top:73px;
	left:565px;
        width:200px;
        height:20px;
}

#search {
	position:absolute;
	top:37px;
	left:565px;
        width:230px;
        height:40px;
}

#menu {
	position:absolute;
	top:93px;
	left:0px;
	width:776px;
	height:47px;
	z-index:65;
	background: url(images/header-boxma_776x47.jpg) no-repeat left top;
}

/* mac hide \*/
* html #outer, * html #header {width:780px}
/* end hide*/

#footer {
	color: #ffffff;
	width:776px;
	clear:both;
	height:63px;
	text-align:left;
	left:0px;
	bottom:0px;
	position: absolute;
	background:  url(images/foot_boxma_776x63.jpg) no-repeat left top;

}

#footer p {
	margin-top: 10px;
}

#footer p a {
	text-decoration: none;
	color: #ffffff;
}
* html #footer{
	margin-bottom:-1px
}/* ie rounding bug*/

/* mac hide \*/
* html #footer {
	/*only ie gets this style*/
	height:63px;
	/* for ie*/
}
/* end hide*/

div,p  {
	margin-top:0px;
}/*clear top margin for mozilla*/

#right {
	width:4px;
        height: 400px;
        max-height: 400px;   
	float:right;
	z-index: 55;
}

#right-inner {
	padding-left: 3px;
}

#left {
	position:relative;/*ie needs this to show float */
	width:759px;
        height: 400px;
        max-height: 400px;     
	float:left;
	padding-left: 7px;
	z-index: 56;
	border: none;
	overflow: auto;
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #0079B2;
	scrollbar-arrow-color: #0079B2;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #0079B2;
}

#left-inner {
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

#right-list {
	width:400px;
	float:right;
        height: 400px;
        max-height: 400px;  
	z-index: 55;
	border: none;
	overflow: auto;
        margin-right: 8px;
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #0079B2;
	scrollbar-arrow-color: #0079B2;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #0079B2;
}

#right-inner-list {
	padding-left: 3px;

}

#left-list {
	position:relative;/*ie needs this to show float */
	width:350px;
        height: 400px;
        max-height: 400px;     
	float:left;
	padding-left: 7px;
	z-index: 56;
	border: none;
	overflow: auto;
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #0079B2;
	scrollbar-arrow-color: #0079B2;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #0079B2;
}

#left-inner-list {
	padding-left: 9px;
	padding-right: 9px;
	text-align: left;
}

#clearfooter {
	width:100%;
	height:63px;
	clear:both;
} /* to clear footer */

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-63px;
} /*safari wrapper */

#content {
	z-index: 300;
	padding-bottom: 7px;
}

#content p {
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	_line-height: 16px;
}

#content p a {
	color: #000000;
}

#content p a:hover {
	background-color: #0079B2;
	color: #ffffff;
}

#content h1 {
	font-size: 16px;
	color: #3A3A3A;
	line-height: 24px;
	position: relative;
	z-index: 999;
}

#content h2 {
	font-size: 14px;
	color: #3A3A3A;
	line-height: 20px;
	position: relative;
	z-index: 999;
}

#content h3 {
	font-size: 12px;
        font-weight: bold;
	color: #3A3A3A;
	line-height: 16px;
	position: relative;
	z-index: 999;
}


#footer p {
	padding: 8px;
}

.scrollbox {
	padding: 5px;
	height: 100px;
	width: 200px;
	border: none;
	overflow: auto;
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color: #cccccc; 
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #cccccc;
}