* {
margin : 0;
padding : 0;
}
body {
	width: 99%;
    max-width: 998px;
    text-align: left;
    font: normal 1em "Trebuchet MS", tahoma, sans-serif;
    color: #000;
    background: #fff url(http://www.hibiscushandcraft.com/images/corner.jpg);
    background-repeat: no-repeat;
    background-position: 550px 0px;
}
a {
color : #000;
text-decoration : underline;
font-weight : bold;
}
a:hover {
text-decoration : none;
}
#wrap {
width : 100%;
margin : 0 auto;
padding : 0;
}
#header {
width : 100%;
height : 118px;
margin : 0 auto;
padding : 10px 0 0 10px;
}
#header h1 {
position : absolute;
top : 20px;
left : 80px;
margin : 0;
padding : 0;
color : #fff;
font-size : 35px;
}
#header h1 a {
text-decoration : none;
color : #fff;
}
#header h2 {
position : absolute;
width : 700px;
top : 70px;
left : 100px;
margin : 0;
padding : 0;
color : #fff;
font-size : 20px;
}
#header ul {
position : absolute;
width : 700px;
top : 100px;
left : 150px;
margin : 0;
padding : 0;
list-style : none;
line-height : normal;
}
#header ul li {
display : inline;
}
#header ul li a {
float : left;
margin-right : 3px;
padding : 5px 10px 5px 10px;
background : #960001;
border : 1px solid #d4d4d4;
text-decoration : none;
font-weight : bold;
font-size : 15px;
color : #fff;
}
#header ul li a:hover {
color : #960001;
text-decoration : none;
background : #fff;
border : 1px solid #fff;
}
#contentwrap {
width : 900px;
height : 100%;
margin : 0;
padding : 0;
background : transparent;
}
#leftcolumn {
float : left;
width : 600px;
margin : 15px 0 15px 10px;
padding : 5px 5px 0 5px;
background : #f5f5f5;
border : 1px dotted #000;
}
#leftcolumn .box {
width : 600px;
margin : 0;
padding : 0;
}
#leftcolumn .boxleft {
float : left;
width : 280px;
margin : 5px;
padding : 0;
}
#leftcolumn .boxright {
float : left;
width : 280px;
margin : 5px;
padding : 0;
}
#leftcolumn h1 {
margin : 0;
padding : 5px 10px;
color : #960001;
font-size : 1.6em;
font-family : "Trebuchet MS", tahoma, sans-serif;
border-bottom : 1px dotted #000;
}
#leftcolumn h2 {
margin : 0;
padding : 0;
color : #000;
font-size : 1.5em;
font-family : arial, helvetica, sans-serif;
}
#leftcolumn p {
margin : 5px 0;
padding : 5px 10px;
font-size : 0.8em;
}
#leftcolumn a {
text-decoration : underline;
}
#leftcolumn a:hover {
text-decoration : none;
}
#leftcolumn .floatleft {
float : left;
margin : 5px 15px 5px 0;
padding : 0;
border : 1px solid #000;
}
#leftcolumn .floatright {
float : right;
margin : 5px 0 5px 15px;
padding : 0;
width : 100px;
height : 100px;
border : 1px solid #000;
}
#leftcolumn ul {
margin : 10px 30px;
padding : 0 15px;
}
#leftcolumn ul li {
font-size : 0.8em;
}
#leftcolumn ul li a {
margin : 0;
padding : 0 0 0 25px;
text-decoration : underline;
}
#leftcolumn ul li a:hover {
text-decoration : none;
}
#leftcolumn ol {
margin : 10px 30px;
padding : 0 15px;
}
#leftcolumn ol li a {
margin : 0;
padding : 0 0 0 25px;
}
table {
border-collapse : collapse;
margin : 10px 15px;
padding : 0;
}
th {
background : #960001;
height : 30px;
padding-left : 12px;
padding-right : 12px;
color : #fff;
text-align : left;
border : 1px solid #a0a0a0;
}
tr {
height : 30px;
padding-left : 12px;
padding-right : 12px;
}
td {
padding-left : 12px;
padding-right : 12px;
border-left : 1px solid #fff;
border-bottom : 1px solid #fff;
}
tr.rowa {
background : #f8f8f8;
text-align : left;
}
tr.rowb {
background : #efefef;
text-align : left;
}
form {
margin : 5px;
padding : 0;
border : 1px solid #000;
background-color : #fff;
}
label {
display : block;
font-weight : bold;
margin : 5px 0;
padding : 0 5px;
}
input {
margin : 0 10px;
padding : 2px;
border : 1px solid #000;
font : normal 1em "Trebuchet MS", tahoma, sans-serif;
color : #000;
}
textarea {
width : 350px;
margin : 0 5px;
padding : 0;
font : normal 1em "Trebuchet MS", tahoma, sans-serif;
border : 1px solid #000;
height : 100px;
display : block;
color : #000;
background-color : #efefef;
}
input.button {
margin : 0 10px;
font : bold 1em arial, sans-serif;
padding : 2px 3px;
color : #000;
background-color : #e6e0d2;
border : 1px solid #000;
}
.searchform {
background-color : transparent;
border : none;
margin : 0;
padding : 0;
}
.searchform p {
margin : 10px;
padding : 0 10px;
}
.searchform input.textbox {
width : 130px;
color : #000;
height : 20px;
padding : 2px;
vertical-align : top;
}
.searchform input.button {
font : bold 12px arial, sans-serif;
color : #000;
background : #efefef;
width : 60px;
height : 26px;
border : 1px solid #000;
padding : 3px 5px;
vertical-align : top;
}
#rightcolumn {
background : url(http://www.hibiscushandcraft.com/images/right-col-bg.png);
margin : 5px 0;
padding : 0;
width : 275px;
float : right;
color : #000;
}
#rightcolumn .rightcolumnbox {
margin : 10px 0;
padding : 0;
background : transparent;
border : 1px dotted #d4d4d4;
}
#rightcolumn .rightcolumnbox h4 {
margin : 0;
padding : 0;
color : #960001;
font-size : 1.2em;
font-family : arial, helvetica, sans-serif;
display : block;
text-align : center;
}
#rightcolumn .rightcolumnbox ul {
margin : 0;
padding : 5px;
list-style-type : none;
}
#rightcolumn .rightcolumnbox ul li {
margin : 0;
padding : 0;
display : block;
}
#rightcolumn .rightcolumnbox ul li a {
margin : 0;
padding : 0 5px 0 25px;
color : #cc0001;
text-decoration : none;
display : block;
line-height : 22px;
border-top : 1px solid #f5f5f5;
border-bottom : 1px dashed #d4d4d4;
font-weight : bold;
background : url("http://www.hibiscushandcraft.com/images/bullet.gif") no-repeat left center;
}
#rightcolumn .rightcolumnbox ul li a:hover {
color : #fff;
background : #960001 url("http://www.hibiscushandcraft.com/images/bulletover.gif") no-repeat left center;
border-top : 1px solid #960001;
border-bottom : 1px solid #960001;
}
#rightcolumn .rightcolumnimages {
margin : 5px 0;
padding : 0;
}
#rightcolumn .rightcolumnimages h4 {
margin : 0;
padding : 0;
color : #960001;
font-size : 1.2em;
font-family : arial, helvetica, sans-serif;
display : block;
text-align : center;
}
#rightcolumn .rightcolumnimages .rightimages a {
text-decoration : none;
background-color : #e6e0d2;
}
#rightcolumn .rightcolumnimages .rightimages {
margin : 10px 0 10px 0;
padding : 0;
background-color : #f5f5f5;
border : 1px solid #d4d4d4;
}
#rightcolumn .rightcolumnimages .rightimages img {
margin : 5px 2px 5px 5px;
padding : 0;
width : 80px;
height : 80px;
background-color : #e6e0d2;
border : 1px solid #960001;
float : left;
}
#rightcolumn .rightcolumnimages .rightimages a:visited, active {
text-decoration : none;
}
#rightcolumn .rightcolumnimages .rightimages a:hover img {
text-decoration : none;
background-color : #e6e0d2;
border : 1px solid #e6e0d2;
}
#bottom {
width : 100%;
margin : 0 auto;
padding : 0;
background-color : #f5f5f5;
border-top : 1px dashed #960001;
font : normal 1em 'trebuchet ms', tahoma, arial, sans-serif;
text-align : left;
font-size : 1em;
}
#bottomcontent {
margin : 0 auto;
padding-left : 15px;
width : 900px;
background : #d4d4d4;
}
#bottom h2 {
margin : 0;
padding : 5px;
font : normal 1.2em 'trebuchet ms', tahoma, sans-serif;
color : #960001;
}
#bottomcontent a {
text-decoration : none;
color : #960001;
font-size : 1em;
}
#bottomcontent a:hover {
text-decoration : underline;
color : #333;
}
#bottomcontent ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#bottomcontent ul li {
margin : 0;
padding : 0;
display : block;
}
#bottomcontent .column {
width : 275px;
padding : 0 5px 30px 0;
}
#bottomcontent .column2 {
width : 275px;
padding : 0 0 30px 0;
}
.float-left {
	float : left;
	padding-right: 20px;
}
.float-right {
	float : right;
	padding-left: 20px;
}
#footerwrap {
width : 100%;
margin : 0 auto;
padding : 0;
background : #960001;
}
#footer {
	margin : 0 auto;
	padding : 10px;
	width : 99%;
	font-size : 14px;
	font-family : arial, helvetica, sans-serif;
	background : #960001;
	text-align: left;
}
#footer p {
margin : 10px 0 0 0;
padding : 0;
font-size : 14px;
font-family : arial, helvetica, sans-serif;
color : #fff;
}
#footer a {
color : #fff;
font-size : 14px;
font-family : arial, helvetica, sans-serif;
text-decoration : underline;
}
#footer a:hover {
text-decoration : none;
}
.clear {
clear : both;
}
.col1 {
border : 1px solid #d92c63;
background-color : #f26375;
}
.col2 {
border : 1px solid #d64227;
background-color : #f29866;
}
.col3 {
border : 1px solid #d38f1d;
background-color : #f0d45f;
}
.col4 {
border : 1px solid #d1d82a;
background-color : #d5ed65;
}
.col5 {
border : 1px solid #5ad328;
background-color : #75f867;
}
.col6 {
border : 1px solid #29b5d0;
background-color : #6ab9f3;
}
.col7 {
border : 1px solid #3f50a2;
background-color : #4966b2;
}
.col8 {
border : 1px solid #6f419b;
background-color : #835aa6;
}
.col9 {
border : 1px solid #c464ae;
background-color : #bf5eab;
}