/*
---------------------------------------
	1.0 RESETS
---------------------------------------
*/
@import url("text.css");
@import url(http://www.fatbeehive.com/beekeeper2/reset.css);

/* -------------------------------------------------------------
SITETITLE MAIN STYLES ARE BELOW
-------------------------------------------------------------- */

/*Contents --------------------------

		1.0 RESETS
		2.0 UNIVERSAL
		3.0 CONSTRUCT
		4.0 HEADER
			4.1 Secnav
			4.2 Search
			4.3 Slideshow	
			4.4 Topnav
		5.0 CONTENT HOMEPAGE
			5.1 Leftcol
			5.2 Midcol
			5.3 Rightcol
		6.0 SUBPAGES
			6.1 Leftcol
			6.2 Midcol
			6.3 Rightcol
            6.4 Shop
		7.0 FOOTER
		
-----------------------------------
*/
	
/******

Main colours:

Brand Red: #e13446
Default Text Dark Grey: #424242

*****/
		
	
/*
---------------------------------------
	2.0 UNIVERSAL
---------------------------------------
*/
html, body{	
	margin:0;
	padding:0;
}

#outer_wrapper {
	background: url(../images/bodybg.gif) repeat-x #ffffff;
	margin:0;
	padding:0;
}
body img{ 
	border:0;
}
body h1{
	background: url('../images/h1_underline.gif') left bottom no-repeat;
	margin:0 0 10px 0;
	padding:0 0 17px 0;
}
body h2{ 
	margin:0; 
	padding:10px 0 5px 0; 
}
body h3{ 
	margin:0; 
	padding:0;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.imgleft{
	float:right;
	margin:10px 20px 10px 0;
}
.imgright{
	float:right;
	margin:10px 0 10px 20px;
}

/*
---------------------------------------
	3.0 CONSTRUCT
---------------------------------------
*/
#wrapper{
	background: url(../images/wrapperbg.jpg) repeat-y;
	margin: 0 auto;
	width: 944px;
}


/*
---------------------------------------
	4.0 HEADER
---------------------------------------
*/
#header{
	background: url(../images/headerbg.jpg) no-repeat;
	height: 231px;
	position: relative;
	width: 944px;
}
a#logo{
	background: url(../images/logo.gif) no-repeat;
	display: block;
	height: 0;
	left: 32px;
	overflow: hidden;
	padding-top: 116px;
	position: absolute;
	top: 24px;
	width: 453px;
}
a#contact_button{
	background: url(../images/contactus_button.gif) 0 0 no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 47px;
	position: absolute;
	right: 236px;
	top: 83px;
	width: 169px;
}
a#contact_button:hover{
	background: url(../images/contactus_button.gif) 0 -47px no-repeat;
}

a#donate_button{
	background: url(../images/donate-button.gif) 0 0 no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 47px;
	position: absolute;
	right: 29px;
	top: 83px;
	width: 197px;
}
a#donate_button:hover{
	background: url(../images/donate-button.gif) 0 -47px no-repeat;
}



/* 4.1 Secnav ------------- */
ul#secnav{
	margin: 0;
	padding: 0;
    position: absolute;
    right: 254px;
    top: 32px;
}
ul#secnav li{
	display: inline;
	list-style: none;
}
ul#secnav li a{
	padding: 0 5px;
}

/* End 4.1 Secnav ------------- */

.twitter_icon {
	background: url('../images/twitter_icon.gif') no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 24px;
	position: absolute;
	right: 220px;
	top: 26px;
	width: 24px
}
.twitter_icon.facebook {
	background: url('../images/facebook_icon.png') no-repeat;
	right: 190px;
}

/* 4.1 Search ------------- */
#search_text{
	margin-left: 20px;
}
#searchbox{
    height: 38px;
    position: absolute;
    right: 47px;
    top: 26px;
    width: 135px;
}
.searchbox{
	background: url('../images/searchbg.gif') no-repeat;
    border: medium none;
    color: #ffffff;
    float: left;
    height: 13px;
    margin: 0;
    padding: 6px 10px 6px;
    vertical-align: top;
    width: 87px;
}
.searchbutton{
	border:0 solid;
	cursor:pointer;
	float:right;
	margin: 0;
}


