/*ALL PAGES*/

/*these are main page elements*/
body{margin:0; padding:0;}
#wrapper{width:850px; height:100%; margin:0px auto;}
#shadow{width:850px; height:100%; margin:0 auto; background-image:url('assets/shadow.jpg'); background-repeat:repeat-y}
#layout{width:783px; height:100%; margin:0 auto; padding:6px; }

/*this is the top purple banner*/
#top{width:783px; height: 120px; background-color:#970097;}

/* this is it's content */
.ssn_logo {
     height:70px;

     width:500px;

     padding:25px 0 15px 5px;
     }

.ssn_shortcuts {
     width: 250px;

     float: right;

     text-align:right;

     color:#FFFFFF;

     font-size:10px;

     font-family:Arial, Helvetica, sans-serif;

     padding: 5px 8px 0 0;
     }

.ssn_shortcuts a:link {
     color: #fff;

     text-decoration:none;
     }

.ssn_shortcuts a:hover {
     color:#999999;
     }

.ssn_shortcuts a:visited {
     color: #fff;

     text-decoration:none;
     }

.line{
	margin-top:2px;
	_margin-top:-2px;/*IE hack preventing it from addin extra 2px margin on top*/
	}

/*text formatting*/
p
	{font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:130%; 
	color:#666;}

.sidebar
	{font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:11px; 
	font-weight:bold; 
	font-style:italic;
	color:#666666;
	}
	

.articles
	{font-family: Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#666666;
	margin-top:20px;
	}
	
	
.copyright
	{width:783px; 
	height:11px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color: #999999;
	padding-top:2px;
	text-align:center;}
	
	
.subscribe_purple
	{width: 158px;
	height:15px;
	background-image:url('assets/purple.gif'); 
	background-repeat:no-repeat;
	padding: 10px
	}
	
.subscribe
	{font-family: Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#666666;
	padding:6px 12px 6px 6px;
	}
	
	
h1
	{font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-style:italic;
	font-weight:bold;
	color: #333333;
	}
	
h2
	{font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color: #333333;
	}
	
h3
	{font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color: #333333;
	}
	
	
h4
	{font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	color: #333333;
	}
	
.intend
	{padding-left:10px;
	padding-right:15px;
	}
	
.bold {
	font-weight:bold;
	}
		
	
/*tallers - they are responsible for making the left side bar as long as necessary to carry the whole layout*/
#taller
	{height:150px;
	
	_height:-40px;/*IE hack */
	}
	
#taller2
	{height:260px;
	}

#taller2A
	{height:400px;
	}
	
#taller2B
	{height:600px;
	}
	
#taller2C
	{height:400px;
	}
	
#taller2D
	{height:2000px;
	}

#taller3
	{height:260px;
	}
	
#taller3E
	{height:400px;
	}
	
#taller3E-1
	{height:30px;
	}
	
#taller4
	{height:260px;
	}

#taller4A
	{height:460px;
	}
	
	
#taller4B
	{height:1350px;
	}
	
#taller5
	{height:450px;
	}	
	
#taller5-2
	{height:60px;
	}	
	
#taller5-3
	{height:30px;
	}	
	
#taller5-4
	{height:150px;
	}	

#taller5-5
	{height:220px;
	}	
	
#taller5-8
	{height:360px;
	}	

#taller5-9
	{height:100px;
	}	

#taller5-15
	{height:280px;
	}	
	
#taller5A
	{height:700px;
	}	
	
#taller6
	{height:360px;
	}		
	
#taller6B
	{height:1060px;
	}	
	
#taller6C
	{height:1660px;
	}	
		
/*this is main navigation*/
#main_nav{
	width: 783px;
	height:28px;
	margin-top:2px;
	}
	

/*this formats recent articles section*/
#navcontainer li a
	{display: block;
	padding: 5px 5px 5px 5px;
	color: #000;
	text-decoration: none;
	width: 135px;
	}

#navlist li
	{display: inline;
	/* for IE5 and IE6 */
	}
	
	

#navlist
	{
	/* to display the list horizontaly */
	font-family: sans-serif;
	margin: 12px 0 0 5px;
	padding: 5px 13px 5px 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#666666;
	margin-top:20px;
	}

#navlist a
	{
	/* extend the sensible area to the maximum with IE5 */
	display: block;
	text-align: left;
	text-decoration: none;
	color: #000;
	}

#navlist a:hover { background-color:#fff2bf; }
#navlist a:visited { color: #000; }	
	


/*HOME PAGE*/

/*this is two columns layout*/
#two_cols
	{width:783px; 
	height:100%; 
	background-image:url('assets/tlo.gif'); 
	background-repeat:no-repeat; 
	margin-top:2px
	}

#side
	{ width:187px; 
	background-image:url('assets/column_shadow2.jpg')
	}

#in_side
	{
	width: 164px;
	background-image:url('assets/shadow_column.gif'); 
	background-repeat:no-repeat;
	padding-left:5px; padding-right:18px; padding-top:10px; padding-bottom:5px
	}

#right
	{width:593px; 
	height:100%; 
	float:right;
	}
	
#flash
	{ 
	}
	
#ads
	{}
	
/*this is bottom menu*/
#bottom_menu {color:#666; border-top:#ccc solid 1px;}

#bottom_navcontainer 
	{margin: 3px auto;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	text-align:center;
	line-height:130%; 
	color:#666;
	}

#bottom_navlist
{
list-style: none;
padding: 0;
margin: 0;
}

#bottom_navlist a:link{color:#666;}
#bottom_navlist a:hover{color:#333;}
#bottom_navlist a:visited{color:#666;}

#bottom_navlist li
{
display: inline;
padding: 0;
margin: 0;
}

