/* mac hide\*/
/* html, body {height:100%}  */
/* end hide */

body {
	SCROLLBAR-BASE-COLOR: #f0f0f0;
	SCROLLBAR-ARROW-COLOR: #666666;
	padding:0;
	margin:30px;
	text-align:center;
	min-width:900px;/* for mozilla*/
	background:  url(background.gif);   
*/	background-color: #222222;   */
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	font-size: 11px;
 	line-height: 13px;  
	color: #333333;		
}

#outer_main{
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
/*	height:500px;  */
/*	min-height:500px;  */
	width:900px;
	color: #333333;
	text-align:left;
	margin:auto;  
	position:relative;
/*	background:  url(images/centredbg.jpg) repeat-y center center;   */
/*	background-color: #e6e6e6;  */
	background:  url(background_main.jpg);   
/*	background-color: #f4f4f4;    */
	padding-top:0px;
}

#outer{
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
/*	height:500px;  */
/*	min-height:500px;  */
	width:900px;
	color: #333333;
	text-align:left;
	margin:auto;  
	position:relative;
/*	background:  url(images/centredbg.jpg) repeat-y center center;   */
/*	background-color: #e6e6e6;  */
	background:  url(background_sub.jpg);   
/*	background-color: #f4f4f4;    */
	padding-top:0px;
}
 
/*  html>body #outer{height:auto;}    for mozilla as IE treats height as min-height anyway*/  

#innerwrap {/* enables content first */
	position:relative;
	overflow: visible;
	float:left;
	height:515px;   
	min-height:510px;
/*	width:900px;   */
}

#header_main {
	position:relative;
	top:0;
	width:900px;
	height:300px;
	background:#e6e6e6;
	padding-left:0px;
	overflow:hidden;
	color: #000000;
	z-index:100;
}

#header_sub {
	position:relative;
	top:0;
	width:900px;
	height:190px;
	background:#e6e6e6;
	padding-left:0px;
	overflow:hidden;
	color: #000000;
	z-index:100;
}

#hrule1 {
	padding-top:8px;
	position:absolute;
	margin-left:10px;
	width:195px;
}

#hrule2 {
	padding-top:8px;
	position:absolute;
	left:230px;
	width:440px;
}

#hrule3 {
	padding-top:8px;
	position:absolute;
	left:698px;
	width:190px;
}

#left {
	position:absolute;/*ie needs this to show float */
	width:200px;
	float:none;
	padding-left:10px;
	padding-top:10px;/*needed to make room for header*/
	padding-bottom:10px;/* needed to make room for footer */
}

#box_inner {
	position:absolute;
	width:670px;
}

#box_outer_main {
	position:absolute;
	height:210px;
	overflow: auto;
	width:690px;
}

#box_outer_sub {
	position:absolute;
	height:320px;
	overflow: auto;
	width:690px;
}

/*  #left p {padding-left:3px;padding-right:2px}  */
/*  #right p {padding-left:4px;padding-right:2px} */

#right {
	position:absolute;/*ie needs this to show float */
	left:700px;
	width:195px;
	float:none;
	padding-right:10px;
	padding-top:10px;/*needed to make room for header*/
	padding-bottom:10px;/* needed to make room for footer */
}

#footer {
	width:900px;
	clear:both;
	height:15px;
	background-color: #d0d0d0;
	color: #742a21;
	text-align:right;
	font-size: 9px;
 	line-height: 12px;  
	left:0;  
/*	bottom:0;  */
	position: relative;
	padding-top:3px;
}

#copyright {
	width:900px;
	clear:both;   
	height:25px;
/*	background-color: #ff0000;   */
	color: #828282;
	text-align:left;
/*	left:0;  */
	bottom:0px;  
	padding-top:7px;
	position: relative;
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	font-size: 9px;
 	line-height: 12px;  
}

#copyright a {
	color: #828282;
}

* html #footer {/*only ie gets this style*/
	\height:20px;/* for ie5 */
	he\ight:20px;/* for ie6 */
}

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

#centrecontent {
	position:absolute;
	left:230px;
	width:440px;
	float: none;  
	padding-top:10px;
	padding-bottom:10px;/* needed to make room for footer */
}

p {
	padding-left:3px;
	margin-top:10px;
	margin-bottom:0px;
}

hr {
	color:#aaaaaa;
	noshade:noshade;
}

td {
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	font-size: 11px;
}

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

.headerstyle1 {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
}

.headerstyle2 {
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight:bold;
}

.sofia {
	font-size: 11px;
	color: #444444;
	font-weight:bold;  
	font-style:italic;
	text-align:right;
 	float:right;  
}

.spacer1 {
	font-size: 3px; line-height: 3px
}

.spacer2 {
	font-size: 5px; line-height: 5px
}

.spacer3 {
	font-size: 11px; line-height: 11px
}

.spacer4 {
	font-size: 8px; line-height: 8px
}

a { 
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #e69f06; 
}