/* End 4.1 Search ------------- */

/* 4.1 Topnav ------------- */

ul#topnav{
	bottom: 19px;
	height: 51px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 944px;
}
ul#topnav li{
	list-style: none;
}
li#home a{
	background: url(../images/nav.gif) 0 0 no-repeat;
	display: block;
	height: 0;
	left: 0;
	overflow: hidden;
	padding-top: 51px;
	position: absolute;
	top: 0;
	width: 136px;
}
li#home a:hover{
	background: url(../images/nav.gif) 0 -51px no-repeat;
}
li#home a.on{
	background: url(../images/nav.gif) 0 -51px no-repeat;
}
li#abouttn a{
	background: url(../images/nav.gif) -136px 0 no-repeat;
	display: block;
	height: 0;
	left: 136px;
	overflow: hidden;
	padding-top: 51px;
	position: absolute;
	top: 0;
	width: 157px;
}
li#abouttn a:hover{
	background: url(../images/nav.gif) -136px -51px no-repeat;
}
li#abouttn a.on{
	background: url(../images/nav.gif) -136px -51px no-repeat;
}
li#aboutus a{
	background: url(../images/nav.gif) -293px 0 no-repeat;
	display: block;
	height: 0;
	left: 293px;
	overflow: hidden;
	padding-top: 51px;
	position: absolute;
	top: 0;
	width: 150px;
}
li#aboutus a:hover{
	background: url(../images/nav.gif) -293px -51px no-repeat;
}
li#aboutus a.on{
	background: url(../images/nav.gif) -293px -51px no-repeat;
}
li#members a{
	background: url(../images/nav.gif) -443px 0 no-repeat;
	display: block;
	height: 0;
	left: 443px;
	overflow: hidden;
	padding-top: 51px;
	position: absolute;
	top: 0;
	width: 147px;
}
li#members a:hover{
	background: url(../images/nav.gif) -443px -51px no-repeat;
}
li#members a.on{
	background: url(../images/nav.gif) -443px -51px no-repeat;
}
li#carers a{
	background: url(../images/nav.gif) -590px 0 no-repeat;
	display: block;
	height: 0;
	left: 590px;
	overflow: hidden;
	padding-top: 51px;
	position: absolute;
	top: 0;
	width: 123px;
}
li#carers a:hover{
	background: url(../images/nav.gif) -590px -51px no-repeat;
}
li#carers a.on{
	background: url(../images/nav.gif) -590px -51px no-repeat;
}
li#professionals a{
	background: url(../images/nav.gif) -713px 0 no-repeat;
	display: block;
	height: 0;
	left: 713px;
	overflow: hidden;
	padding-top: 51px;
	position: absolute;
	top: 0;
	width: 230px;
}
li#professionals a:hover{
	background: url(../images/nav.gif) -713px -51px no-repeat;
}
li#professionals a.on{
	background: url(../images/nav.gif) -713px -51px no-repeat;
}

/* End 4.1 Topnav ------------- */


/*s
---------------------------------------
	5.0 CONTENT HOMEPAGE
---------------------------------------
*/

/* 4.1 Leftcol ------------- */
body#index #leftcol{
	float: left;
	margin: 0;
	padding: 20px 0 20px 32px;
	width: 640px;
}
p#trigis{
	background: url(../images/isandwe.gif) 0 0 no-repeat;
	float: left;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 76px;
	width: 640px;
}
p#weare{
	background: url(../images/isandwe.gif) 0 -76px no-repeat;
	float: left;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 93px;
	width: 640px;
}

