/* ---------- h1,h2..etc ---------- */

h1 { 
	margin: 70px 0 -35px 157px;
  	overflow: hidden; 	
       	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;
}

h1 a:link, h1 a:visited {
  	text-decoration: none; 
  	color: #000000;
       	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;

}

h1 a:hover {
  	color: #3B3B3B;
  	text-decoration: none;
}

h2 { 
  	overflow: hidden; 	
       	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9pt;
}

h2 a:link, h2 a:visited {
  	text-decoration: underline; 
  	color: #3B3B3B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;

}

h2 a:hover {
  	color: #000000;
  	text-decoration: none;
}

h3 {
  	overflow: hidden; 	
       	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9pt;
	text-decoration: underline;
}
h5 {
	margin: 40px 0 0 450px;	
       	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
	font-weight: bold;
}

/* ---------- Image Control ---------- */

img { 
	border: 0px; 
}

/* ---------- Input Controls ---------- */

input { 
  	border-color: #000000; 
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size: 11px;
  	background-color: #A86E24; 
  	color: #000000; 
} 
input.text, select, checkbox {
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size: 11px;
  	background-color: #A86E24; 
  	color: #000000; 
}
input[type="submit"]:hover, input[type="submit"]:focus {
  	background-color: #B59265; 
}
input[type="reset"]:hover, input[type="reset"]:focus {
  	background-color: #B59265; 
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
  	background-color: #D6B087; 
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  	background-color: #D6B087; 
}
input[type="text"]:hover, input[type="button"]:hover, textarea:hover, select:hover {
  	background-color: #B59265; 
}
input[type="text"]:focus, input[type="button"]:focus, textarea:focus, select:focus {
  	background-color: #B59265; 
}

textarea {
	border-color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size: 11px;
  	background-color: #A86E24; 
  	color: #000000; 
}

/* ---------- Paragraphs <p> ---------- */

p {
 	position: relative;
 	left: 40px;
 }
 

/* ---------- Tables ---------- */

table {
        font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
	min-width: 0px;
	max-width: 650px;
}

/* ---------- a <links> ---------- */

a:link, a:visited {
  	text-decoration: none; 
  	font-size: 8pt;
  	color: #3B3B3B;
}
a:hover {
  	text-decoration: underline;
  	color: #000000;
}

html, body {
	text-align: center;
	margin: 5px auto; 
	padding: 0; 
	border: 0;
	clear: both;
        background-color: #AE8B5E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        height: 8.5in;                  /* Required for percentage heights */
	width: 979px;
}

#header {
        position: fixed;
        width: 50%;
        height: 15%;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
}

#sidebar {
        position: fixed;
        width: 10em;
        height: auto;
        top: 15%;
        right: auto;
        bottom: 100px;
        left: 0;
}

#sidebar2 {
        position: fixed;
        width: 10em;
        height: auto;
        top: 15%;
        right: 0;
        bottom: 100px;
        left: auto;
}

#main {
        position: fixed;
        width: auto;
        height: auto;
        top: 15%;
        right: 0;
        bottom: 100px;
        left: 10em;
}

#footer {
        position: fixed;
        width: 100%;
        height: 100px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
}

.header-menu {
  	text-align: center;
  	background-color: #7D4400;
}

.main-head { 
        font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	border: 1px solid #9D7648;
}

.main-head-login {
  	position: relative; 
  	left: 0px; 
  	top: 5px; 
  	height: 30px;
  	padding: 2px;
  	vertical-align: middle;
  	clear: left;
}
.main-head-login li {
	float: left;
}
.main-head-login ol {
	margin-left: 10em;
	padding-left: 5em;
	display: inline;
}
.main-body, .main-body-news-header, .main-body-news-context, 
.main-footer, .outline-table, .main-side-panel-quick, .linked-outline-table, .tabbar, .infotable {
	position: relative;
	left: 157px;
	top: 35px;
	border: 1px solid #9D7648;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	min-width: 0;
  	max-width: 650px;
}

.main-body {
  	padding: 0px;
}

.main-body-news-header {
  	border: 0; 
  	padding: 1px;
}

.main-body-news-context {
  	padding: 8px;
  	background-color: #9D7648; 
}

.main-footer {
	border: 0;
  	padding: 1px;
  	height: 130px;
  	background-color: #AE8B5E;
  	text-align: center;
}

.outline-table {
  	padding: 8px;
}

.userlist-header {
        max-width: 635px;
        top: 0px;
        background-color: #975900; 
}


.download-header {
        max-width: 635px;
        top: 0px;
        background-color: #975900; 
}

.block-button {
	display: block;
	clear: both;
	padding: 4px;
	background-color: #AE8B5E;
	letter-spacing: .1em;
	text-align: center; 
	width: 100%;
	border: 0 none;
	color: #000000;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px; 
}

.block-button-context {
	display: block;
	clear: both;
	padding: 4px;
	border-color: #693E0B;
	background-color: #9D7648;
	letter-spacing: .1em;
	width: 100%;
	border: 1px;
	color: #000000;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px; 
}

.standard-header {
	max-width: 650px;
	top: 0px;
	background-color: #975900; 
}


/* ---------- TabBar Manipulator ---------- */

.tabbar {
	border: 0;
	overflow: hidden;
	top: 38px;
	padding: 2px 2px 0 5px;
	white-space: nowrap;
	z-index: 2;
}

.tabbar a, .tabbar strong {
	float: left;
	border: 1px solid #9D815C;
	padding: 2px 12px;
	margin-right: -1px;
	text-align: center;
}

