body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

body {
	font-family: Helvetica,Arial,Verdana;
	font-size: 13px;
	color: #000000;
	background:#8d7c6e;
	}

h1 {padding:5px 0}
h2 {padding:5px 0;font-size:120%;}
h3 {padding:3px 0;font-size:120%;}

a {outline:none;}
a:link, a:visited {color:#000;text-decoration:underline}
a:hover, a:active {color:#fff;text-decoration:underline}

#container {
	margin: 0 auto;
	position: relative;
	width: 792px;
	height: 612px;
	}
	
#content {width: 100%;}

body.home #container {background:url(images/bkgd-home.jpg) no-repeat 0 0;}

#logo a {
	position:absolute;
	left:-9999px;
	}
	
#tagline {
	position:absolute;
	left:-9999px;
	}

.text {
	position:absolute;
	left:-9009px;
	}
	
.centered {text-align:center;}

.small {font-size:11px;}

a.next {
	width:62px;
	height:21px;
	display:block;
	position:absolute;
	top:581px;
	left:730px;
	text-indent:-9999px;
	background:url(images/next.jpg) no-repeat 0 0;
	}
a.next:hover {background-position:-62px}

/* DIRECTORY PAGE -----------------------------------------------------------------------*/

body.directory #container {background:url(images/directory-title.jpg) no-repeat 176px 37px;}

body.directory .content {padding: 280px 0 0 176px;}
* html body.directory .content {padding: 250px 0 0 176px;}

body.directory p {
	font-size: 11px;
	margin-bottom: 8px;
	}

body.directory strong {
	font-size: 11px;
	}

body.directory a:link, body.directory a:visited {
	font-weight: bold;
	font-size: 11px;
	color:#000;
	text-decoration: none;
	}

body.directory a:hover, body.directory a:active {
	text-decoration: underline;
	}

#cover {
	position: absolute;
	top: 284px;
	left: 639px;
	width: 150px;
	height: 246px;
	background: url(images/cover.jpg) no-repeat 0 0;
	}

/* ABOUT PAGE -----------------------------------------------------------------------*/

body.about .content {
	padding: 71px 0 0 179px;
	color:#fff;
	width: 510px;
	font-size: 11px;
	}

/* WHAT IS PAGE -----------------------------------------------------------------------*/

body.what #logo a {
	display:block;
	position:absolute;
	top:38px;
	left:180px;
	background:url(images/logo.jpg) no-repeat 0 0;
	width:357px;
	height:61px;
	text-indent:-9999px;
	outline:none;
	}

body.what .content {
	padding: 99px 0 0 180px;
	width: 510px;
	font-size: 11px;
	}

body.what .content ul {
	margin-left:13px;
	}

body.what .content li {
	list-style:disc;
	}
	
body.what .content ul.list {
	margin-left:0px;
	float:left;
	}
	
body.what .content li.list {
	margin-left:13px;
	list-style:disc;
	display:inline;
	}

/* INVITATION PAGE -----------------------------------------------------------------------*/

body.invitation #logo a {
	display:block;
	position:absolute;
	top:38px;
	left:180px;
	background:url(images/logo-no-tag.jpg) no-repeat 0 0;
	width:357px;
	height:61px;
	text-indent:-9999px;
	outline:none;
	}

body.invitation .content {
	padding: 140px 0 0 180px;
	width: 510px;
	font-size: 12px;
	}

/* MAGAZINE PAGE -----------------------------------------------------------------------*/

body.magazine #logo a {
	display:block;
	position:absolute;
	top:265px;
	left:200px;
	background:url(images/logo-reverse.jpg) no-repeat 0 0;
	width:388px;
	height:50px;
	text-indent:-9999px;
	outline:none;
	}

body.magazine .content {
	padding: 17px 0 0 16px;
	width: 758px;
	}
	
body.magazine h2 {
	font-size:13px;
	font-weight:normal;
	}

#sponsored {
	position:absolute;
	top:310px;
	left:195px;
	color:#fff;
	}

/* NAV MENU -----------------------------------------------------------------------*/
/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */

#menu {
	position:absolute;
	top:126px;
	left:0;
	width:180px;
	}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
	position:relative;
	padding:0;
	margin:0;
	z-index:500;
	}

#menu li {
	width:180px;
	background-image: url(images/menu.jpg);
	list-style: none;
	/* for IE7 */
	float:left;
	}

#menu li.blogs {height:22px;}

/* style the list items */
#menu li.home {background-position:0 0;}
#menu li.directory {background-position: 0px 142px;}
#menu li.about {background-position: 0px 118px;}
#menu li.what {background-position: 0px 94px;}	
#menu li.invitation {background-position: 0px 70px;}
#menu li.magazine {background-position: 0px 46px;}		
#menu li.blogs {background-position: 0px 22px;}		
	
/* get rid of the table */
#menu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:12px;
	}

/* style the links */

#menu li a, #menu li a:visited {
	color: #000000;
	display:block;
	height:24px;
	text-decoration: none;
	text-indent:-9009px;
	}
	
/* hack for IE5.5 */
* html #menu a, * html #menu a:visited {
	width:180px;
	w\idth:179px;
	}

/* style the link hover */

#menu li.home:hover {
	position:relative;
	background-position: -180px 0px;
	}

#menu li.directory:hover {
	position:relative;
	background-position: -180px 142px;
	}

#menu li.about:hover {
	position:relative;
	background-position: -180px 118px;
	}

#menu li.what:hover {
	position:relative;
	background-position: -180px 94px;
	}

#menu li.invitation:hover {
	position:relative;
	background-position: -180px 70px;
	}

#menu li.magazine:hover {
	position:relative;
	background-position: -180px 46px;
	}

#menu li.blogs:hover {
	position:relative;
	background-position: -180px 22px;
	}

/* For accessibility of the top level menu when tabbing */
#menu a:active, #menu a:focus {
	position:relative;
	background-position: -180px 0px;
	}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
#menu li:hover > a {
	background-position: -180px 0px;
	}
	
/* FOOTER NAV -----------------------------------------------------------------------*/


#footer {
	position: absolute;
	bottom: 0;
	width:792px;
	}

#footer ul {
	padding:0;
	margin:0;
	z-index:500;
	}

#footer li {
	background-image: url(images/footer.jpg);
	list-style: none;
	/* for IE7 */
	float:left;
	}

#footer li.back {width:66px;background-position:792px 45px;}
#footer li.directory {width:155px;background-position:726px 45px;}
#footer li.main {width:252px;background-position:571px 45px;}
#footer li.sponsor {width:255px;background-position:319px 45px;}
#footer li.next {width:64px;background-position:64px 45px;}
	
/* get rid of the table */
#footer table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:12px;
	}

/* style the links */

#footer li a, #footer li a:visited {
	color: #000000;
	display:block;
	height:45px;
	text-decoration: none;
	text-indent:-9009px;
	}
	
/* hack for IE5.5
* html #footer a, * html #footer a:visited {
	width:180px;
	w\idth:179px;
	} */

/* style the link hover */

#footer li.back:hover {
	position:relative;
	background-position: 792px 0px;
	}

#footer li.directory:hover {
	position:relative;
	background-position: 726px 0px;
	}

#footer li.main:hover {
	position:relative;
	background-position: 571px 0px;
	}

#footer li.sponsor:hover {
	position:relative;
	background-position: 319px 0px;
	}

#footer li.next:hover {
	position:relative;
	background-position: 64px 0px;
	}

/* For accessibility of the top level menu when tabbing */
#footer a:active, #footer a:focus {
	position:relative;
	background-position: -180px 0px;
	}