@charset "UTF-8";

/* CSS Document */
/* Needle Arts - John McGeary 2008*/


/* EDITOR START */
hr{
border:1px solid #333333;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:18px;
color:#cd045a;
font-weight:600;
margin-bottom:15px;
padding-bottom:10px;
border-bottom: 2px solid #cd045a}

h2{
font-size:16px;
font-weight:600;
color:#333333;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:14px;
color:#cd045a;
font-weight:600;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:13px;
color:#333333;
font-weight:600;
margin-top:5px;
margin-bottom:5px}

a{
color:#cd045a;
text-decoration:none}

a:hover{
color:#cd045a;
text-decoration:underline}

p{
margin-bottom:10px}

ul{
padding:10px 0 10px 20px}

li{
padding:0}

.white{
color:#ffffff}

strong{
font-weight:600}

.EGimageview, .EGthumbnail{
margin:30px 0 10px 0}

/* EDITOR END */
body{
font-size:13px;
font-weight:200;
line-height:20px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(assets/bg.gif) repeat top left fixed}

*{
margin:0;
padding:0}

img { 
border:0}

img, div, input { behavior: url("iepngfix.htc") }

/* --------- Main Container --------- */
#wrapper{
width:994px;
height:1000%;
padding:0;
margin:0 auto}

#main_container{
width:994px;
height:100%;
padding:0;
float:left;
margin:10px 0 10px 0;
background:url(assets/left_right_frame.gif) repeat-y top left}

.top_frame{
width:994px;
height:50px;
margin:0;
padding:0;
float:left;
background:url(assets/top_bottom_frame.gif) repeat-x top left}

.top_frame_left{
width:50px;
height:50px;
margin:0;
padding:0;
float:left;
background:url(assets/top_bottom_corners.gif) no-repeat top left}

.top_frame_right{
width:50px;
height:50px;
margin:0;
padding:0;
float:right;
background:url(assets/top_bottom_corners.gif) no-repeat top right}


/* --------- Masthead ---------*/
#masthead{
width:964px;
height:183px;
margin:0;
padding:15px 15px 0px 15px;
float:left;}

#masthead img{
float:left;
padding:0;
margin:0 0 0 46px}

/* --------- Mainarea ---------*/
#mainarea{
width:994px;
height:100%;
float:left;
margin:0;
padding:0}

#left_column{
width:206px;
float:left;
height:100%;
margin:0 0 0 65px;
padding:0}

*html #left_column{
margin:0 0 0 32px}

.block_pink{
width:170px;
float:left;
color:#ffffff;
margin:0 0 10px 0;
padding:3px 10px 10px 10px;
border-bottom:2px solid #333333;
background:url(assets/pink.gif) repeat top left}

.block_green{
width:170px;
float:left;
color:#ffffff;
margin:0 0 10px 0;
padding:3px 10px 10px 10px;
border-bottom:2px solid #333333;
background:url(assets/green.gif) repeat top left}

.block_green img{
margin:-3px 0 0 -10px}

*html .block_green img{
margin:-3px -10px 0 -10px}

.block_blue{
width:170px;
float:left;
color:#ffffff;
margin:0 0 10px 0;
padding:3px 10px 10px 10px;
border-bottom:2px solid #333333;
background:url(assets/blue.gif) repeat top left}

.block_pink h3, .block_blue h3, .block_green h3{
width:170px;
color:#ffffff;
font-weight:bold;
line-height:17px;
float:left;
margin:3px 0 10px 0;
padding:0 0 5px 0;
border-bottom:2px solid #f6f4eb}

.block_pink p, .block_blue p, .block_green p{
width:170px;
float:left;}

.block_pink a, .block_blue a, .block_green a{
color:#ffffff}

.textarea{
padding:20px 10px 40px 10px;
margin:0 0 5px 0;
width:647px;
height:100%;
float:left;
background:url(assets/button_bottom.jpg) no-repeat bottom right}

.crumb{
height:45px;
}


/* --------- Navigation top ---------*/
.navigation_top{
width:657px;
height:26px;
float:left;
padding:3px 0 0 0;
margin:0;
background:url(assets/grey.gif) repeat top left}

.navigation_top ul{
margin:0 0 0 10px;
padding:0;
width:652px}

.navigation_top li{
list-style:none;
display:inline;
margin:0;
padding:0 20px 0 0}

.navigation_top a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:0}

.navigation_top a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:0}

/* --------- Navigation left ---------*/
.navigation_left{
width:170px;
float:left;
line-height:19px;
text-align:left;
padding:0}

.navigation_left ul{
margin:0;
padding:0;
width:170px}

.navigation_left li{
list-style:none;
margin-bottom:2px;
padding:0;
width:170px}


*html .navigation_left li, .navigation_left ul, .navigation_left{


width:164px}

.navigation_left a{
text-decoration:none;
color:#ffffff;
margin-bottom:2px;
padding:0;
display:block}

.navigation_left a:hover{
text-decoration:underline;
color:#ffffff;
margin-bottom:2px;
padding:0;
display:block}

.navigation_left #LM_youAreHere{
text-decoration:none;
color:#ffffff;
margin-bottom:2px;
padding:0;
display:block}

.navigation_left li ul li{
text-decoration:none;
color:#ffffff;
margin:0 0 2px 7px;
padding:0;
font-size:12px;
display:block;
width:155px}

/* --------- Footer --------- */
#footer{
font-size:9px;
color:#000000;
text-align:left;
clear:left;
width:994px;
height:50px;
margin:0;
padding:0;
float:left;
background:url(assets/top_bottom_frame.gif) repeat-x bottom left}

.footer_left{
width:50px;
height:50px;
margin:0;
padding:0;
float:left;
background:url(assets/top_bottom_corners.gif) no-repeat bottom left}

.footer_right{
width:50px;
height:50px;
margin:0;
padding:0;
float:right;
background:url(assets/top_bottom_corners.gif) no-repeat bottom right}

.footer_center{
width:894px;
float:left;
margin:0;
text-align:center}

.footer_center a{
text-decoration:none;
color:#000000}

.footer_center a:hover{
text-decoration:underline;
color:#000000}

.footer_center p{
font-size:9px;
color:#000000;
padding:0;
margin:0}