/* Stylesheet for Moriam.net 

Fonts: 
	Trajan:   main menu, page heading
	Arial:    headings, meta text, secondary menus, body text

Colours: 
	#666666 - grey:         body text;
	#333333 - anthracite:   meta text
	#76120e - dark red:     page background, text link hover
	#bb8f31 - gold:         headings, text links
*/

body {
	background: #76120e url(images/bg-page-256.png) repeat-x;
	text-align: center; /* hack for IE 6-, centers the #page element */
}

body, div, td, th, form, ul {
	margin: 0px;
	padding: 0px;
	border: none;
}

body, div, p, td, th, caption, li, h1, h2, h3, h4, h5, h6, ins, del, address, a {
	font-family: arial, sans-serif;
	color: #666;
}

body, div, p, td, th, li, ins, del, address, a, caption {
	font-size: 12px;
	line-height: 19px;
}

a {
	color: bb8f31;
	text-decoration: underline;
}
a:hover {
	color: #76120e;
}

a img {
	border: none;
}

h1, h2, h3, h4, caption {
	color: #bb8f31;
	margin: 0px;
}

h1, h2 { font-size: 30px; line-height: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 21px; }

/* Generics */

.first { margin-top: 0px; }
.last { margin-bottom: 0px; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.low { font-size: 0px; line-height: 0px; }
.hdiv { font-size: 0px; line-height: 0px; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #d4d4d4; }
.image { padding-bottom: 5px; text-align: center; }
.caption { font-size: 10px; }

/* Structure */

div#page {
	width: 944px;
	min-height: 494px;
	margin: 0px auto;
	text-align: left;
}

div#main {
	background: url(images/bg-main.png) repeat-y top center;
}

div#main-inner {
	padding: 0px 22px;
}

div#footer {
	background: url(images/bg-main-bottom.png) no-repeat bottom center;
	width: 944px;
	height: 133px;
}

div#footer-inner {
	padding: 0px 22px;
}

div#header {
	width: 900px;
	height: 361px;
	background: url(images/headerimg_01.jpg) no-repeat;
	position: relative;
	background-image: url(images/moriam_register.jpg);
}

div#header-inner {
	padding: 149px 69px 69px 69px;
}

div#sitename, div#tagline {
	position: absolute;
	right: 2px;
}
div#sitename {
	top: 144px;
} 
div#tagline { top: 181px; }

div#mainmenu {
	background: #bb8f31 url(images/bg-menu.png);
	height: 30px;
}

div#mainmenu-inner {
	padding: 0px; 
}

#mainmenu ul { 
	height: 30px;
}

#mainmenu li {
	line-height: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

#mainmenu, #mainmenu a {
	color: #76120e;
	font-family: Times New Roman, serif;
	font-variant: small-caps;
	text-decoration: none;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

#mainmenu a:hover {
/*	background: url(images/bg-menu-item.png) no-repeat center center;	*/
}

#mainmenu img {	
	vertical-align: middle;
}

div#content { 
	width: 597px; 
	background: #fff;
	float: left;
}

div#content-inner {
	padding: 18px 25px 0px 35px;
}

div#sidebar {
	width: 283px;
	background: #fff;
	float: right;
	zoom: 1;
}

div#sidebar-inner {
	padding: 18px 35px 0px 25px;
}

/* Postings */

.meta {
	color: #333;
	padding-top: 5px;
}

/* Menus */

ul.menu {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.menu li {
	display:inline;
	padding-right:4px;
}

ul.listmenu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* Tables */

td, th {
	text-align: left;
	vertical-align: top;
}

table.data {
	border-collapse: collapse;
	width: 100%;
}

.data caption {
	caption-side: top;
	font-weight:  bold;
	text-align:   left;
}

.data td, .data th {
	height: 22px;
	padding-right: 10px;
}

th.groupheading {
	padding-top: 10px;
}

.odd, .odd th, .odd td {
	background: #f1f1f1;
}

