body {
	text-align: center;
	margin:0;
        background: url(/i/bgGrad.gif) repeat-y top center;
	}

h1, h2, h3, h4, dt {
        font-family:perpetua,times;
	font-weight: normal;
	margin: 0;
	color: #333;
        }

h1 {
	font-size: 2.5em;
	}

h2 {
	font-size: 2em;
	}

h3 {
	font-size: 1.8em;
	margin: 0 0 5px 0;
	}

h4 {
	font-size: 1em;
	}

a {
	color: #09c;
	}

a:visited {
	color: #07a;
	}

a:hover {
	color: #07c;
	text-decoration: none;
	}

h1 a, h2 a, h3 a, h4 a {
	color: #333;
	text-decoration: none;
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color: #333;
	text-decoration: underline;
	}

div#header {
	}

#header h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#header h1 a:link, #header h1 a:visited	{
	display: block;	
	width: 320px;
	height: 84px;
	background: url(/i/logo.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none; /*Get rid of weird line that appears in Mozilla*/
	}
	
#header h1 a:hover {
	/* background: url(/i/logoHover.gif) top left no-repeat; */
	}


/*----------------------------------------------*
 * Navigation					*
 *----------------------------------------------*/


dl#nav {
margin: 5px 0;
padding: 0;
	}

dl#nav dd {
display: inline;
width: auto;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
	}

dl#nav dd a {
font: 11px verdana,arial, sans-serif;
color: #000;
	}

dl#nav dd#navJoin a {
	font-weight: bold;
}

body#home dl#nav dd#navHome a,
body#browse dl#nav dd#navBrowse a,
body#login dl#nav dd#navLogin a,
body#contact dl#nav dd#navContact a,
body#recipes dl#nav dd#navCookbook a,
body#join dl#nav dd#navJoin a,

body#managePics dl#loggedInNav dd#navManagePics a,
body#manageRecipes dl#loggedInNav dd#navManageRecipes a,
body#update dl#loggedInNav dd#navUpdate a,
body#invite dl#loggedInNav dd#navInvite a
 {

	color: #f00;
	font-weight: bold;
	text-decoration: none;
	}


/* Looged in Nav */

dl#loggedInNav {
	margin: 0 0 10px 0;
	padding: 0;
	}

dl#loggedInNav dd#navInvite a {
font-weight: bold;
}

dl#loggedInNav dd {
/*	border-right: 1px solid #999;*/
	display: inline;
	width: auto;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	text-align: center;
	}

dl#loggedInNav dd a {
	color: #000;
	font: 11px verdana, arial, sans-serif;
	}



/*----------------------------------------------*
 * Layout Containers				*
 *----------------------------------------------*/
div#container {
	width: 760px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}

div#footer {
	border-top: 1px solid #ddd;
	padding: 10px 20px;
	font: 9px/1.4 verdana, arial, sans-serif;
	color: #666;
	text-align: center;
	}

div#footer a {
	color: #666;
	}

.formError {
	font-weight: bold;
	color: red;
	}