body {
	background-color: #FFF;
	/* 3color change width from 100% to 94% 
    width: 100%; */
	width: 94%;
}


/*---- Main content areas ----*/

#mainpage {
	/* 3color mainpage background image */
	background-image: url(./img/bg3.gif); 
	/* 3color margin settings to account for changing width of position.css to 96% */
	margin-right: 3%;
	margin-left: 3%; 
	background-color: #702937;
}

#mast
{
	/* 3color mast background image */
	background-image: url(./img/cloth1.jpg); 
	/* 3color mast background color */
	 background-color: #702937; 
	/* 3color non-content text color */
	color: #FFF;
	/* 3color border left and right */
	border-left: 2px #505050 solid;
	border-right: 2px #505050 solid;
}


#header
{
	/* 3color header background color*/
	background-color: #702937;
	/* 3color header background image */
	background-image: url(./img/cloth1.jpg); 
	/* 3color non-content text color*/
	color: #FFF;
	/* 3color border left and right */
	border-left: 2px #505050 solid;
	border-right: 2px #505050 solid;
}

#top-menu {
	/* 3color top-menu background color*/
	background-color: #702937;
	/* 3color top-menu background image */
	background-image: url(./img/cloth1.jpg); 
	/* 3color non-content text color */
	color: #FFF;
	/* 3color border left and right */
	border-left: 2px #505050 solid;
	border-right: 2px #505050 solid;
}


.colmask {
	/* 3color colmask background color */
	background-color: #702937;
	/* 3color colmask background image */
	background-image: url(./img/cloth1.jpg); 
	/* 3color non-content text color */
	color: #000;
	/* 3color border left and right */
	border-left: 2px #505050 solid;
	border-right: 2px #505050 solid;
}

.colleft {
	/* 3color left border of content area is actually place in right border of colleft */
	/* 3color center line */
	/*border-right: 10px solid #702937;  */
	/*background-image: url(./img/bg3.gif); */
	/* 3color colleft background color creates left bar with .col2 having background defined */
	background-color: #702937;
	/* 3color colleft background image */
	background-image: url(./img/cloth1.jpg); 

} 

/* left column */


/* right column */


/* center column */
.col1 {
	/* tried to set the following so that col1 was white to prevent lightt default link colors from appearing on dark */
	background-color: #FFF;
	color: #000;
	border: #505050 2px solid;
}

.col2 .box{
	/* 3color non-content text color */
	background-color: #505050;
	color: #000;
    /*font-size: 0.85em;*/
	/*background-image: url(./img/wbg3.gif); */
	/* 3color border  */
	border: 2px #FFF solid;
}

#footer {
	/* 3color footer background color */
	background-color: #702937;
	/* 3color footer background image */
	background-image: url(./img/cloth1.jpg); 
	color: #FFF;
	/* 3color border left and right */
	border-left: 2px #505050 solid;
	border-right: 2px #505050 solid;
	/* 3color non-content text color */
    font-size: 0.7em;
}

#footer .padding
{
	padding: .25em 1em .25em 1em;
}


#bottom
{
    font-size: 0.9em;
}

/*---- Special boxes ----*/


/*---- The basics ----*/


/* ----------- Form styles ----------- */


/* ------------- Table ------------- */


/* ---------- Classes ---------- */


/* ---------------- Box definitions -------------- */

.box {
    margin-bottom: 20px;
}

/* 3color - remove the left right 'margin' from col 2 link menu */
.col2 .box-title,
.col2 .box-content,
.col2 .box-footer {
	padding: 0px;
}


/* ----------- Compliant ------------ */


/*---- Module specific  ----*/

/*---- Blog ----*/


/******** comments ***********/


/* ------------- Menu Links -------------------- */

#menu-site-map {
	/* 3color set the sitemap area - main content area to white when otherwise would be a dark background */
	background-color: #FFF;
	/* 3color - colors of Site Map Menu that diplays in col1 - main content ares of page */
	color: #000;
}


/* Top Menu Links */

/* 3color the following set the links in teh topmenu areas so they are viewable on a dark background */

#top-menu a:link, #top-menu a:visited {
	background-color: inherit;
	color: #C8C8C8;
}

#top-menu a:hover, #top-menu a:active {
	background-color: inherit;
	color: #FFF;
}

/* 3color following ul and ul li remove the bullets from the main menu lines items */

ul {
	list-style-type: none;
}

ul li {
	list-style-type: none;
}

/* 3color the following margin 0 was added so the menu links are on the far left as compared to indented */

ul.menu-links {
	margin: 0;
}

/* the following col2 h1 link codes were added so the "main menu" in col2 acts like the rest of the menu */


.col2 h1 a:link,
.col2 h1 a:visited {
    font-family: "Lucida Grande", Geneva, Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 5px;
	background-color: #505050;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	display: block; 
	/* 3color place a line between each link in the menu */
	border-bottom: 2px #FFF solid;
} 


.col2 h1 a:hover {
    font-family: "Lucida Grande", Geneva, Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 5px;
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: block; 
	/* 3color place a line between each link in the menu */
	border-bottom: 2px #FFF solid;
}

/* base link */
ul.menu-links li a.menu-link-href {
	padding: 5px;
	background-color: #505050;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	/* 3color place a line between each link in the menu */
	border-bottom: 2px #FFF solid;
}

/* base link - hover */
ul.menu-links li a.menu-link-href:hover {
	text-decoration: none;
	background-color: #FFF;
	color: #000;
}

/* base link - current */
ul.menu-links li.current-link a.menu-link-href {
	background-color: #702937 ;
	color: #FFF;
}


ul.menu-links li.current-link a.menu-link-href:hover {
	background-color: #702937 ;
	color: #FFF;
	text-decoration: underline;
}

/* ------------ PageSmith ---------- */

#simple-page { 
	/* 3color border */
	border: 2px #505050 solid;
} 


#banner-page {
	/* 3color border */
	border: 2px #505050 solid;
}

#text-only-page {
	/* 3color border */
	border: 2px #505050 solid;
}

#document-page {
	/* 3color border */
	border: 2px #505050 solid;
}

#twocolumns-page {
	/* 3color border */
	border: 2px #505050 solid;
}
#threesec-tbl-page {
	/* 3color border */
	border: 2px #505050 solid;
}
#threesec-page {
	/* 3color border */
	border: 2px #505050 solid;
}