/* Living with TN box ---- */
#livingwithtn{
	background: url(../images/livingwithtnbg.gif) top left no-repeat;
	height: 239px;
	float: left;
	margin-top: 10px;
	width: 399px;
}
#livingwithtn h2{
	/*background: url(../images/livingwithtn_heading.gif) 0 0 no-repeat;*/
	float: left;
	height: 0;
	line-height: 2em; 
	margin: -30px 0 0 20px;
	overflow: none;
	padding-top: 34px;
	width: 201px;
	color:#ffffff;
}
#livingwithtn p{
	clear: left;
	float: left;
	padding: 46px 0 0 22px;
	width: 176px;
}
#livingwithtn img{
	float: right;
	border-radius: 0 10px 10px 0;
}
a#read_story{
	background: url(../images/readstorybg.gif) no-repeat;
	clear: left;
	float: left;
    height: 26px;
    margin-left: 20px;
    padding: 6px 0 0 15px;
    width: 170px;
}

/* Get involved box ---- */

/*
body#index ul#getinvolved_buttons{
	background: url(../images/getinvolvedbg.gif) no-repeat;
	clear: left;
	float: left;
	height: 109px;
	margin: 20px 0 0 0;
	padding: 0;
	width: 399px;
}
body#index ul#getinvolved_buttons li{
	float: left;
	list-style: none;
}
body#index li#involved_heading{
	width: 100%;
}
body#index li#involved_heading h2{
	background: url(../images/getinvolved_heading.gif) 0 0 no-repeat;
	float: left;
	height: 0;
	line-height: 2em; 
	margin: 7px 0 3px 7px;
	overflow: hidden;
	padding-top: 34px;
	width: 181px;
}
body#index li#joinus{
	margin-left: 7px;
}
body#index li#joinus a{
	background: url(../images/involved_buttons.gif) 0 0 no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 38px;
	width: 125px;
}
body#index li#joinus a:hover{
	background: url(../images/involved_buttons.gif) 0 -38px no-repeat;
}
body#index li#supportus a{
	background: url(../images/involved_buttons.gif) -125px 0 no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 38px;
	width: 128px;
}
body#index li#supportus a:hover{
	background: url(../images/involved_buttons.gif) -125px -38px no-repeat;
}
body#index li#shop a{
	background: url(../images/involved_buttons.gif) -253px 0 no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 38px;
	width: 128px;
}
body#index li#shop a:hover{
	background: url(../images/involved_buttons.gif) -253px -38px no-repeat;
}
*/
body#index ul#getinvolved_buttons{
	background: url(../images/getinvolvedbg.gif) no-repeat;
	clear: left;
	float: left;
	height: 153px;
	margin: 20px 0 0 0;
	padding: 0;
	width: 400px;
}
body#index ul#getinvolved_buttons li{
	float: left;
	list-style: none;
}
body#index li#involved_heading{
	width: 100%;
}
body#index li#involved_heading h2{
	background: url(../images/getinvolved_heading.gif) 0 0 no-repeat;
	float: left;
	height: 0;
	line-height: 2em; 
	margin: 7px 0 3px 7px;
	overflow: hidden;
	padding-top: 34px;
	width: 210px;
}
body#index li#joinus{
	margin: 6px 20px 6px 7px;
}
body#index li#joinus a{
	background: url(../images/involved_buttons.gif) 0 0 no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 41px;
	width: 182px;
}
body#index li#joinus a:hover{
	background: url(../images/involved_buttons.gif) 0 -82px no-repeat;
}
body#index li#supportus{
	margin: 6px 0;
}
body#index li#supportus a{
	background: url(../images/involved_buttons.gif) 0 -42px no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 41px;
	width: 182px;
}
body#index li#supportus a:hover{
	background: url(../images/involved_buttons.gif) 0 -124px no-repeat;
}
body#index li#donate{
	margin: 0 20px 0 7px;
}
body#index li#donate a{
	background: url(../images/involved_buttons.gif) -182px 0 no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 41px;
	width: 182px;
}
body#index li#donate a:hover{
	background: url(../images/involved_buttons.gif) -182px -81px no-repeat;
}
body#index li#shop a{
	background: url(../images/involved_buttons.gif) -182px -42px no-repeat;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 41px;
	width: 182px;
}
body#index li#shop a:hover{
	background: url(../images/involved_buttons.gif) -182px -124px no-repeat;
}

