﻿/*Style sheet copyright Chris Muten, 2009*/

body {background:#fffded}
body {background: url(Icons/grid.gif)}
/*body {background: url(Images/CMPM_bg_bar_1.jpg)}
body {background: url(Images/Paper_1.jpg)}
body {background: url(Images/CMPM_wp_bg.jpg)}*/
body {background: url(Images/bg_red.jpg)}
body {background: url(Images/Side_pic_bar_2.gif) no-repeat}
h1 {
	font:35px "Arial Black", "Helvetica Bold", sans-serif;
	color:blue;
	font-weight: normal;
	letter-spacing:.3em;
	text-align:center;
	padding-bottom: 2px;
	/*border-bottom: 5px solid blue;*/
	}
h2 {
	font:20px "Arial Black", "Helvetica Bold", sans-serif;
	color:navy;
	font-weight: normal;
	/*letter-spacing:.4em;*/
	text-align:left;
	line-height: 0.5%;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;

	background:#fff5e8;
	font: 30px Comic Sans MS, sans-serif;
	color:red;
	white-space:normal;
	text-align:center;
	text-decoration: underline;
	}
h3 {
	font:16px "Arial Black", "Helvetica Bold", sans-serif;
	color:navy;
	font-weight: normal;
	letter-spacing:normal;
	text-align:left;
	line-height: 2.8%;
	padding-top:8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	}
h4 {
	font:14px "Arial Black", "Helvetica Bold", sans-serif;
	color:navy;
	font-weight:
	normal;
	letter-spacing:normal;
	text-align:left;
	line-height: 0.1%;
	}
h5 {
	font:12px "Arial Black", "Helvetica Bold", sans-serif;	
	color:navy;
	font-weight:normal;
	letter-spacing:normal;
	text-align:left;
	line-height:0.1%;
	padding-top:1em
	}

/* ---[ Header ]----------------------------------- */

#heading {
	font-family: verdana, sans-serif;
	color:#f00;
	top: 0px;
	width:auto;
	margin:auto;
	}

#phark	{
	height: 800px;
	text-indent: -5000px;
	position: absoulute;
	/*top: -250px;*/
	background: url(Images/CMPM_Banner_std.gif) no-repeat;
	}

#header {
	background: url(Images/CMPM_Banner_bg.jpg) no-repeat;
	white-space:normal;
	/*color:#918;*/
	padding: 4px 10px 5px 5px;
	text-align:center;
	width:850px;
	margin:auto;
	position:absolute;
	top:0px;
	left:140px;
	/*border-left: 1px solid blue;
	border-right: 3px solid blue;
	border-top: 1px solid blue;
	border-bottom: 3px solid blue;*/
	}

/* ---[ content ]----------------------------------- */

#contact {
	font: 24px/140% "Comic Sans MS", verdana, sans-serif;
	background:#fff5e8;
	white-space:normal;
	color:#918;
	padding: 4px 10px 5px 5px;
	text-align:center;
	width:220px;
	margin:auto;
	position:absolute;
	top:10px;
	left:650px;
	border-left: 1px solid blue;
	border-right: 3px solid blue;
	border-top: 1px solid blue;
	border-bottom: 3px solid blue;
	}

#sub_head {
	/*background:#fff5e8;*/
	font: 30px Comic Sans MS, sans-serif;
	color:red;
	white-space:normal;
	padding: 2px 10px 2px 20px;
	text-align:center;
	text-decoration: underline;
	width:730px;
	margin:auto;
	position:absolute;
	top:190px;
	left:160px;
	border-left: 1px solid blue;
	border-right: 3px solid blue;
	border-top: 1px solid blue;
	border-bottom: 3px solid blue;
	border: none;
	}

#content {
	font: 14px/140% verdana, sans-serif;
	background:#fff5e8;
	white-space:normal;
	color:#918;
	padding: 8px 20px 20px 20px;
	text-align:left;
	width:720px;
	margin:auto;
	position:absolute;
	top:260px;
	left:160px;
	border-left: 1px solid blue;
	border-right: 3px solid blue;
	border-top: 1px solid blue;
	border-bottom: 3px solid blue;
	}

.cmpm	{
	font-family: "Comic Sans MS";
	color:blue;
	line-height: 1em;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px;
	border: 1px solid #ccc;
	background: #eee;
	}

abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
	}


/* ---[ NICEIC ]----------------------------------- */

#niceic {
	margin:auto;
	position:absolute;
	top:450px;
	left:15px;
	border-left: 2px solid blue;
	border-right: 2px solid blue;
	border-top: 1px solid blue;
	border-bottom: 2px solid blue;
	}

/* ---[ footer ]----------------------------------- */

#xhtml {
	font: 10px verdana, sans-serif;
	background:#fff5c8;
	white-space:normal;
	color:#918;
	text-align:left;
	width:720px;
	position:absolute;
	top:650px;
	left:160px;
	margin: 1px 0px 0px 0px;
	padding: 15px 5px 15px 5px;
	border-left: 3px solid blue;
	border-right: none;
	border-top: 3px solid blue;
	border-bottom: 3px solid blue;
	}

#css   {
	font: 10px verdana, sans-serif;
	background:#fff5c8;
	white-space:normal;
	color:#918;
	text-align:right;
	width:200px;
	position:absolute;
	top:650px;
	left:708px;
	margin: 1px 0px 0px 0px;
	padding: 15px 8px 15px 5px;
	border-left: none;
	border-right: 3px solid blue;
	border-top: 3px solid blue;
	border-bottom: 3px solid blue;
	}

#footer {
	font: 10px verdana, sans-serif;
	background:#fff5c8;
	white-space:normal;
	color:#918;
	text-align:center;
	width:450px;
	position:absolute;
	top:655px;
	left:300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 5px;
	border: none;
	}

