yourministry
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Ministry</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
* {margin: 0;
padding: 0;}
body {
background: #767962 url(yourministry-images/body.gif);
font-size: 8pt;
}
#container {
position:absolute;
margin: auto;
width: 760px;
height: 750px;
background-color: #767962;
border-right: 1px solid #50543D;
border-bottom: 1px solid #50543D;
}
#topsection {
position:absolute;
left:0px;
top:0px;
width:760px;
height:91px;
background-color: #fff;
}
#logo {
position:absolute;
font-family: Poor Richard,"Times New Roman",Times,serif;
font-size:17pt;
left:26px;
top:35px;
width:160px;
height:38px;
color: #698463;
}
#topsection_menu {
position:absolute;
left:632px;
top:16px;
width:117px;
height:11px;
font-family: Microsoft Sans Serif, "verdana", Times, serif;
font-size: 8pt;
color: #000;
}
#mainmenu_box {
position:absolute;
left:0px;
top:92px;
width:200px;
height:199px;
background-color: #080904;
}
#imagebox {
position:absolute;
left:200px;
top:92px;
width:560px;
height:199px;
background-image: url(yourministry-images/branch.jpg);
}
#mainmenu {
position:absolute;
left:14px;
top:104px;
width:175px;
height:175px;
font-family: verdana,"century", Times, serif;
font-size: 10pt;
color: #FFFFFF;
padding: 7px 12px 12px 12px;
}
#mainmenu a:link {
color: #F5F5F5;
text-decoration: none;
}
#mainmenu a:hover {
color: #58794E;
background-color: #fff;
text-decoration: none;
}
#mainmenu a:visited {
color: #58794E;
text-decoration: none;
}
#navlist li {
list-style-type: none;
color: #ffffff;
border-left: 1px solid #505050;
padding: 7px 7px 7px 7px;
}
#contentarea {
position:absolute;
left:0px;
top:292px;
width:760px;
height:417px;
background-color: #fff;
}
#sidebar {
position:absolute;
left:487px;
top:15px;
width:260px;
height:387px;
background-color: #EBEEE3;
}
#textarea {
position:absolute;
font-family: verdana,"century", Times, serif;
font-size: 8pt;
left: 26px;
top: 23px;
width: 430px;
height: 350px;
background-color: #fff;
}
h1 {
font-family: Poor Richard,"Times New Roman",Times,serif;
font-size:17pt;
color:#517342;
font-weight: 400;
border-bottom: 8px solid #EBEEE3;
}
h2 {
font-family: verdana,"century", Times, serif;
font-size: 14pt;
font-weight: 400;
color: #696A60;
}
h3 {
font-family: verdana,"century", Times, serif;
font-size: 8pt;
font-style: bold;
color: #698B5E;
}
h4 {
font-family: verdana,"century", Times, serif;
font-size: 8pt;
font-style: bold;
background-color: #fff;
color: #698B5E;
padding: 3px 6px;
}
h5 {
font-family: verdana,"century", Times, serif;
font-size: 8pt;
font-style: bold;
color: #756556;
}
#textarea2 {
font-family: verdana,"century", Times, serif;
font-size: 8pt;
color: #898683;
padding: 20px 12px 12px 12px;
}
#textarea3 {
font-family: verdana,"century", Times, serif;
font-size: 8pt;
color: #898683;
padding: 20px 12px 12px 12px;
}
#textarea4 {
font-family: verdana,"century", Times, serif;
font-size: 8pt;
color: #898683;
padding: 20px 12px 12px 12px;
}
#book {
width: 220px;
padding: 7px 7px 12px 5px;
}
#book img {
width: 45px;
height: 65px;
padding: 0 12px 0 0;
float: left;
}
a {
color: #3E73C1;
text-decoration: none;
}
a:link {
color: #4E713B;
text-decoration: none;
}
a:visited {
color: #4E713B;
text-decoration: underline;
}
a:hover {
color: #435839;
background-color: #fff;
text-decoration: underline;
}
#footerinfo {
position:absolute;
left:25px;
top:12px;
width:314px;
height:11px;
font-family: verdana,"century", Times, serif;
font-size: 7pt;
color: #292E29;
}
#footercredit {
position:absolute;
left:641px;
top:12px;
width:100px;
height:11px;
font-family: verdana,"century", Times, serif;
font-size: 7pt;
color: #292E29;
}
#footer {
position:absolute;
left:0px;
top: 710px;
width:760px;
height:40px;
background-color: #fff;
}
</style>
</head>
<body>
<div id="container">
<div id="topsection">
<div id="logo">Your Ministry.org </div>
<div id="topsection_menu"> <a href="http://www.free-css.com/">Forum Login</a> - <a href="http://www.free-css.com/">Register</a> </div>
</div>
<div id="mainmenu_box"> </div>
<div id="imagebox"> </div>
<div id="mainmenu">
<ul id="navlist">
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Devotional Thoughts</a></li>
<li><a href="http://www.free-css.com/">Forum</a></li>
<li><a href="http://www.free-css.com/">Donate</a></li>
<li><a href="http://www.free-css.com/">Contact Us</a></li>
</ul>
</div>
</div>
<div id="contentarea">
<div id="sidebar">
<h4>What's New?</h4>
<div id="textarea2">
<h5>New Book: </h5>
<div id="book">
<p><img src="yourministry-images/book.jpg" alt="book"/></p>
<strong>Your Book </strong><br/>
by Your Name <br/>
<br/>
<a href="http://www.free-css.com/">$ Buy Now</a></div>
</div>
<h4>Newsletter Signup</h4>
<div id="textarea3">
<form action="#" method="post" >
<p>
<input type="text" name="email" size="27"/>
<input type="submit" value="send" name="B1"/>
</p>
</form>
<p></p>
</div>
<h4>Extras </h4>
<div id="textarea4">
<h5>Latest Downloads:</h5>
<br/>
<p> <a href="http://www.free-css.com/">Download #1</a><br />
<a href="http://www.free-css.com/">Download #2</a></p>
<br/>
<p>Please note that all software is for <br />
Windows operating systems only.</p>
<br/>
</div>
</div>
<div id="textarea">
<h1>Welcome</h1>
<br />
<h3>Latest News</h3>
<br/>
<h2>Mountain Retreat 2007</h2>
<br/>
<p>The Mountain Retreat is full. If you would like to be on a waiting
list in the unlikely event of a cancellation, please call our office
at 555-555-5555 or email us at <a href="http://www.free-css.com/">info@yourdomain.com</a>.</p>
<br/>
<br/>
<h1>Helpful Hints</h1>
<br/>
<h3>Spam Filters</h3>
<br/>
To be able to receive our newsletters, please adjust your spam filters
to accept email from: <a href="http://www.free-css.com/">info@yourdomain.com</a>. <br />
<br/>
<h1>Latest Devotional</h1>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis sapien nunc, elementum eget, tempus blandit, euismod in, est. In pulvinar, dui sed cursus molestie, nisi nulla rutrum nulla, in aliquet risus urna quis neque.</div>
</div>
<div id="footer">
<div id="footerinfo">Copyright 2007 <a href="http://www.free-css.com/">Your Ministry.org</a> - All Rights Reserved </div>
<div id="footercredit">Designed by <a href="http://refueled.net">RFDN</a> </div>
</div>
</body>
</html>
Related examples in the same category