/* TNA News ---- */
#tna_news{
	float: right;
	width: 209px;
}
#tna_news h2{
	background: url(../images/news_header.gif) 0 0 no-repeat;
	height: 0;
	line-height: 2em;
	margin: 0;
	overflow: hidden;
	padding: 39px 0 0 0;
	width: 209px;
}
#news_nav{
	background: #e2efde;
	height: 23px;
	width: 209px;	
}
#tna_news ul{
	margin: 0;
	padding: 0;
}
#tna_news ul li{
	list-style: none;
	margin-top: 20px;
}
p.news_details{
	border-bottom: solid 2px #646750;
	padding-bottom: 25px;
}
a#all_news{
	background: url(../images/allnews_button.gif) 0 0 no-repeat;
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 32px;
	width: 158px;
}
p.date{
	margin: 0;
}

/* End 4.1 Leftcol ------------- */

/* 4.1 Rightcol ------------- */

body#index #rightcol{
	float: right;
	margin: 25px 19px 0 0;
	width: 228px;
}
#rightcol img{
	border: solid 6px #9ec992;
	margin-bottom: 10px;
}
#rightcol img:hover{
	border: solid 6px #D13939;
	margin-bottom: 10px;
}

/* member login ---- */
#loginbox{
	background: url(../images/loginbg.gif) top left no-repeat;
	height: 224px;
	margin-bottom: 25px;
	position: relative;
	width: 228px;
}
#loginbox h2{
	background: url(../images/login_header.gif) 0 0 no-repeat;
	height: 0;
	line-height: 2em;
	margin-bottom: 20px;
	overflow: hidden;
	padding-top: 37px;
	width: 126px;
}
.loginbox{
	background: url(../images/loginboxs.gif) no-repeat;
	border: none;
	margin: 5px 0 5px 12px;
    padding: 6px 10px 6px;
    position: relative;
	width: 170px;
}
#loginform label{
	left: 20px;
	position: relative;
	top: 0;
}
#signin{
	bottom: 0;
	left: 0;
	position: absolute;
}
a#forgotpass{
    bottom: 39px;
    left: 20px;
	position: absolute;
}
a#becomeamember{
	background: url(../images/becomeamember_button.gif) 0 0 no-repeat;
	bottom: 0;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 67px;
	position: absolute;
	right: 0;
	width: 67px;
}

.image_copy a{
	color: #616351;
	font-weight: bold;
	text-decoration: none;
}
.image_copy a:hover {
	color: #D13939;
}

/* audience filter ---- */
ul#audience_filter{
	height: 178px;
	margin: 20px 0 10px;
	padding: 0;
	position: relative;
	width: 227px;
}
ul#audience_filter li{
	list-style: none;
}
li#havetn a{
	background: url('../images/audiencefilter.gif') 0 0 no-repeat;
	display: block;
	height: 0;
	left: 0;
	overflow: hidden;
	padding-top: 50px;
	position: absolute;
	top: 0;
	width: 227px;
}
li#havetn a:hover{
	background: url('../images/audiencefilter.gif') 0 -178px no-repeat;
}
li#amcarer a{
	background: url('../images/audiencefilter.gif') 0 -50px no-repeat;
	display: block;
	height: 0;
	left: 0;
	overflow: hidden;
	padding-top: 53px;
	position: absolute;
	top: 50px;
	width: 227px;
}
li#amcarer a:hover{
	background: url('../images/audiencefilter.gif') 0 -228px no-repeat;
}
li#amhprof a{
	background: url('../images/audiencefilter.gif') 0 -103px no-repeat;
	display: block;
	height: 0;
	left: 0;
	overflow: hidden;
	padding-top: 75px;
	position: absolute;
	top: 103px;
	width: 227px;
}
li#amhprof a:hover{
	background: url('../images/audiencefilter.gif') 0 -281px no-repeat;
}