.copy   {
	color: #918;
	font-size:9px;
	}

.checked {
	border:0;
	list-style:none;
	}

#footer p {
	margin: 10px;
	padding: 0px;
	}

#footer a {
	color: #888;
	border-bottom-color: #333;
	}

#footer a:hover {
	color: #ccc;
	}
/* ---[ Side bar 1 ]----------------------------------- */

#sb_1 	{
	font-size:18px;
	white-space:nowrap;	
	text-align:left;	
	list-style-type:none;	
	position:absolute;	
	top:190px;	
	left:10px;
	width:150px;
	}

#sb_1 a {
	display:block;
	}

/* ---[ minitabs_v1 ]----------------------------------- */

#mt_v1 {
	margin: 0 1px 0px 1px;
	/*padding: 5px 0px 5px 0px;*/
	}

#mt_v1 li {
	/*list-style: none;*/
	}

#mt_v1 a {
	width:100px;
	background:#fff5e8;
	border: 3px solid blue;
	font-weight: bold;
	margin: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	text-decoration:none;
	color: #f62;
	}


#mt_v1 a:visited {
	color: #005831; /*            colour of tabs font  */
	text-decoration: none;
	}

#mt_v1 a:selected {
	background:#fff2e8;
	color: #00f;
	text-decoration: underline;
	}


#mt_v1 a:hover {
	color: #00f;
	/*border-bottom: 4px solid #969;*/
	text-decoration: underline;
	}

body#home #home_tab,
body#elec #elec_tab,
body#kitch #kitch_tab,
body#bath #bath_tab,
body#wood #wood_tab,
body#floors #floors_tab,
body#walls #walls_tab,
body#doors #doors_tab,
body#cont #cont_tab,
body#pat #pat_tab,
body#rep #rep_tab
	{
	background:#fff5e8;
	color:#918;
	border-color: blue;
	border-right: #fff5e8;
	text-decoration:underline;
	}

/* ---[ Side bar 2 ]----------------------------------- */
#sb_2 	{
	font-size:18px;
	white-space:nowrap;	
	text-align:left;	
	list-style-type:none;	
	position:absolute;	
	top:190px;	
	left:945px;
	width:150px;
	}

#sb_2 a {
	display:block;
	}



/* ---[ minitabs_v2 ]----------------------------------- */

#mt_v2 {
	margin: 0 1px 0px 1px;
	/*padding: 0px 0px 125px 0px;*/
	}

#mt_v2 li {
	/*list-style: none;*/
	}

#mt_v2 a {
	width:110px;
	background:#fff5e8;
	border-top: 1px solid blue;
	border-left: 2px solid blue;
	border-right: 2px solid blue;
	border-bottom: 3px solid blue;
	font-weight: bold;
	margin: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	text-decoration:none;
	color: #f62;
	}

#mt_v2 a:visited {
	color: #005831; /*            colour of tabs font  */
	text-decoration: none;
	}

#mt_v2 a:selected {
	background:#fff2e8;
	color: #00f;
	text-decoration: underline;
	}


#mt_v2 a:hover {
	color: #00f;
	/*border-bottom: 4px solid #969;*/
	text-decoration: underline;
	}

/* ---[ CLC ]----------------------------------- */

#clc {
	font: 14px/140% "Comic Sans MS", verdana, sans-serif;
	background:#fff5e8;
	white-space:normal;
	color:#918;
	/*padding: 0px 5px 0px 5px;*/
	text-align:center;
	width:120px;

	margin:auto;
	position:absolute;
	top:230px;
	left:947px;
	border-left: 1px solid blue;
	border-right: 3px solid blue;
	border-top: 1px solid blue;
	border-bottom: 3px solid blue;
	}

#clc	a:hover {
	text-decoration:underline
	}

/* ---[ SERIF ]----------------------------------- */

#serif {
	font: 14px/140% "Comic Sans MS", verdana, sans-serif;
	background:#fff5e8;
	white-space:normal;
	color:#918;
	padding: 5px 0px 5px 0px;
	text-align:center;
	width:120px;

	margin:auto;
	position:absolute;
	top:320px;
	left:947px;
	border-left: 1px solid blue;
	border-right: 3px solid blue;
	border-top: 1px solid blue;
	border-bottom: 3px solid blue;
 	}

#serif	a:hover {
	text-decoration:underline
	}


/* ---[ nav tabs vertical 2 ]----------------------------------- */

#nt_v2 {
	margin:0;
	padding:0;
	height: 100px;
	}

#nt_v2 li {
	margin:0;
	padding:0;
	position:relative;
	top:140px;
	/*left: -20px;*/
	}
	
#nt_v2 a {
	float: left;
	padding: 45px 0px 0px 1px;
	overflow: hidden;
	height: 0px !important;
	height /**/2: 20px; /* for IE5/Win only*/
	}

#nt_v2 a:hover {
	background-position: 0 -60px;
	}

/*-----------------------------------*/


.imgright {
	float:right;
	padding:10px; 
	margin:20px
	}

.imgleft {
	float:left;
	padding:10px;
	margin:20px
	}

.clear{
	clear:both
	}

.copy_p {
	display:none
	}

.btt {
	color:#918;
	font-size:12px;
	position:relative;
	}

a:link {
	font-weight:normal;
	color:#cc00ff;
	text-decoration:none
	}

a:visited {
	font-weight:normal;
	color:#cc00ff;
	text-decoration:none
	}

/*a:hover {
	font-weight:normal;
	color:#0000ff;
	text-decoration:underline
	}
*/

cite {
	font-style: italic;
	fontweight: bold;
	color: red;
	background-color: #ddd;
	}