#bottom_navlist li:before { content: "|"; }
#bottom_navlist li:first-child:before {  }


	



/*this formats three sections*/
#sectionscontainer
	{width: 593px;
	height: 100%;
	}
	
	
.right2
	{width:211px;
	height:100%;
	padding:5px 8px 5px 5px;
	float:right;
	}
	
	
.centre
	{width:172px;
	height:100%;
	padding:5px;
	float:right;
	}
	
	
.left
	{width:172px;
	height:100%;
	padding:5px;
	}
	
	
/*this formats text as links*/
#sectionscontainer a:link
	{font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:130%; 
	color: #CC0000;
	text-decoration: none; 
	border-bottom: 1px dotted #cc0000;
	}

#sectionscontainer a:hover
	{font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:130%; 
	color:#000;
	text-decoration: none; 
	
	}
	
#sectionscontainer a:visited
	{font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:130%; 
	color:#cc0000;
	text-decoration: none; 
	border-bottom: 1px dotted #cc0000;
	}
	

/*INNER PAGES*/

#two_cols2
	{width:783px; 
	height:100%; 
	background-image: url('assets/inner_pages_banners/Nicotine.gif'); 
	background-repeat:no-repeat; 
	margin-top:2px
	}
	
#two_cols3
	{width:783px; 
	height:100%; 
	background-image: url('assets/inner_pages_banners/NicoBloc.gif'); 
	background-repeat:no-repeat; 
	margin-top:2px
	}
	
#two_cols4
	{width:783px; 
	height:100%; 
	background-image: url('assets/inner_pages_banners/Gradual.gif'); 
	background-repeat:no-repeat; 
	margin-top:2px
	}
	
#two_cols5
	{width:783px; 
	height:100%; 
	background-image: url('assets/inner_pages_banners/Testimonials.gif'); 
	background-repeat:no-repeat; 
	margin-top:2px
	}
	
#two_cols6
	{width:783px; 
	height:100%; 
	background-image: url('assets/inner_pages_banners/Pregnancy.gif'); 
	background-repeat:no-repeat; 
	margin-top:2px
	}
	
#two_cols7
	{width:783px; 
	height:100%; 
	background-image: url('assets/inner_pages_banners/Buy.gif'); 
	background-repeat:no-repeat; 
	margin-top:2px
	}
	
#two_cols8
	{width:783px; 
	height:100%; 
	background-image: url('assets/inner_pages_banners/Contact.gif'); 
	background-repeat:no-repeat; 
	margin-top:2px
	}
	
#two_cols9
	{width:783px; 
	height:100%; 
	background-image: url('assets/inner_pages_banners/sitemap.gif'); 
	background-repeat:no-repeat; 
	margin-top:2px
	}
	
#side2
	{ width:187px; 
	background-image:url('assets/column_shadow2.jpg')
	}

#in_side2
	{
	width: 164px;
	background-image: url('assets/inner_pages_banners/Nicotine_small.gif'); 
	background-repeat:no-repeat;
	padding-left:5px; padding-right:18px; padding-top:10px; padding-bottom:5px
	}
	

	
/*this formats additional reading section*/

.additional_reading
	{width: 158px;
	height:15px;
	background-image:url('assets/additional_reading.gif'); 
	background-repeat:no-repeat;
	padding: 10px
	}
	
#navcontainer2 li a
	{display: block;
	padding: 5px 5px 5px 12px;
	color: #000;
	text-decoration: none;
	width: 135px;
	}

#navlist2 li
	{display: inline;
	/* for IE5 and IE6 */
	}
	
	

#navlist2
	{
	/* to display the list horizontaly */
	font-family: sans-serif;
	margin: 0px 0 0 5px;
	padding: 0px 13px 5px 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#666666;
	margin-top:20px;
	}

#navlist2 a
	{
	/* extend the sensible area to the maximum with IE5 */
	display: block;
	text-align: left;
	text-decoration: none;
	color: #000;
	}

#navlist2 a:hover { background-color:#f9f1f9; }
#navlist2 a:visited { color: #000; }	

/*this is right column*/
#right2
	{width:593px; 
	height:100%; 
	float:right;
	}

	
/*this is "you are here" section*/	
.destination
	{width:573px; 
	height: 17px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color: #999999;
	padding-top:40px;
	padding-left:5px;
	}
	
.destination a:link 
	{color:#666666;
	text-decoration:underline;
	}
	
.destination a:hover
	{color:#999999;
	text-decoration:none;
	}
	
.destination a:visited
	{color:#666666;
	text-decoration:underline;
	}

/*this is main body text area*/
.main_text
	{width:543px;
	height:100%;
	padding:20px 10px 10px 20px;	
	}
	
.main_text a:link 
	{color:#970097;
	text-decoration:none;
	border-bottom:#970097 dotted 1px;
	}
	
.main_text a:hover
	{color:#333;
	text-decoration:none;
	}
	
.main_text a:visited
	{color:#970097;
	text-decoration:none;
	border-bottom:#970097 dotted 1px;
	}
	
	
/*this is random box*/
.box
	{width:167px;
	height: 100%;
	background-color:#fff2bf;
	float:right;
	margin-left:10px;
	}
	
.random
	{padding:8px;
	}
	
/* this formats the testimonials list */
#list li{
    padding:0 0 0 15px;   
    list-style-type:none;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    line-height:130%; 
    color:#666;
    }

#list li a:link {
    color: #666;
    text-decoration:none;
    }

#list li a:hover {
    color: #999;
    text-decoration:underline;
    }

#list li a:visited {
    color: #666;
    text-decoration:none;
    }

.return {
	width:461%;
	
	padding-left: 20px;
	
	border-left:#ffcc00 4px solid;
	}