/* **** Whole-page **** */

html {	height: 100%; }

body /* Holds the top yellow bar bg */
{
    height: 100%;
    background: #a0c030 url(/images/header_bg.jpg) repeat-x top center;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: verdana, tahoma, arial, sans-serif;
	font-size: 14pt;
	color: #650360; /* #470243; */

}

a { color: #650360; }
a img { border: none; }

.right { float: right; }
.left { float: left; }

h1 
{
    font-size: 28pt;
    color: #650360;
    margin: 0 10px;
}

h1.r { text-align: right; margin-right: 20px; }
h1.l { text-align: left; margin-left: 20px; }
h1.c { text-align: center; }
h2 { font-size: 21pt; margin: .75em; }

td { vertical-align: top; }

/* **** Containers **** */

#page /* Vertical repeating background container */
{
	background: url(/images/body_bg.gif) repeat-y top center; 
	height: 100%;
	min-height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0 solid;
	border-collapse: collapse;
}

#page td.outer /* Maine Background */
{
    background: url(/images/background.jpg) no-repeat top center;
    text-align: center;
    padding: 0;
    margin: 0;
    border: 0 solid;
}

/* Different backgrounds for each page */
body.logos #page td.outer { background: url(/images/background-logos.jpg) no-repeat top center; }
body.stat #page td.outer { background: url(/images/background-stat.jpg) no-repeat top center; }
body.promo #page td.outer { background: url(/images/background-promo.jpg) no-repeat top center; }
body.booklet #page td.outer { background: url(/images/background-booklet.jpg) no-repeat top center; }
body.contact #page td.outer { background: url(/images/background-contact.jpg) no-repeat top center; }

table#wrap
{
    min-height: 900px;
    height: 900px;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	border-collapse: collapse;
	font-size: 100%;
    text-align: center;
    border: 0 solid;
}

table#wrap td#main
{
	height: auto;
	vertical-align: top;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* **** Header **** */

div#header
{
    height: 110px;
    width: 1000px;
    margin: 0;
    padding: 0;
    text-align: right;
}

div#header *
{
    margin: 0;
    padding: 0;
}

/* **** Menu **** */

div#head_menu
{
    float: right;
    width: 632px;
    margin: 0;
    padding: 0;
}

div#head_menu div
{
    float: right;
    clear: right;
}

div#menu2
{
    height: 40px;
    text-align: right;
    margin: 0;
    margin-top: 1px;
    padding: 0;
    float: right;
}

div.mb /* Sidebar Menu Padding Divs (sandbags) */
{
	float: left;
	clear: left;
	height: 40px;
	font-size: 0;
	padding: 0;
	margin-right: 20px;
}

.sbr /* Sandbags Right */
{
	float: right;
	clear: right;
	height: 40px;
	margin-left: 20px;
	font-size: 0;
	padding: 0;
}

/* manually set first sandbag height in IE using separate CSS file */
.sbr.first { width: 10px; }

body.logos .sbr, body.logos .mb { height: 20px; }
body.stat .sbr, body.stat .mb { height: 20px; }
body.promo .sbr, body.promo .mb { height: 20px; }
body.booklet .sbr, body.booklet .mb { height: 20px; }

.mhome { width: 182px; height: 36px; background-image: url(images/menu/off/home.jpg); }
.mcont { width: 182px; height: 33px; background-image: url(images/menu/off/contact.jpg); }
.mlogo { float: left; width: 107px; height: 40px; background-image: url(images/menu/off/logo.jpg); }
.mbook { float: left; width: 284px; height: 40px; background-image: url(images/menu/off/booklet.jpg); }
.mad   { float: left; width: 102px; height: 40px; background-image: url(images/menu/off/ad.jpg); }
.mstat { float: left; width: 120px; height: 40px; background-image: url(images/menu/off/stationery.jpg); }

/* **** Content **** */

div#content
{
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    padding: 0;
    height: auto;
}

p 
{
    padding: 0 10px; 
    margin: 0 0 1em 0; 
    text-align: justify; 
}

.c { text-align: center; }

.imagine { color: #fceeca; font-weight: bold; }
.create { color: #650360; font-weight: bold; }
.tag { font-size: 130%; font-weight: bold; }

body.contact div#content { padding-top: 100px; text-align: center; }
body.contact div#content * { padding: 0; text-align: center; }

/* **** Footer **** */
table#wrap td#footer
{
		font-size: 75%;
		height: 65px;
		padding-left: 10px;
		vertical-align: bottom;
		text-align: left;
}