body {
	margin: 0;
	padding: 0;
	background: #afafaf url(graphics/background.gif) repeat-y 50% 0;
	font: normal 14px Arial;
	color: #000;
}

div.main
{
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 900px;
}

div.body
{
	display: block;
	margin: 25px auto;
	padding: 0;
	width: 825px;
}


h1 {
	font: normal 36px Arial;
	color: #D82E39;
	padding:0;
	margin: 0;
}

h2 {
	font: 18px Arial;
	color: #000;
}

p, li {
	line-height: 1.5em;
}

.important {

	color: #D82E39;
	font-weight: bold;
}


.dotted {
	border-top-style: dotted;
	border-color: #ccc;
	padding-top: 20px;
}

.subheading {
	font: normal normal 18px Arial;
	color: #666;
}

.caption {
	font: italic normal 18px Arial;
	text-align: center;
	color: #666;
	margin: 5px 0 30px 0;
}


/* Image CSS START */

a.hoverpic img {
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
}

a.hoverpic:hover img {
	filter:alpha(opacity=75);   
	-moz-opacity: .75;   
	opacity: .75;
}

img.scrn
{
	display: block;
	margin: 30px auto 0 auto;
	border: solid #000;
	border-width: 1px;
}

/* Image CSS END */

/* Round box CSS BEGIN */

/* set the image to use and establish the lower-right position */
.featurebox, .featurebox_body, .featurebox_head, .featurebox_head h2, .featurebox_head h3 {
    background: transparent url(graphics/roundedbox.png) no-repeat bottom right;
}
.featurebox {
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */
}

/* set the top-right image */
.featurebox_head {
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.featurebox_head h2 {
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 25px 0 15px 25px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; height: 1%; /* IE Holly Hack */
    font: 24px Arial;
    color: #fff;
}

.featurebox_head h3 {
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 15px 0 15px 25px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; height: 1%; /* IE Holly Hack */
    font: 18px Arial;
    color: #fff;
}

/* set the lower-left corner image */
.featurebox_body {
    background-position: bottom left;
    margin-right: 25px; /* interior-padding right */
    padding: 15px 0 15px 25px; /* mirror .featurebox_head right/left */
    font: 12px Arial;
    color: black;
    line-height: 1.5em;
}


/* Round box CSS END */