@charset "UTF-8";
/* First set up - 11/08/09                                     */
/*. for class, # for id                                    */

* {
padding: 0;
margin: 0;
}

body {
font-family: tahoma;
font-size: 16px;
line-height: 125%;
background-color: #FCF1F6;}

#page {
margin: 0 auto;
width: 960px;
border: 0px dashed #0f0;}

#wrapper {
margin: 0 auto;
width: 920px;}
/* -------------------------------------------------------------- */
#blurb {
width:870px;
margin: 0px 10px 10px 10px;
padding:10px;}

#blurb900 {
width:900px;
margin: 0px 10px 10px 10px;
padding:10px;}

#blurb960 {
width:940px;
margin: 0px 10px 10px 10px;
padding:10px 0 0 0;
position: relative;}

#blurb960 cite {
font-size: 12px;
font-weight: bold;
position: absolute;
top: 382px;
left: 0px;}

div.update {
float:right;
margin:0;
padding:5px;
text-align:right;}
/* -------------------------------------------------------------- */
#leftcolumn {
border: 0px solid #000;
margin: 0px 0px 10px 0px;
padding: 15px 0px 10px 10px;
height: 204px;
width: 310px;
float: left;}

#inleftcolumn {
border: 0px solid #f00;
margin: 0px 0px 10px 0px;
padding: 0px;
height: 229px;
width: 160px;
float: left;
overflow:hidden;
position:relative;}

#inrightcolumn {
border: 0px solid #000;
margin: 0px 0px 10px 0px;
padding: 46px 0px 10px 5px;
height: 173px;
width: 290px;
float: left;
display: inline;
line-height: 150%;}

#rightcolumn {
border: 0px solid #f00;
margin: 0px 0px 10px 0px;
padding: 110px 0px 10px 10px;
height: 109px;
width: 127px;
float: right;
display: inline;
vertical-align: middle;
}
/* -------------------------------------------------------------- */
#leftgrid {
border-top: 0px solid #f00;
border-left: 0px solid #f00;
border-bottom: 0px solid #f00;
border-right: 0px solid #f00;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
height: 220px;
width: 306px;
float: left;}

#centregrid {
border-top: 0px solid #000;
border-left: 0px solid #000;
border-bottom: 0px solid #000;
border-right: 0px solid #000;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
height: 220px;
width: 306px;
float: left;}

#rightgrid {
border-top: 0px solid #f00;
border-left: 0px solid #f00;
border-bottom: 0px solid #f00;
border-right: 0px solid #f00;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
height: 220px;
width: 306px;
float: left;}

img.grid { 
padding: 10px 3px 10px 3px;
height: 200px;
width: 300px;}
/* -------------------------------------------------------------- */
h1 {
font-size: 36px;
font-weight: bold;
font-style: italic;
color:#800080;
padding:0;
margin:0;
line-height: 100%;}

h2 {
font-size: 28px;
font-weight: bold;
font-style: italic;
color:#800080;
padding:0;
margin:0;
line-height: 100%;}

h3 {
font-weight: bold;
color:#0000B0;
padding:0;
margin:0;
line-height: 100%;}

h4 {
font-size: 28px;
font-weight: bold;
font-style: italic;
color:#800080;
padding:0;
margin:0;
line-height: 100%;
text-align: right;}

h5 {
font-size: 20px;
font-weight: bold;
color:#0000B0;
padding:0;
margin:0;
line-height: 100%;}
/* -------------------------------------------------------------- */
div.box_blue {
background-color: #87CEFA;
height: 232px;
width: 920px;
left: 0px;
top: 0px;
border: 3px solid #CC99CC;
margin: 0px 0px 10px 0px;}
	
div.greetingbox_blue {
background-color: #87CEFA;
height: 40px;
width: 920px;
left: 0px;
top: 0px;
border: 3px solid #CC99CC;
margin: 0px;}
/* -------------------------------------------------------------- */
div.box_green {
background-color: #98FB98;
height: 232px;
width: 920px;
left: 0px;
top: 0px;
border: 3px solid #CC99CC;
margin: 0px 0px 10px 0px;}
	
div.greetingbox_green {
background-color: #98FB98;
height: 40px;
width: 920px;
left: 0px;
top: 0px;
border: 3px solid #CC99CC;
margin: 0px 0px 10px 0px;}
/* -------------------------------------------------------------- */
div.box_cream {
background-color: #FFFFCC;
height: 232px;
width: 920px;
left: 0px;
top: 0px;
border: 3px solid #CC99CC;
margin: 0px 0px 10px 0px;}
	
