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

body
{
background:#275b1d;
font-family:verdana, trebuchet ms, sans serif;
font-size:80%;
text-align:left;
margin:5px 0;
color:#000;
}

p, p.noindent
{
margin:5px 40px;
padding-bottom:5px;
line-height:1.2;
text-indent:15px;
}

p.noindent
{text-indent:0;}

h1, h2, h3, h4, h5, h6
{
font-family:georgia, times, times new roman, courier, serif;
font-weight:bold;
text-align:center;
margin:5px 30px;
padding-bottom:5px;
}

h1
{font-size:25px;}

h2
{font-size:20px;}

h3
{font-size:18px;}

h4
{font-size:13px;}

h5
{font-size:11px;}

h6
{font-size:10px;}

a, a:visited
{
text-decoration:underline;
color:#b11e0d;
font-weight:bold;
}

a:hover, a:active
{color:#435152;}

img
{border:0;}

ul.listbox
{
width:500px;
margin:0 auto;
margin-bottom:15px;
}

ul.listbox li
{
list-style-image:url(accept.gif);
margin:5px;
padding-left:-6px;
}

form
{
margin:0 auto;
text-align:center;
}

blockquote
{
width:500px;
background:#f5f0c5;
border:1px solid #000;
margin:0 auto;
margin-bottom:10px;
}

blockquote p
{
margin:5px 20px;
padding:5px;
}

marquee
{
text-align:center;
font-weight:bold;
margin:5px 100px;
font-family:verdana, arial, sans-serif;
font-size:17px;
color:#275b1d;
}

/* menu with NO ugly focus border */
/* css menu created by Stu Nichols at cssplay.co.uk */
ul#off 
{
list-style-type:none; 
padding:0;
margin:0; 
width:45em; 
height:5em; 
margin:0 auto;
}

ul#off li 
{
display:block; 
width:7em; 
height:2em; 
float:left; 
margin-right:0.4em;
}

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

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

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

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

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 #275b1d; 
color:#275b1d;
}

/* font styles continue here */

.bold
{font-weight:bold;}

.italic
{
font-style:oblique;
text-decoration:none;
}

.strike
{
font-weight:bold;
text-decoration:line-through;
}

.symbol
{
color:#ca6206;
font-weight:bold;
font-size:17px;
}

.variant
{font-variant:small-caps;}

/* colors for the text start here */

.red
{color:#ca6206;}

.green
{color:#275b1d;}

.hilite
{background:#f7e77b;}

.cap /* creates the large drop-cap first-letter in the paragraphs */
{
font-family:times new roman, times, serif;
font-size:35px; 
color:#ca6206; /*red */ 
font-weight:bold; 
float:left; 
height:35px; 
line-height:35px; 
margin-top:-4px; 
margin-right:3px;
}

.right
{
float:right;
margin:5px 30px 0 0;
}

.left
{
float:left;
margin:0 5px 0 10px;
padding:5px;
}

.left2
{
float:left;
margin:0 5px 0 40px;
padding:5px;
}

.imgctr /* style for the shadow below the text boxes */
{
margin:0 0 0 165px;
border:0;
padding:0;
}

.center
{text-align:center;}

.clear
{clear:both;}

/* main content area  styles start here*/

#wrapper 
{
margin:0 auto;
margin-bottom:10px;
padding:0;
width:750px;
border-top:10px solid #275b1d;
border-right:0;
border-bottom:10px solid #275b1d;
border-left:0;
text-align:left;
background:#fff;
}

#header  /* header image is in this rule */
{
position:relative;
width:100%;
height:150px;
margin:0 auto;
background:url(header.jpg) #275b1d;
background-position:top center;
background-repeat:no-repeat;
}

/* put your footer background image in here.  size it the same width as your wrapper div */
#footer
{
position:relative;
width:100%;
height:50px;
margin:0 auto;
background:url(footer.jpg) #275b1d;
background-position:top center;
background-repeat:no-repeat;
}

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

#footer a, #footer a:visited
{
color:#fff;
text-decoration:underline;
font-variant:small-caps;
font-size:14px;
font-weight:bold;
}

#footer a:hover, #footer a:active
{
color:#fff;
text-decoration:none;
}