* {
margin: 0px;
padding: 0px;
border: 0px;
}

body,html {

background: #336699 url('../images/bkgs/body_bkg.png') fixed repeat-x left 100px; 

height: 100%;
font-family: monospace;
font-size: 12pt;
color: #444444;
}

body {
padding: 0px 100px 0px 240px;
}

/***************************************
 * Typographical
 ***************************************/
a,a:visited {
color: #47507c;
font-weight: 600;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #5c68a1;
}

a:active {
color: #993300;
}

h1 {
text-indent: 15px;
}
h2 {
text-indent: 50px;
}
h3 { }
h4 { }
h5 { }
h6 { }

p {
margin: 10px 0px;
position: relative;
text-align:left;
}

/***************************************
 * Top Level Containers
 ***************************************/

#header {
position: fixed;
visibility: visible;

top: 70px; left: 0px;
z-index: 10;
height: 80px; width: 100%;

background: url('../images/bkgs/headerbar_bg.gif') repeat-x;
}

#header img#logo {
position: relative;

margin: 15px 0 0 30px;
border: 0 none;
}

#menu {
position: fixed;

top: 160px;left: 10px;

z-index: 40;

}


#content {
position: relative;

padding: 25px;


top: 0px;
z-index: 30;

background: transparent url('../images/decor/right_col_bg2.gif') repeat-y top right;

text-align: center;
}


#icons {
position:fixed;

bottom:0px;
right:0px;

}
/**********************************************
 * Decorum
 **********************************************/

.main_bg {
position: relative;
top: 0px;

height: auto;
z-index: 50;

background: #339999 url('../images/bkgs/content_bg2.png');
margin: 0px 0px 40px 0px;

min-width: 520px;
}

.top_bar {
position: relative;
clear: both;

background: url('../images/decor/topbar_bg.gif') repeat-x bottom left;

width: 100%; height: 17px;
}

.right_bar {
position: relative;
width: 100%;
height: 100%;


background: transparent url('../images/decor/right_col_bg2.gif') repeat-y top right;
}

.bottom_bar {
position: relative;
clear: both;

background: url('../images/decor/footerbar_bg.gif') repeat-x bottom left;

width: 100%; height: 17px;
}

.left_bar {
position: relative;
width: 100%;
height: auto;


background: transparent url('../images/decor/left_col_bg.gif') repeat-y top left;
}

.corner_tl {
position: relative;
float: left;

background: url('../images/decor/corners_bg.png') no-repeat top left;

width: 17px; height: 17px;
}

.corner_tr {
position: relative;
float: right;

background: url('../images/decor/corners_bg.png') no-repeat top right;

width: 17px; height: 17px;

}
.corner_br {
position: relative;
float: right;

background: url('../images/decor/corners_bg.png') no-repeat bottom right;

width: 17px; height: 17px;
}

.corner_bl {
position: relative;
float: left;

background: url('../images/decor/corners_bg.png') no-repeat bottom left;

width: 17px; height: 17px;
}

/***************************************
 * Special Classes
 ***************************************/

.spacer {
position: relative;
display: block;

line-height: 1px;
width: 100%; height: 1px;

font-size: 1px;

visibility: hidden;
}

#menu a.button {
float: left;
display: block;

height: 129px; width: 129px;
}

.float_left {float: left}
.float_right {float: right}

.clear {clear:both}
.clear_left {clear: left}
.clear_right {clear: right}

/***************************************
 * Menu Containers
 ***************************************/
 
 
#menu_tabs {
 position: relative;
 display: block;
 
 z-index: 10;
}

#menu_tabs > .tab {
 position: relative;
 float: left;
 
 margin-left: -6px;
 z-index: 20;
}
#menu_tabs > .tab:first-child {margin-left: 0px;}

#menu_tabs > .tab a {
 position: relative;
 display: block;
 float: left;
 
 height: 18px;
 padding-top: 8px;
 text-align: right;
 
 font-size: 12pt;
 font-weight: bold;
 color: #cc6633;
 background: transparent url(../images/decor/tab_m.png) repeat-x top left;
}
#menu_tabs > .tab a:hover {text-decoration: none}

#menu_tabs > .inactive {
 top: 2px;

 z-index: 10;
}

#menu_tabs > .inactive a { color: #cccccc}
#menu_tabs > .inactive a:hover {text-decoration: none}

#menu_buttons {
 position: relative;
 display: block;
 
 height: 198px; width: 164px;
 padding: 18px;
 
 background: url(../images/bkgs/menu_bkg.png);
 z-index: 20; 
}

#menu_buttons > ul, #menu_buttons > ul > li {
 list-style: none;
 margin-bottom: 11px;
}

#menu_buttons > ul > li.current {
 position: relative;
 display: block;
 
 padding-top: 12px;
 width: 164px; height: 29px;
 background: transparent url(../images/decor/ngo_menu_button.png) no-repeat bottom right;
 
 text-align: center;
 font-weight: bold;
}

#menu_buttons a, #menu_buttons a:visited {
 position: relative;
 display: block;
 
 padding-top: 12px;
 width: 164px; height: 29px;
 background: transparent url(../images/decor/ngo_menu_button.png) no-repeat top left;
 
 text-align: center;
}

#menu_buttons a:hover {
 background-position: top right;
}

#menu_buttons a:active {
 background-position: bottom left;
}

#menu_sitemap {
 position: relative;
 display: none;
 
 height: 194px; width: 160px;
 padding: 20px;
 
 background: url(../images/bkgs/menu_bkg.png);
 z-index: 20; 
}


/***************************************
 * Content Containers
 ***************************************/


.block { 
border:2px outset #9F9F9F;
background:#000000;
font-size: .75em;

margin: 30px auto;

max-width: 600px;
}

.box_title { 
background:url(../images/bkgs/titlebar_bg3.gif) #336699; 
border-bottom:2px solid #9f9f9f; height:25px;
}

.ng-term { 
float:left; 
border-right: 1px #9f9f9f solid; 
}

.u-arrow { 
float:right; 
border-left: 1px #9f9f9f solid; 
}

.output {
}


.output > img { 
float:right; 
margin: 25px;
margin-top: 0px;
border: 2px #9f9f9f outset;
}




.block p {font-family:monospace; 
color:#FFFFFF; 
margin:25px; 
}

.command { 
margin-left:-13px; 
font-size:.75em; 
color:#CCCCCC;
}




.box_bottom {
background-color:#336699; 
border-top:#9f9f9f 2px solid; 
height:5px; 
clear:both; 
}