.tabbar a {
	border-bottom-style: none;
}

.tabbar strong {
	position: relative;
	top: -2px;
	padding: 3px 12px 4px 12px;
	cursor: default;
	border-bottom-color: #AE8B5E;
}

.tabbar a:hover, .tabbar a:focus, .tabbar a:active {
	text-decoration: none;
	background-color: #B59265; 
}



/* ---------- Stacked Control Buttons - Main Menu/Quick Links - Font Control ---------- */

#quicklist, #linkslist {
	text-transform: lowercase;
	font-size: 11px;
}

/* ---------- Stacked Control Buttons - Quick Links  ---------- */

#quicklist {
	 position: absolute;
	 top: 178px;
	 left: 823px;
	 background-color: #AE8B5E;
 }
 #quicklist h4 {
	  width: 148px;
	  height: 20px;
	  background-repeat: no-repeat;
	  background-color: #AE8B5E;
	  margin: -13px 0 -10px 0;
 }


/* ---------- Stacked Control Buttons - Main Menu ---------- */

#linkslist {
	 position: absolute;
	 top: 178px;
	 margin-left: -45px;
	 background-color: #AE8B5E;
 }
 #linkslist h4 {
	  width: 148px;
	  height: 20px;
	  background-repeat: no-repeat;
	  background-color: #AE8B5E;
	  margin: -13px 0 -10px 0;
 }

 /* ---------- Stacked Control Buttons - LI,UL  ---------- */
 
ul, li {
  	list-style: none;
  }
  
#linkslist ul, #quicklist ul {
  	border-top: 0px solid #B29877;
}

#linkslist li, #quicklist li, #quicklist strong {
  	border: 1px dotted #9D815C;
  	border-top-style: none;
 }
 
#lselect li:hover {
  	background: #B59265;
  }
div>#lselect li {
  	height: 20px;
  	width: 148px;
}
div>#lquick li {
	position: relative;
	left: -35px;
	height: 25px;
	width: 148px;
}
div>#lquick strong {
	position: relative;
	left: -38px;
	text-decoration: underline;
}
/* ---------- Stacked Control Buttons - A <Links>  ---------- */

#lselect a {
 	display: block;
 	color: #3B3B3B;
}
#lquick a {
	color: #3B3B3B;
}
div>#lselect a, div>#lquick a  {
	height: 20px;
 }
#linkslist a:hover, #linkslist a:active {
	color: #3B3B3B;
	text-decoration: none;
 }
div>#lselect a:hover, div>#lselect a:active {
	background: #B59265;
 }


.mainmenu { 
	background-image: url(http://p3ngu1n.org/images/header-menu.jpg); 
	border: 1px solid #9D7648;
}
.membersmenu { 
	background-image: url(http://p3ngu1n.org/images/header-members1.jpg); 
	border: 1px solid #9D7648;
}

.adminmenu { 
	background-image: url(http://p3ngu1n.org/images/header-admin.jpg); 
	border: 1px solid #9D7648;
}
.quicklist {
	background-image: url(http://p3ngu1n.org/images/header-quick.jpg);
	border: 1px solid #9D7648;
}

/* ---------- Inlined Control Buttons  ---------- */


.menubar {
	padding: 8px;
	max-width: 650px;
}

.menubar a, .menubar strong {
	display: inline;
	height: 100%;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	text-align: center;
}
.menubar img {
	vertical-align: sub;
}

.menubar a:hover, .menubar a:focus, .menubar a:active {
	text-decoration: none;
	background-color: #9D7648;
}

/* ---------- Inlined Control Buttons - Background Images Support ---------- */

#menubar2 {
	position: relative;
	top: 70px;
	left: 220px;
 	height: 25px;
 	padding: 8px;
}

#menubar2 a, #menubar2 strong {
	text-decoration: none;
	margin: 2px 0 0 15px;
	letter-spacing: 3px;
	text-transform: lowercase;
	font-size: 7pt;
}
 #menubar2 h4 {
 	padding: 8px;
 	display: inline;
	font-weight: normal;
 	background-repeat: no-repeat;
 	margin: 0 0 0 25px;
 }
 

.indexnconf {
	background-image: url(http://p3ngu1n.org/members/other_images/index.png);
}
.userlistpic {
	background-image: url(http://p3ngu1n.org/members/other_images/users.png);
}
.messagespic {
	background-image: url(http://p3ngu1n.org/members/other_images/messages.png);
}
.helppic {
	background-image: url(http://p3ngu1n.org/members/other_images/help.png);
}
.mnewspic {
	background-image: url(http://p3ngu1n.org/members/other_images/news.png);
}
.marchivepic {
	background-image: url(http://p3ngu1n.org/members/other_images/archive.png);
}
.mdownloadspic {
	background-image: url(http://p3ngu1n.org/members/other_images/downloads.png);
}

/* ---------- Conjoined or Informed tables  ---------- */

.linked-outline-table {
	border: 1px solid #9D815C;
	margin: 0;
	z-index: 1;
}

.infotable {
        padding: 8px;        
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #161616;
        width: 100%;
        min-width: 0;
        max-width: 305px;
}

/* ---------- misc  ---------- */

.padded-table {
	padding: 8px;
}
.bottom-padding {
	padding-bottom: 8px;
}
.toplink {
	border-top-style: none;
}

.centered {
	text-align: center;
}
.align-text-left {
	text-align: left;
}
.align-text-right {
	text-align: right;
}

.context-fill {
	background-color: #9D7648 !important;
}

.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.noborder {
	border-style: none !important;
}