/* Layout Stylesheet */ 

body {
 margin:20px;
 background:#000000;
 color: #333333;
 text-align:center;
 font-family:verdana, arial, helvetica, sans-serif;
 padding:0;
 }

#main {
 text-align:left;
 border:1px solid #808080;
 width:700px;
 margin:auto;
 }

#header {
 height:150px;
 background:#000000;
 color: #333333;
 }

#bar {
 height:20px;
 background:#000000;
 color: #ffffff;
 border:solid #595959;	
 border-width:1px 0 1px 0;
 background-image:url(../graphics/bar_bg.gif);
 padding: 0px 3px 0px 3px;
 }

#mainbody {
 position:relative;
 background: #000000;
 color: #333333;
 width:700px;
 padding:0;
 }

#menu {
 float:left;
 background:#000000;
 background-image:url(../graphics/menu_bg.gif);
 color: #ffffff;
 width:150px;
 height:350px;
 font-size:12px;
 line-height:14px;
 }

#content {
 width:540px;				/*Give 10px space between menu and content*/
 height:350px;
 background:#000000;
 color: #333333;
 border:solid #000000;	
 border-width:0px;
 text-align:left;
 }

#footer {
 height:20px;
 background:#000000;
 color: #ffffff;
 border:solid #595959;	
 border-width:1px 0 0px 0;
 background-image:url(../graphics/bar_bg.gif);
 margin:0;
 padding: 0px 3px 0px 3px;
 }

.transparent {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}