body {
	background-color : #F1F7FF;
	}
	
	#container {
	position : absolute;
	width : 752px;
	left : 50%;
	margin-left : -376px;
	background: transparent url(/images/content-back.jpg) repeat-y;
	}
	
	#header-top {
	width : 752px;
	height : 34px;
	background: transparent url(/images/header-top.jpg) no-repeat;
	}
	
	#header-logo {
	width : 752px;
	height : 88px;
	background: transparent url(/images/header-logo.jpg) no-repeat;
	}
	
	#header-nav {
	width : 752px;
	height : 57px;
	background: transparent url(/images/header-nav.jpg) no-repeat;
	}
	
	/* ############# BEGIN NAV LINKS ############# */	
	
	a:link#nav-home, a:visited#nav-home, 
	a:link#nav-archives, a:visited#nav-archives, 
	a:link#nav-photos, a:visited#nav-photos, 
	a:link#nav-mail, a:visited#nav-mail {
	float : left;
	text-decoration : none;
	border : none;
	height : 57px;
	}
	
	a:link#nav-home, a:visited#nav-home {
	margin-left : 56px;
	width : 46px;
	background: transparent url(/images/moon.jpg) no-repeat;
	}
	
	a:hover#nav-home {
	background: transparent;
	}
	
	a:link#nav-archives, a:visited#nav-archives {
	margin-left : 26px;
	width : 44px;
	background: transparent url(/images/archives.jpg) no-repeat;
	}
	
	a:hover#nav-archives {
	background: transparent;
	}
	
	a:link#nav-photos, a:visited#nav-photos {
	margin-left : 33px;
	width : 45px;
	background: transparent url(/images/photos.jpg) no-repeat;
	}
	
	a:hover#nav-photos {
	background: transparent;
	}
	
	a:link#nav-mail, a:visited#nav-mail {
	margin-left : 30px;
	width : 51px;
	background: transparent url(/images/mail.jpg) no-repeat;
	}
	
	a:hover#nav-mail {
	background: transparent;
	}
	
	/* ############# END NAV LINKS ############# */	
	
	#welcome-box {
	padding : 0px;
	width : 476px; /* 476px after padding */
	height : 71px;
	float : left;
	background: transparent url(/images/welcome-box.jpg) no-repeat;
	}

	#home-head, #archives-head, #photos-head, #mail-head {
	width : 217px;
	height : 41px;
	margin : 22px 0px 0px 132px;
	}

	#home-head {
	background: transparent url(/images/letushear.gif) no-repeat;
	}

	#archives-head {
	background: transparent url(/images/archives.gif) no-repeat;
	}

	#photos-head {
	background: transparent url(/images/photos.gif) no-repeat;
	}

	#mail-head {
	background: transparent url(/images/mail.gif) no-repeat;
	}
	
	#search-box {
	width : 276px;
	height : 71px;
	float : right;
	background: transparent url(/images/search-box.jpg) no-repeat;
	}
	
	#content-box {
	width : 436px; /* 476px after padding */
	float : left;
	background: transparent;
	padding-left : 40px;



	}
	
	#content-head {
	font: normal normal normal 10px/10px arial;
	width : 424px;
	height : 12px;
	float : left;
	background: transparent url(/images/content-head.gif) no-repeat;
	}
	
	#content-body {
	width : 404px;
	float : left;
	padding : 0px 10px;
	background: transparent url(/images/content-body.gif) repeat-y;
	}
	
	#content-foot {
	width : 424px;
	height : 12px;
	float : left;
	background: transparent url(/images/content-foot.gif) no-repeat;
	}
	
	#menu-top {
	width : 276px;
	height : 65px;
	float : right;
	background: transparent url(/images/menu-top.jpg) no-repeat;
	}
	
	#menu-column {
	width : 227px;
	margin-left : 5px;
	float : left;
	}
	
	.menu-head {
	font: normal normal normal 2px/2px arial;
	width : 227px;
	height : 6px;
	float : right;
	margin-top : 15px;
	background: transparent url(/images/menu-head.gif) no-repeat;
	}
	
	.menu-body {
	width : 207px; /* 227px aftern padding */
	padding : 0px 10px;
	float : right;
	color : #010230;
	background: transparent url(/images/menu-body.gif) repeat-y;
	}
	
	.menu-foot {
	font: normal normal normal 2px/2px arial;
	width : 227px;
	height : 5px;
	float : right;
	background: transparent url(/images/menu-foot.gif) no-repeat;
	}
	
	#login {
	width : 150px;
	padding-left : 30px;
	font-size : 12px;	
	}
	
	.menu-body input {
	border : 3px double #9cb2d4;
	background-color : #eff5ff;
	display : block;
	padding : 0px 2px 0px 2px;

	}
	
	.menu-body select {
	background-color : #eff5ff;
	}
	
	#login .edit {
	width : 123px;
	margin-bottom : 10px;
	}
	
	#login .publish {
	color : #010349;
	font-weight : bold;
	font-size : 12px;
	}
	
	#footer {
	float : left;
	width : 752px;
	height : 91px;
	background: transparent url(/images/footer.gif) no-repeat;
	}

	#footer-links {
	padding : 40px 45px 0px 0px;
	float: right;
	font : normal normal bold 15px/17px verdana, sans-serif;
	color: #c7cddd;
	}

	#footer-links a {
	font-size : 12px;
	}

	#footer-links a:link, #footer-links a:visited {
	color : #e1e4ed;
	}

	#footer-links a:hover {
	color : #ffffff;
	text-decoration : underline;
	}

	#footer-links a:active {
	color : #0a356c;
	}

	#content-body img {
	border : 2px solid #000000;
	}

	#content-body a:link img, #content-body a:visited img {
	border : 2px solid #000000;
	}

	#content-body a:hover img {
	border : 2px solid #e0ecfc;
	}
	
	.gallery {
	text-align : center;
	}

	.gallery a img {
	margin : 2px;
	}

	.seperator {
	text-align : center;
	}

	#content-body .seperator img {
	border : 0px;
	margin : 2px 0px 40px 0px;
	}

	.morelink {
	display : block;
	text-align : center;
	border : 4px double #9cb2d4;
	background-color : #eff5ff;
	}
	
	.photolink {
	margin-bottom : 10px;
	}

#content-body #viewarchive {
	text-align : center;
	}

	#content-body #viewarchive img, #content-body #viewarchive a:link img, #content-body #viewarchive a:visited img, #content-body #viewarchive a:hover img {
	border : none;
	}

/* IE Box Model Hacks - PLEASE use a modern browser like Firefox (http://www.mozilla.org)
	This is the Tan hack */
	
	* html #content-box {
	width : 476px;
	w\idth: 436px; 
	}
	
	* html #content-body {
	width : 424px;
	w\idth: 404px; 
	}
	
	* html # .menu-body {
	width : 227px;
	w\idth: 207px; 
	}

hr {
border : 1px solid #d5e5fb;
}