/* Based on a template by Ben Meadowcroft, see http://www.benmeadowcroft.com/webdev/  for more info */
body
{
	color : black;
	background-color : #F4EE76;
	background-image : url(../images/logo4.jpg);
	background-repeat : no-repeat;
	font-family: verdana, arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	margin:0px;
	padding:0px;
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
}

/*
 * This ensures that text in paragraphs doesn't
 * stretch right across the screen. This only works
 * in more advanced browsers.
 */
.contentText p
{
	max-width:45em;
}

ul.menu
{
	list-style:none;
	margin:0px;
}

ul.menu li
{
	display:inline;
}

.menu
{
	text-align : center;
	border : thin solid rgb(0,0,0);
	font-weight : bold;
	background-color : rgb(237,33,36);
}

.menu a
{
	color: #F4EE76;
	background-color : inherit;
}

.menu a:hover
{
	color : rgb(237,33,36);
	background-color : #F4EE76;
}


.menu strong
{
	font-size : large;
}

.other
{
	text-align : center;
	border : thin solid rgb(0,0,0);
	background-color : rgb(237,33,36);
	color : #F4EE76;
	font-weight : bold;
}

.other a
{
	color: #F4EE76;
	background-color : inherit;
}

.other a:hover
{
	color : rgb(237,33,36);
	background-color : #F4EE76;
}

.contentText
{
	color : rgb(0,0,0);
	background-color : rgb(255,255,255);
	border : thin solid;
}

.footer
{
}

.footer a:link
{
	color: rgb(0,0,0);
	background-color:transparent;
}

h1 {font-size: 250%;}
h5 {font-size: 75%;}

img.floatLeft {float: left; margin : 4px;}
img.floatRight {float: right; margin : 4px;}

.body-copy
{
	font-weight : normal;
	padding : 5px;
}

.caption
{
	font-size : 75%;
	font-weight : bold;
}

img.centered
{
	display : block;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
}

ul.features
{
	list-style:none;
	margin:0px;
}

ul.details
{
	list-style-type: square;
	font-size: 75%;
}

#l-caption {
float:left;
clear:left;
padding:5px;
font-size : 75%;
font-weight : bold;
}

#r-caption {
float:right;
clear:right;
padding:5px;
font-size : 75%;
font-weight : bold;
}

#img-l {
float:left;
padding:5px;
}

#img-r {
float:left;
padding:5px;
}


#title
{
float:right;
clear:right;
padding:5px;
z-index : 0;
text-align : right;
}

blockquote, .quoted {
	font-family : Times, serif;
	font-weight : bold;
	font-style : italic;
	text-align : center;
	font-size : 85%;
}

img.top { vertical-align : top;}