/* CSS Document */


body {
background-color:#EFD9DC;
background-image:url(images/bg.gif);
background-repeat:repeat;
font-size:10px;
font-family:verdana, arial;
margin:0px;
}

h1 {
font-size:200%;
color:#A32B8D;
margin:0px 0px 5px 10px;
}

h2 {
font-size:130%;
color:#A32B8D;
margin:5px 0px 5px 10px;
}

h3 {
font-size:120%;
color:#A32B8D;
margin:10px;
}




a {
	font-size: 10px;
	color:#A32B8D;
	text-decoration:underline;
	
}
a:visited {
	color: #000000;
}
a:hover {
		color:#A32B8D;
	background-color:#E8B142;
}
a:active {
	color: #000000;
}





p {
margin:10px;
line-height:1.5em;
}

p.italic {
margin:10px;
line-height:1.5em;
font-style:italic;
letter-spacing:.08em;
font-weight:bold;
}


img.floatLeft { 
    float: left; 
    margin:5px 10px 10px 10px;
	}


img.floatright { 
    float: right; 
   margin:5px 10px 10px 10px;	}
	
img.ad { 
    margin:0px auto;
	}



#container {
width:750px;
margin: 0px auto;
background-color:#EFE74B;
border-left:2px solid #A32B8D;
border-right:2px solid #A32B8D;
border-bottom:2px solid #A32B8D;
}


#header { 
width:750px;
height:135px;
background-image:url(images/snbheader.gif);
background-repeat:no-repeat;
}



#login {

width:230px;
background-color:#E3C049;
float:right;
padding: 5px;
vertical-align:middle;
display: inline;
}

p.login {
margin:2px;
font-size:9px;
}

#nav {
width:100%;
background-color:#A32B8D;
border-bottom:solid 4px #B697CE;




}



#nav ul{
    margin:0;
    padding:5px 5px 5px 15px;
    list-style:none;
    }
#nav li{
    display:inline;
    padding-right:7px;
	   padding-left:7px;
    }
	
li.thispage {
background-color:#B697CE;
padding:5px;
}
	
	


#nav a {
	font-size: 10px;
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
	
}
#nav a:visited {
	color: #ffffff;
}
#nav a:hover {
	background-color:#B697CE;
	color:#ffffff;
	
}
#nav a:active {
	color: #ffffff;
}


#nav_trail {
width:740px;
padding:10px 0px 10px 20px;

}

#nav_trail a {
	font-size: 10px;
	color: #A32B8D;
	text-decoration:none;
	
}
#nav_trail a:visited {
	color: #A32B8D;
}
#nav_trail a:hover {
	color: #A32B8D;
}
#nav_trail a:active {
	color: #A32B8D;
}




#left {
width:180px;
background-color:#E8B142;
margin: 5px 5px 5px 20px;
padding:5px;
float:left;
display: inline;

}


#left a {
	font-size: 10px;
	color:#A32B8D;
	text-decoration:underline;

}
#left a:visited {
	color: #000000;
}
#left a:hover {
		color:#A32B8D;
	background-color:#EFE74B;
}
#left a:active {
	color: #000000;
}





#left hr {
color:#EFE74B;
border:1px #EFE74B solid;
width:auto;
margin:10px;
}


#right {
width:500px;
margin: 0px 20px 10px 10px;
float:right;
display: inline;

}

#right hr {
color:#A32B8D;
border:1px #a32b8d solid;
width:auto;
margin:10px;
}


#footer {
width:740px;
clear:both;
padding:5px;
background-image:url(images/yarn_long2.png);
background-repeat:no-repeat;
height:50px;
margin-top:20px;

}


#footer ul{
    margin:10px 0px 0px 65px;
    padding:0;
    list-style:none;
    }
#footer li{
     display:inline;
    margin:0px 5px 0px 5px;
    padding:0;
    }
	
#footer a {
	font-size: 10px;
	color: #A32B8D;
	font-weight:bold;
	text-decoration:none;
	
}
#footer a:visited {
	color: #A32B8D;
}
#footer a:hover {
	color: #A32B8D;
}
#footer a:active {
	color: #A32B8D;
}

#end {
width:750px;
margin: 0px auto;
text-align:center;
margin-top:15px;
margin-bottom:15px;
}


#end a {
	font-size: 10px;
	color: #A32B8D;
	text-decoration:none;
	
}
#end a:visited {
	color: #A32B8D;
}
#end a:hover {
	color: #A32B8D;
}
#end a:active {
	color: #A32B8D;
}