/* End 4.1 Rightcol ------------- */

/*
---------------------------------------
	6.0 SUBPAGES
---------------------------------------
*/

/* 4.1 Leftcol ------------- */
#leftcol{
	float: left;
	margin: 25px 24px 0 32px;
	width: 190px;
}

/* 3.1 Subnav ------------- */
ul#subnav{
	background: url(../images/subnav_top.gif) top right no-repeat #e2efde;
	margin: 0;
    padding: 0;
    width: 200px;
}
ul#subnav li{
	border-bottom: dashed 1px #888d88;
	list-style: none;
}
ul#subnav li a{
	background: url('../images/subnavarrow.gif') right 18px no-repeat;
	display: block;
    padding: 14px 17px 10px 20px;
    width: 130px;
}
ul#subnav li a:hover{
	background: url('../images/subnavarrow_hover.gif') right 18px no-repeat;
}
ul#subnav li a.on{
	background: url('../images/subnavarrow_on.gif') right 18px no-repeat;
}
ul#subnav li ul{
	margin: 0;
	padding: 10px 0 8px 0;
	width: 170px;
}
ul#subnav li ul li{
	border: none;
	padding: 0 0 10px 18px;
}
ul#subnav li ul li a{
	background: url(../images/subsubarrow.gif) 0 4px no-repeat;
	padding: 0 0 0 15px;
}
ul#subnav li ul li a:hover{
	background: url(../images/subsubarrow_on.gif) 1px 4px no-repeat;
	padding: 0 0 0 15px;
}
ul#subnav li ul li a.on{
	background: url(../images/subsubarrow_on.gif) 1px 4px no-repeat;
	padding: 0 0 0 15px;
}
li#sublast{
	border-bottom: none !important;
}
li#sublast a{
	padding-bottom: 4px !important;
}
#subnav_bottom{
	background: url(../images/subnav_bottom.gif) no-repeat;
	height: 10px;
	width: 192px;
}

/* End 3.1 Subnav ------------- */

/* End 4.1 Leftcol ------------- */

/* 4.1 Midcol ------------- */
#midcol{
	float: left;
	margin-top: 25px;
	padding-bottom: 20px;
	width: 476px;
}

#midcol .content img{
	border: solid 6px #9ec992;
}

p#last_updated{
	background: url('../images/last_updatedsep.gif') top left no-repeat;
	float: left;
	margin-top: 20px;
	padding-top: 10px;
	text-align: right;
	width: 100%;
}

/* End 4.1 Midcol ------------- */

/* 4.1 Rightcol ------------- */
#rightcol{
	float: right;
	margin: 25px 32px 0 0;
	width: 165px;
}

/* members box ---- */
#members_box h2{
	background: url(../images/members_header.gif) 0 0 no-repeat;
	height: 0;
	line-height: 2em;
	overflow: hidden;
	padding-top: 45px;
	width: 165px;
}
ul#members_box{
	background: url(../images/memberbox_bg.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 0 10px 0;
	width: 165px;
}
ul#members_box li{
	list-style: none;
	padding: 0 0 10px 0;
}
ul#members_box li a{
	margin: 0 0 0 20px;
}