div.greetingbox_cream {
background-color: #FFFFCC;
height: 40px;
width: 920px;
left: 0px;
top: 0px;
border: 3px solid #CC99CC;
margin: 0px 0px 10px 0px;}
/* -------------------------------------------------------------- */
div.box_dkpink {
background-color: #FFC0CB;
height: 232px;
width: 920px;
left: 0px;
top: 0px;
border: 3px solid #CC99CC;
margin: 0px 0px 10px 0px;}
	
div.greetingbox_dkpink {
background-color: #FFC0CB;
height: 40px;
width: 920px;
left: 0px;
top: 0px;
border: 3px solid #CC99CC;
margin: 0px 0px 10px 0px;}
/* -------------------------------------------------------------- */
div.box_transparent {
background-color: transparent;
height: 132px;
width: 920px;
left: 0px;
top: 0px;
border: 3px ridge #CC99CC;
margin: 0px 0px 10px 0px;}
/* -------------------------------------------------------------- */
#inneriframe {
margin-top: 10px;
position:relative;
top:35px;
left:0px;
width:200px;
height:290px;}
/* -------------------------------------------------------------- */
#titlehead_woolhunter {
border: 0px solid #f00;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 186px;
width: 920px;
background-image:url('../graphics/logo_only.gif');
background-repeat:no-repeat;
background-position:top right;
margin-right:200px;}

#header_woolhunter_logo {
border: 0px solid #f00;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
height: 175px;
width: 920px;
background-image:url('../graphics/logo_pink900tran.gif');
background-repeat:no-repeat;}

#titlehead_laces {
border: 0px solid #f00;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 186px;
width: 920px;
background-image:url('../graphics/laces/lorna.jpg');
background-repeat:no-repeat;
background-position:top right;
margin-right:200px;}
/* -------------------------------------------------------------- */
#titleleft {
height: 30px;
width: 890px;
font-size: 20px;
padding: 5px 0px 0px 10px;
margin: 10px;}

div.titleleft a:active {
display: block;
border: 0;
padding: 5px 0px 10px 0px;
}
/* -------------------------------------------------------------- */
img.floatLeftvert {
float: left;
margin: 4px 4px 4px 20px;
height: 450px;
width: 325px;
}
img.floatRightvert {
float: right;
margin: 4px 4px 4px 20px;
height: 450px;
width: 325px;
}
/* -------------------------------------------------------------- */
.box_pink
{
background-color: #FFC0CB;
left: 0px;
top: 0px;
border-top: 3px solid #800080;
border-bottom: 3px solid #800080;
padding: 10px 10px 10px 10px;
min-height: 220px;
}
/* -------------------------------------------------------------- */
.sheepline {
background-image: url('http://www.woolhunter.com/graphics/sheepline.gif');
text-align: center;
margin: 20px 0px 20px 0px;
padding: 0px 30px 0px 30px;
width: 900px;
height: 30px;
}
/* -------------------------------------------------------------- */
.leftcolumnnoborder {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
margin: 5px 0px 5px 0px;
padding: 10px 0px 10px 5px;
height: 150px;
width: 230px;
float: left;}

.inleftcolumnnoborder {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
margin: 5px 6px 5px 0px;
padding: 10px 0px 10px 5px;
height: 150px;
width: 222px;
float: left;}

.inrightcolumnnoborder {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
margin: 5px 0px 5px 6px;
padding: 10px 5px 10px 0px;
height: 150px;
width: 222px;
float: left;
text-align:right;}

.rightcolumnnoborder {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
margin: 5px 0px 5px 0px;
padding: 10px 5px 10px 0px;
height: 150px;
width: 230px;
float: left;}

img.pattern {
width: 225px;
height: 150px;}

.inleftcolumnnoborder p,
.inrightcolumnnoborder p {
padding-bottom: 15px;}
/* -------------------------------------------------------------- */
.leftvertcolumnnoborder {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
margin: 5px 0px 5px 0px;
padding: 10px 0px 10px 5px;
height: 230px;
width: 160px;
float: left;}

.inleftvertcolumnnoborder {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
margin: 5px 6px 5px 0px;
padding: 10px 0px 10px 5px;
height: 230px;
width: 292px;
float: left;}

.inrightvertcolumnnoborder {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
margin: 5px 0px 5px 6px;
padding: 10px 5px 10px 0px;
height: 230px;
width: 292px;
float: left;
text-align:right;}

.rightvertcolumnnoborder {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
margin: 5px 0px 5px 0px;
padding: 10px 5px 10px 0px;
height: 230px;
width: 160px;
float: left;}

img.patternvert {
width: 150px;
height: 225px;}

.inleftvertcolumnnoborder p,
.inrightvertcolumnnoborder p {
padding-bottom: 15px;}
/* -------------------------------------------------------------- */
.navbar {
color:#000000;
font-weight: bold;
background-color: #FFFFCC;
padding: 10px 0px 10px 5px;
border: 1px dotted #f00;}

.navbar a {
font-decoration: underline;}