/* CSS Document 

#head {
border: 1px black solid;
}
#left {
border: 1px red solid;
}
#right {
border: 1px blue solid;
}
#footer {
border: 1px green solid;
}
*/
/*THE ABOVE CODE WAS USED PRIOR TO SETTING UP THE FLOATING COLUMNS BELOW*/

#css-artzy {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #CCCC66;
	background-repeat: no-repeat;
	background-position: right top;
	border: medium none #FF3399;

}



#all {
	width: 70%;
	height: 100%;
	position: absolute;
	left: 0%;
	top:0%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 140px;
	margin-left: 180px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CC0000;
	border-right-color: #33FF66;
	border-bottom-color: #33FF66;
	border-left-color: #993300;









}


#head {
	padding: 0px;
	background-image: url(hdr.png);
	background-repeat: no-repeat;
	margin: 0px;
	height: 135px;
	width: 700px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: #333333;






}
#left {
	float: left;
	width: 30%;
	margin: 2px;
	padding: 5px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: red;
	border-right-color: red;
	border-bottom-color: red;
	border-left-color: red;



}
#right {
	float:left;
	width:35%;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	height: 30%;
	border: thin none #CC33CC;








}

#menu li {
list-style-type: none;
width:5m;
text-align: left;
margin-left:-2.5em:
}

#menu2 li {
list-style-type: none;
width:5m;
text-align: left;
margin-left:-2.5em:
}

a:link {
	font-weight: normal;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #660000;



}

a:visited {
	color: #3366FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;

}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	color: #FFFFCC;
}

a:active {
	color: #CCFF33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
}

#center {
	float:left;
	width:30%;
	padding: 5px;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: blue;
	border-right-color: blue;
	border-bottom-color: blue;
	border-left-color: #000000;
	margin: 2px;




}

#blog {
	border: none;
	float: left;
	width: 50%;
	text-align: left;
	margin: 0px;
	padding: 10px;



#footer {
	clear: both;
	background-image: url(ftr.png);
	background-repeat: no-repeat;
	height: 200px;
	width: 900px;
	background-position: center bottom;
	float: left;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: green;
	border-right-color: green;
	border-bottom-color: green;
	border-left-color: #333333;







}



/*float the #left div. set the #left div's float property to left so other divs are moved to thre right of it. Set the #left width when you float a div you set its width. above is set to margin to 20% of the page width as a starting point. float the #right div, too. the righ div can also be floated left, and it'll end up snug to the left div. don't foget to add width. set the widtho f#right to 75 percent, leaving another 5 percent avail. for padding, margins, and borders.
clear thefooter the footer should take up the entire width of the page, so set its clear property to both.*/

/*final effect with column layout in newspaperstyle is css/bldgthexhtml3.htm*/

/*webDesignSpecialDivs*/