/* Get involved box ---- */
ul#getinvolved_buttons{
	background: url(../images/getinvolvedbg_sub.gif) no-repeat;
	clear: left;
	float: left;
	height: 216px;
	margin: 20px 0 0 0;
	padding: 0;
	width: 165px;
}
ul#getinvolved_buttons li{
	float: left;
	list-style: none;
}
li#involved_heading{
	width: 100%;
}
li#involved_heading h2{
	background: url(../images/getinvolved_heading_sub.gif) 0 0 no-repeat;
	float: left;
	height: 0;
	line-height: 2em; 
	overflow: hidden;
	padding-top: 40px;
	width: 165px;
}
li#joinus{
	margin-left: 7px;
}
li#joinus a{
	background: url(../images/involved_buttons_sub.gif) 0 0 no-repeat;
	display: block;
	height: 0;
	margin-top: 6px;
	overflow: hidden;
	padding-top: 35px;
	width: 145px;
}
li#joinus a:hover{
	background: url(../images/involved_buttons_sub.gif) -145px 0 no-repeat;
}
li#donate{
	margin-left: 7px;
}
li#donate a{
	background: url(../images/involved_buttons_sub.gif) 0 -110px no-repeat;
	display: block;
	height: 0;
	margin-bottom: 6px;
	overflow: hidden;
	padding-top: 35px;
	width: 145px;
}
li#donate a:hover{
	background: url(../images/involved_buttons_sub.gif) -145px -110px no-repeat;
}
li#supportus a{
	background: url(../images/involved_buttons_sub.gif) 0 -35px no-repeat;
	display: block;
	height: 0;
	margin-left: 8px;
	overflow: hidden;
	padding-top: 39px;
	width: 145px;
}
li#supportus a:hover{
	background: url(../images/involved_buttons_sub.gif) -145px -35px no-repeat;
}
li#shop a{
	background: url(../images/involved_buttons_sub.gif) 0 -73px no-repeat;
	display: block;
	height: 0;
	margin-left: 8px;
	overflow: hidden;
	padding-top: 35px;
	width: 145px;
}
li#shop a:hover{
	background: url(../images/involved_buttons_sub.gif) -145px -73px no-repeat;
}


/* End 4.1 Rightcol ------------- */



/* 6.4 Module styling ------------- */

.module_feed {
    margin-left: 0;
}
.module_feed .module_feed_block {
    display: block;
    margin-bottom: 2em;
    margin-left: 134px;
}
.module_feed .module_feed_block .module_feed_img {
    float: left;
    margin-left: -134px;
}
.module_img {
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
}
.module_btn {
    background-color: #9EC991;
    border-radius: 5px;
    color: black;
    padding: 0.5em 1em;
    text-decoration: none;

    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;

}
.module_btn:hover {
    background-color: #E2EFDE;
}

#leftcol .module_btn {
    margin-top: 40px;
    font-size: 1.5em;
    display: inline-block;
}

/* End 6.4 Module styling ------------- */


/*
---------------------------------------
	7.0 FOOTER
---------------------------------------
*/
#footer{
	background: url(../images/footer.jpg) top left no-repeat;
	height: 200px;
	margin: 0 auto;
    padding-top: 36px;
	width: 944px;
}
#footer p{
	float: left;
}
#footer ul{
	float: right;
	margin: 0;
	padding: 0;
}
#footer ul li{
	display: inline;
	list-style: none;
}
#footer .footer_logo {
    clear: both;
}
/*
#footer .footer_logo .footer_logo_img {
    width: 200px;
}
*/

/*
---------------------------------------
	7.0 DROPDOWNS
---------------------------------------
*/
ul.eventDropdown ul {
	display: none;
	width: auto;
	position: absolute;
	left: 0;
	margin: 0;
	top: 57px;
	z-index: 9999;
}

ul.eventDropdown ul li a {
	background-color: #e2efde;
	display: block;
	-moz-transition: background-color 0.15s ease-in;
	-webkit-transition: background-color 0.15s ease-in;
	transition: background-color 0.15s ease-in;
}

ul.eventDropdown ul li a:hover,
	ul.eventDropdown ul li a:active,
		ul.eventDropdown ul li a.on {
			background-color: #9ec992;
		}

/* ul.eventDropdown is parent link */


ul#topnav.eventDropdown ul#dropdownBox li a {
	background: #e2efde;
    color: #424242;
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 10px 15px;
    position: relative;
    text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	width: 130px;
}
ul#topnav.eventDropdown ul#dropdownBox li a:hover {
	background: #9ec992;
}