/* CSS Document */

body {background-image:url(images/page-background.gif); margin-left:0px; margin-top:0;}

p {font-family:Arial, Helvetica, sans-serif; size:14px; font-weight:200;}
div {font-family:Arial, Helvetica, sans-serif; size:14px;}
td {font-family:Arial, Helvetica, sans-serif; size:14px;}
tr {font-family:Arial, Helvetica, sans-serif; size:14px;}
ul {font-family:Arial, Helvetica, sans-serif; size:14px;}
li {font-family:Arial, Helvetica, sans-serif; size:14px;}

.yback {background-color:#FFFF00;}

#frame {

		width:780px;
		height:100%;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
		background-image:url(images/background.gif)
		}
		
#mainbody {

		padding-left:30px;
		padding-right:30px;
		}
		
		
/* set the image to use and establish the lower-right position */

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h3 { background: transparent url(images/bigbox.gif) no-repeat bottom right; }
.cssbox {
width: 600px !important; /* intended total box width - padding-right(next) */
width: 616px; /* IE Win = width - padding */
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 0px auto; /* use to position the box */
}

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

/* set the top-left image */
.cssbox_head h3 {
background-position: top left; margin: 0; /* reset main site styles*/
border: 0; /* ditto */
padding: 5px 10px 0 10px;/* padding-left = image gap + interior padding ... no padding-right */
height: auto !important; height: 1%; /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body {
background-position: bottom left;
margin-right: 0px; /* interior-padding right */
padding: 10px 10px 5px 10px; /* mirror .cssbox_head right/left */
}