/* general html tag styles */

html, body
{
margin:0;
padding:0;
border:0;
}

body
{
background:#fff;
font-family:verdana, arial, sans-serif;
font-size:90%;
font-weight:normal;
text-align:left;
margin:0;
color:#000;
}

p
{
text-align:left;
margin:5px 30px;
padding:0;
text-indent:10px;
}

h1, h2
{
font-family:verdana, sans-serif;
text-align:center;
margin:10px 40px;
}

h1
{font-size:30px;}

h2
{font-size:25px;}

img
{border:0;}

img.left
{
float:left;
margin:0 40px;
margin-right:10px;
}

img.right
{
float:right;
margin:0 40px;
margin-left:10px;
}

a, a:visited
{
color:#b70908;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #b70908;
}

a:hover, a:active
{
color:#0b3c9b;
text-decoration:none;
border:0;
}

ul, dl, ol
{
width:600px;
margin:10px 20px 10px 100px;
}

ul li
{
list-style-position:inside;
font: normal small-caps normal 15px/18px verdana, Sans-Serif;
padding-top:8px;
}

dl dt, dl dd
{padding-top:5px;}

dl dt
{font-weight:bold;}

ol li
{
font:normal normal bold 14px/17px verdana, Sans-Serif;
padding-top:6px;
}

table
{
width:700px;
margin:10px auto;
border:0;
}

table tr td
{width:50%;}

table tr td p.img
{
text-align:center
margin:5px 20px;
font-weight:normal;
}

table tr td p
{
text-align:center;
font-weight:bold;
font-size:13px;
}

/* alignment classes */

.center
{text-align:center;}

.clear
{clear:both;} /* clears any floated element - stops wrapping around an image for example */

/* text formatting classes */

.bold
{font-weight:bold;}

.red
{color:#b70908;}

.green
{color:#015d06;}

.blue
{color:#0b3c9b;}

.hilite
{
background:#ffecb7;
color:#b70908;
font-variant:small-caps;
font-weight:bold;
}

.italic
{font-style:italic;}

/* layout divisions */
#wrapper
{
margin:0 auto 5px auto;
width:800px;
background:#fff;
border:0;
}

#header
{
width:800px;
height:170px;
background:url(../images/header.jpg) #fff;
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
margin-bottom:2px;
}

#footer
{
width:800px;
height:50px;
background:url(../images/footer.jpg) #fff;
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
}

#footer p
{
margin:0 10px;
color:#000;
text-align:center;
padding-top:12px;
font-size:13px;
font-weight:bold;
text-indent:0;
}

#footer a, #footer a:visited
{
color:#000;
text-decoration:underline;
font-weight:bold;
border:0;
font-variant:small-caps;
}

#footer a:hover, #footer a:active
{color:#b70908;}

/* default styles for removing active/focus border from nav. menus */

ul#off
{
list-style-type:none;
padding:0;
margin:0;
width:60em; /* you can change the width of this menu 1em equals approx. 15px */
height:5em;
margin:0 auto;
}

ul#off li
{
display:block;
width:8em; /* you can adjust the width if you have fewer links or longer text */
height:2em;
float:left;
margin-right:0.2em; /* creates the space between the menu items so it's not one long line */
}

ul#off a
{
display:block;
width:8em;
height:2em;
position:relative;
text-decoration:none;
outline:0;
}

/* you can change the colors for the font and border */

ul#off a em
{
display:block;
font-style:normal;
text-align:center;
width:8em;
height:1.5em;
color:#000;
border-bottom:0.5em solid #000;
position:absolute;
top:0;
left:0;
cursor:pointer;
}

ul#off a:hover
{color:#b70908;}

ul#off a:hover em
{border-bottom:0.5em solid #b70908;}

ul#off a:active, ul#off a:focus
{
width:0;
height:0;
}

ul#off a:active em, ul#off a:focus em
{
border-bottom:0.5em solid #0b3c9b;
color:#0b3c9b;
}