body {
	font:78% Arial,Helvetica,sans-serif;
        display: block;
        background-color: rgb(98%,96%,80%); 
/*        background-color: rgb(90%,98%,98%); */
	/*background: url(./west_elevation.jpg);
     	background-repeat: no-repeat;
	opacity: 0.75;
	filter:alpha(opacity=75); -moz-opacity: .75;*/
        color: rgb(0%,0%,30%);
        margin-left: 5%;
        margin-right: 5%;
        padding: 1em 1em 1em 1em;
        font-size: 16px;

}

	/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
	/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
	/* common column settings */

.colright,
.colmid,
.colleft {
        float:left;
        width:100%;
        position:relative;
}

.col1,
.col2 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
	/* 2 Column (left menu) settings */
.sidemenu .colleft {
	right:75%;			/* right column width */
}
.sidemenu .col1 {
	width:71%;			/* right column content width */
        background-color: rgb(100%,98%,96%);
	border-left: 1pt solid rgb(30%,30%,30%);
	border-top: 1pt solid rgb(30%,30%,30%);
	border-bottom: 1pt solid rgb(30%,30%,30%);
	border-right: 1pt solid rgb(30%,30%,30%);
	left:102%;			/* 100% plus left column left padding */
}
.sidemenu .col2 {
	width:21%;			/* left column content width (column width minus left and right padding) */
        background-color: rgb(100%,98%,96%);
	list-style: none;
	text-decoration: none;
	border: 1pt solid rgb(30%,30%,30%);
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
}

.sidemenu p,
	table,
	h1,
	h2,
	h3,
	h4 {
	padding-left: 20px;
	padding-right: 20px;
}

.sidemenu h1 {
	text-align: center;
}

.col2 a {
	text-decoration: none;
}

.col2 ul {
	list-style: none;
	text-align: left;
	padding: 0px;
	margin-left: 20px;
}
.col2 ul > hr {
	padding-left: -20px;
	margin-left: -20px;
}

#footer {
        text-align: center;
}

#boxed {
        border: 1pt solid rgb(30%,30%,30%);
	margin-left: 20px;
	margin-right: 20px;
}

#boxed p {
	padding-left: 5px;
	padding-right: 5px;
}
h3 {
	font-style: italic;
	color: darkred;
}
h4 {
	color: rgb(00%,30%,70%);
}
h2 {
	color: rgb(30%,30%,30%);
}

#sidemenu h3 {
	text-align: center;
}

#top {
	padding-bottom: 30px;
	text-align: center;
}

img {
	padding: 2px;
   	border:2px solid #021a40;
}

.main {
        min-height: 100%;
        height: auto !important;
        height: 100%;
}

#footer {
        text-align: center;
}

#boxed {
        border: 1pt solid rgb(30%,30%,30%);
	padding: 10px;
}

h3 {
	font-style: italic;
	color: darkred;
}
h4 {
	color: rgb(00%,30%,70%);
}
h2 {
	color: rgb(30%,30%,30%);
}

.sidemenu h3 {
	text-align: center;
}

#top {
	padding-bottom: 30px;
	text-align: center;
}

img {
	padding: 2px;
   	border:2px solid #021a40;
}
