/* Make site reach browser edges; give it a general text colour */
body, html {
margin:0;
padding:0;
background:#fff;
}

/* Avoid body being less than #container (main container) if browser resizes */
body, header, footer{
min-width:750px;
}

/* Container holds "main" area and sidebar */
#container {
margin:10px auto;
width:750px;
border-top:solid 1px;
border-bottom:solid 1px;
background-image:url('divider.gif'); /* Provides middle border - image necessary to ensure full border for any column size */
background-repeat:repeat-y;
background-position:250px 0px;
}

#header {
text-align:center;
background:url('banner.jpg');
padding-top:15px;
}

#rose{
vertical-align:middle;
padding-right:30px;
}

#title{
vertical-align:middle;
font-family:Arial, sans-serif;
font-size:2.5em;
font-weight:900;
}

#main {
float:right;
width:475px;
padding:15px 0px 15px 25px;
}

#main img{
max-width:450px; /* resize image if larger than the space available */
display:block;
margin-left:auto;
margin-right:auto;
}

#main h2, #main h3{
text-align:center;
}

#main p{
text-align:justify;
padding:0px 10px;
}

.caption{
text-align:center;
font:caption;
font-size:0.8em;
}

#sidebar {
float:left;
width:240px;
text-align:center;
padding-top:20px;
height:100%;
}

#links{
text-align:center;
}

#links div{
background:url('button.gif') no-repeat center;
font-family:Arial, sans-serif;
font-weight:bold;
height:2em;
}

#links div a{
line-height:2em;
text-decoration:none;
}

#links div a:link{color:#ffc}
#links div a:visited{color:#ffc}
#links div a:hover{color:#ff3}

#clear{
clear:both; /* provides some non-floating content for container - keeps footer at the bottom */
}

#footer {
margin:0px auto;
width:750px;
}

#footer p {
text-align:center;
padding:2px 0px;
}

#smallprint{
font-size:small;
}

.i{font-style:italic} /* use with class="i" in html to make text italic */
.b{font-weight:bold} /* use with class="b" in html to make text bold */