html {margin: 0; padding: 0;}

body {margin: 0; padding: 0; font-size: 1.5em; font-family: verdana, tahoma, arial, sans-serif; background-color: #B59966;  }
            /*** Image is 180px wide, and 20px high ***/

pre {margin: 0; font-family: verdana, sans-serif; font-size: .9em;}

.alignright {margin-top: 0; text-align: right;}

.small {font-size: .9em;}

.return {position: absolute; top: 0; right: 0; text-align: right; padding: .5em;}
div#content_frame_holder { width:760px; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 0px; }
div#content_frame_holder2 { width:760px; margin-bottom: 10px; margin-top: 0; margin-left: auto; margin-right: auto; padding: 0px; position:relative; background-image: url(../images/index_r3_c1.png); background-repeat: repeat-y;}
div#header-logo { height: 99px; width: 760px;  background-image: url(../images/index_r1_c1.png); clear: both;}
div#footer  { position: relative; background-image: url(../images/index_r4_c1.png); background-repeat: no-repeat; background-color: #b59966; clear: both; width: 760px; height: 17px;}
div#footer_text {  margin-bottom: 10px;}

div#spacer-left { float: left; background-image: url(../images/index_r2_c1.png); width: 10px; height: 52px; padding: 0px; }

div#button1 {  float: left; background-image: url(../images/index_r2_c2.png);  width: 100px; height: 52px; padding: 0px;}
div#canvases_div a{ position: absolute; height: 52px; width: 100px; text-decoration: none; }
div#canvases_div a i { visibility: hidden; }
a#canvases_a {  }

div#button2 {  float: left; background-image: url(../images/index_r2_c3.png);  width: 93px; height: 52px; padding: 0px;}
div#threads_div a{ position: absolute; height: 52px; width: 93px; text-decoration: none; }
div#threads_div a i { visibility: hidden; }
a#threads_a {  }

div#button3 {  float: left; background-image: url(../images/index_r2_c4.png);  width: 87px; height: 52px; padding: 0px;}
div#knitting_div a{ position: absolute; height: 52px; width: 87px; text-decoration: none; }
div#knitting_div a i { visibility: hidden; }
a#knitting_a {  }

div#button4 {  float: left; background-image: url(../images/index_r2_c5.png);  width: 112px; height: 52px; padding: 0px;}
div#clubs_div a{ position: absolute; height: 52px; width: 112px; text-decoration: none; }
div#clubs_div a i { visibility: hidden; }
a#clubs_a {  }

div#button5 {  float: left; background-image: url(../images/index_r2_c6.png);  width: 136px; height: 52px; padding: 0px;}
div#trunk_div a{ position: absolute; height: 52px; width: 136px; text-decoration: none; }
div#trunk_div a i { visibility: hidden; }
a#trunk_a {  }

div#button6 {  float: left; background-image: url(../images/index_r2_c7.png);  width: 93px; height: 52px; padding: 0px;}
div#finish_div a{ position: absolute; height: 52px; width: 93px; text-decoration: none; }
div#finish_div a i { visibility: hidden; }
a#finish_a {  }

div#button7 {  float: left; background-image: url(../images/index_r2_c8.png);  width: 111px; height: 52px; padding: 0px;}
div#sitepage_div a{ position: absolute; height: 52px; width: 111px; text-decoration: none; }
div#sitepage_div a i { visibility: hidden; }
a#sitepage_a {  }

div#spacer-right { float: left; background-image: url(../images/index_r2_c9.png); width: 18px; height: 52px; padding: 0px; }

div#button-content-division { position: relative; background-image: url(../images/index_r3_c1.png); background-repeat: no-repeat; clear: both; width: 760px; min-height: 5px; margin-bottom: -15px;}

#header{ padding: 0; margin: 0; position: relative; top: 0; bottom: 0; left: 0; background-color: #FFFFFF; background-repeat:no-repeat; width: 100%; height: 149px; color: #fff; 
/* see ie/mac hack below */
}

/* to correct an IE/Mac issue -15px positioning bug */
/* the following is invisible to IE Mac : note id selector must be used */
/* commented backslash hack v2 \*/
#header {margin-right: 0px;}
/* end hack */

/*******************************************************************************
                       Positioning rules
*******************************************************************************/

#middlebox {
position: relative;
padding: 10px 0 10px 0;
margin: 0 13px 0 14px;
width: 733px;
background-color: #fff;     /*** This div has a background to cover the 2-tone body BG ***/
}

/* removing margins and using padding to format instead corrects an Opera and IE display error */
/* paragraph styles */
p { padding: 0px; margin: 5px 0px 10px 10px; color: #333; font-size: 70%; font-weight: normal; line-height: 125%; }
p.title, h1 { margin: 15px 0px 0px 15px; font-size: 18; line-height: 110%; color: #B59966; font-weight: bold; text-align: left; text-decoration:underline}
p.subtitle, h2 { margin: 10px 0px 0px 0px; font-size: 14; line-height: 110%; color: #900; font-weight: bold; }
p.text { margin: 5px 0px 10px 15px; color: #333; font-size: 70%; font-weight: normal; line-height: 125%; }
p.download { margin: 5px 0px 10px 0px; color: #333; font-size: 70%; font-weight: normal; line-height: 125%; background-color: #eee; border: 1px solid #ddd; }

/* Links */
a { text-decoration: none; cursor: hand; font-weight:bold; color: #000;}