trinityinstitute
<!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" xml:lang="en" lang="eng">
<head>
<title>Trinity Institute</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body{ margin:0 auto; padding:0; background: url(trinityinstitute-images/body.gif) left top; font-style:normal; font-variant:normal; font-weight:normal; font-size:8pt; font-family:Verdana, arial, helvetica, sans-serif;}
a { color: #105cb6; background: inherit; text-decoration:none;}
a:hover { color: #883225; border-bottom: 1px dashed #883225; background:inherit; text-decoration: none; }
a:active { background:inherit; color: #990000; text-decoration: none;}
h1{
background: inherit;
color: #af711e;
font: 16pt georgia,'Trebuchet MS', Verdana, Arial,Helvetica, sans-serif;
}
h2, h3 {
background: inherit;
color: #af711e;
margin: 30px 0 0 32px;
padding:0 0 2px 0;
font: 16pt georgia,'Trebuchet MS', Verdana, Arial,Helvetica, sans-serif;
}
h4 {
background: inherit;
color: #555555;
margin: 5px 0 5px 34px;
padding:0 0 2px 0;
font: 9pt verdana;
font-weight: bold;
font-style: italic;
}
h5{
background: inherit;
color: #000000;
font: 8pt Verdana, Arial,Helvetica, sans-serif;
}
.hide{display:none;}
#top{float:left; clear:both; width: 100%; color:#7E94C9; background:inherit;}
#top a{
text-decoration:none;
padding:0;
margin:0;
color:#323232;
background:inherit;
}
#top a:hover{
color:#ccc;
background: inherit;
}
#container{
float:left;
width:100%;
margin:20px auto 20px auto;
padding: 0;
background:#fff;
color:#000;
line-height:1.2em;
}
#topmenu{
text-align:center;
width:100%;
background: #313131;
color:#fff;
margin:0;
padding: 10px 0 10px 0;
border-bottom: solid 1px #404040;
}
#topmenu ul{
padding:0;
margin:0;
list-style-type: none;
}
#topmenu li{
padding:0;
margin:0;
display:inline;
list-style-type: none;
}
#topmenu a, #topmenu a:visited{
margin:0 0 0 -6px;
text-align:center;
text-decoration:none;
padding: 10px 18px 10px 18px;
color:#e2e7df;
border-left:1px solid #585858;
background:#313131;
}
#topmenu a:hover{
color:#313131;
background:#fff;
border-bottom: 0px;
}
#topmenu a.last{border-right:1px solid #585858;}
#mainbox, #mapbox {
float:left;
width:60%;
color: #000;
background: #fff;
margin: 0;
padding: 0 0 36px;
font: 100% Verdana, Arial, Helvetica, sans-serif; border-right: 1px dashed #F5DBBD;
}
#mainbox p, #mapbox p{ padding: 2px 28px 6px 34px; margin: 0; line-height:1.6em;}
#mainbox ul{
list-style:none;
padding: 0;
margin: 4px 0 0 0;
}
#mainbox li{
background:#fff;
color: #000;
padding: 0;
list-style:square;
list-style-position:inside;
margin: 4px 0 0 36px;
}
.halfbox{ float:left; width:270px; margin: 16px 0 0 12px; }
.halfboxtitle{ background: inherit; color: #313131; margin: 18px 0 8px 24px; padding:0;
font:normal 146% georgia, "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial,Helvetica,sans-serif; }
.halfbox ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.halfbox li {
list-style-type: none;
background:#fff url(trinityinstitute-images/bullet.gif) no-repeat 0 6px;
color: #A75644;
margin: 0 0 6px 32px;
}
.halfbox a{ padding-left : 0.9em; }
#mainright{
float:left;
width: 250px;
height: 100%;
text-align:center;
margin-top: 24px;
padding: 12px;
}
#menunuright{ float:left; text-align:left; width: 98%; padding:7px; margin:0; }
.title{
color: #af711e;
background: #fff;
padding: 0;
font: 8pt verdana, Arial, Helvetica, sans-serif;
}
#menunuright ul{
list-style:none;
padding: 0;
margin: 10px 0 0 0;
}
#menunuright li{
color: #797979;
list-style:none;
padding: 0; background: #fff url(trinityinstitute-images/bullet.gif) no-repeat 0px 6px;
margin: 4px 0 8px 15px;
}
#menunuright a{
margin: 4px 0 8px 10px;
text-decoration:none;
padding:0;
border-bottom:0; background:#fff; color: #000000;
}
#menunuright a:hover{ border-bottom: 1px dashed #A75644; background:#fff; color: #883225; }
#footer{
margin-top: 10px;
margin:0;
clear:both;
width:100%;
text-align:center;
color: #e2e7df;
padding: 10px 12px 10px 12px;
background:#313131;
border-top: solid 1px #152C23; border-bottom: solid 1px #152C23;
}
#footer p{ margin: 0; padding:0;}
</style>
</head>
<body>
<div id="top"> </div>
<div id="topmenu">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Program Description</a></li>
<li><a href="http://www.free-css.com/">Cost</a></li>
<li><a href="http://www.free-css.com/">Our Philosophy</a></li>
<li><a href="http://www.free-css.com/" class="last">Contact</a></li>
</ul>
</div>
<div id="container">
<div id="mainbox">
<h2>Welcome to The Trinity Institute</h2>
<h4>A Training Program To Establish...</h4>
<p>Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Praesent eget ante. Praesent sed eros. Donec
arcu. Fusce rutrum ligula eu elit. Sed sit amet eros non elit luctus semper.
Nunc id sapien sit amet est imperdiet iaculis. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Sed nec erat. Etiam nonummy. Cras sapien.<br />
<br/>
Aenean lacinia ante vitae augue. Aliquam et lacus. Integer lacinia magna
at metus. Etiam dapibus tristique lacus. Maecenas non justo et felis vestibulum
tincidunt. Duis et orci. Morbi a tortor. Donec ac neque a urna varius iaculis.
Ut blandit. Nunc nibh neque, vehicula vitae, cursus vel, luctus eget, leo.
Vestibulum ultricies ornare mi. Sed ut est. Phasellus massa ipsum, rutrum
vitae, vehicula vitae, hendrerit a, urna. Maecenas id ante in lectus blandit
porta. Vestibulum quis magna nec ante lacinia pretium. Donec et velit non
turpis bibendum condimentum. Quisque commodo arcu et purus congue volutpat.<br />
<br/>
Donec et massa eu sem mollis varius. Curabitur non nisi in metus sollicitudin
ultricies. Phasellus eget lectus. Aenean ut eros nec tortor dapibus elementum.
Vestibulum eu magna pretium nisi consectetuer auctor. Nunc bibendum, urna
in tempus adipiscing, nibh nulla fringilla leo, in lobortis quam massa ut
tellus. Donec sapien. Maecenas pede. Nulla sed lacus nec ante pellentesque
malesuada. Ut nunc eros, nonummy pulvinar, varius ac, consectetuer sit amet,
purus. Fusce pede. Praesent posuere, enim sed placerat feugiat, neque metus
pellentesque nunc, a dictum mi ante vel nisi. Etiam ultrices. Quisque in
orci. Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Integer laoreet dolor at lacus. Donec at urna in
justo ornare ultrices.<br/>
<br/>
Nam vitae purus. Aliquam erat volutpat. Donec vitae felis. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Integer a arcu. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed purus.
Etiam interdum, mauris vestibulum porta eleifend, mauris erat sagittis pede,
ac faucibus pede diam nec est..</p>
<h3>Contact</h3>
<br/>
<p><b>Your Institute</b></p>
<p>Address Line</p>
<p>City, State Zip</p>
<p><span style="font-weight: bold;">Phone: </span>888-555-1111</p>
<p><span style="font-weight: bold;">Email:</span> info@yourdmonain.org</p>
</div>
<div id="mainright">
<div id="menunuright">
<div class="title" id="startmenu">
<h5>" Thou must be emptied of that wherewith thou art full, that thou mayest be filled with that whereof thou art empty. "</h5>
<h1 class="title">- Saint Augustine</h1>
<div id="menurighth3">
<h1>The Trinity Network</h1>
</div>
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Link 2</a></li>
<li><a href="http://www.free-css.com/">Link 3</a></li>
</ul>
<div class="title">
<h1>Resources</h1>
</div>
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Link 2</a></li>
<li><a href="http://www.free-css.com/">Link 3</a></li>
</ul>
</div>
</div>
</div>
<br/>
<br/>
<div id="footer">
<p> 2006 Your Institute Inc. All Rights Reserved. | info@yourdomain.org</p>
</div>
</div>
</body>
</html>
Related examples in the same category