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

/* -------------------------------------------------------------
ATAXIA MAIN STYLES
-------------------------------------------------------------- */

/*GLOBAL----------------------------------------- */
html, body{
	background:#fff;
	margin:0;
	padding:0;
}
body img{ 
	border:0;
}
body h1{ 
	margin:0 0 10px 0;
	padding:0;
}
body h2{ 
	margin:0; 
	padding:10px 0 5px 0; 
}
body h3{ 
	margin:0; 
	padding:0;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}

/*CONSTRUCT----------------------------------------- */
#wrapper{
	margin:0 auto;
	width:960px;
}
#outline{
	height:392px;
	position:relative;
	z-index:0;
}
#overflow{
	height:393px;
	left:-50px;
	overflow:hidden;
	padding-left:50px;
	position:absolute;
	top:0;
	width:968px;
	z-index:0;
}

/*HEADER----------------------------------------- */
#header{
	height:280px;
	left:-70px;
	overflow:hidden;
	padding-left:70px;
	padding-top:51px;
	position:absolute;
	top:-5px;
	width:960px;
	z-index:10;
}
#logobg{
	background:url('../images/logobg.png') no-repeat;
	height:395px;
	left:-68px;
	padding:35px 0 0 45px;
	position:relative;
	top:-106px;
	width:530px;
	z-index:0;
}
ul#secnav{
	float:right;
	margin:-39px 2px 0 0;
	padding:0;
}
ul#secnav li{
	list-style:none;
	display:inline;
}
h4#helpline{
	background:url('../images/helpline.png') no-repeat;
	height:0px;
	left:700px;
	overflow:hidden;
	padding-top:55px;
	position:relative;
	width:260px;
	top:0;
}
#slideshow{
	height:309px;
	left:150px;
	position:relative;
	top:30px;
	width:810px;
	z-index:10;
}
body#slideshowtest #slideshow{
	background:url('/images/slideshowbg.jpg') no-repeat;
	height:309px;
	left:150px;
	position:relative;
	top:30px;
	width:810px;
	z-index:10;
}

/*feature nav----------------------*/
ul#featurenav{
	background:url('../images/featurenavbg.jpg') no-repeat;
	height:94px;
	left:-5px;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	width:606px;
	z-index:20;
}
ul#featurenav li{
	list-style:none;
}
li#donate a{
	display:block;
    height:0px;
	left:0;
    padding-top:82px;
    position:absolute;
    overflow:hidden;
	top:0;
    width:229px;
}
li#donate a:hover{
	background:url('../images/donatehover.jpg') no-repeat;
}
li#join a{
	display:block;
    height:0px;
	left:229px;
    padding-top:82px;
    position:absolute;
    overflow:hidden;
	top:0;
    width:182px;
}
li#join a:hover{
	background:url('../images/joinhover.jpg') no-repeat;
}
li#access a{
	display:block;
    height:0px;
	left:411px;
    padding-top:82px;
    position:absolute;
    overflow:hidden;
	top:0;
    width:195px;
}
li#access a:hover{
	background:url('../images/accesshover.jpg') no-repeat;
}

/*search----------------------*/
#search{
	background:url('../images/searchbg.jpg') no-repeat;
	height:63px;
	left:571px;
	overflow:hidden;
	padding:210px 0 0 100px;
	position:relative;
	top:-290px;
	width:300px;
	z-index:0;
}
.searchbox{
	background:url('../images/searchboxbg.jpg') no-repeat top right;
	border:none;
	margin:6px 0 0 0;
	padding:0px 12px 0 30px;
	width:110px;
	height:32px;
	vertical-align:top;
}
.searchbutton{
	border: 0px solid;
	cursor:pointer;
	left:5px;
	position:relative;
	top:5px;
}

/*NAV----------------------*/
ul#topnav{
	background:url('../images/navbg.png') no-repeat;
	height:51px;
	left:165px;
	margin:0;
	padding:0;
	position:relative;
	top:246px;
	width:795px;
	z-index:20;
}
ul#topnav li{
	list-style:none;
}
li#howhelp a{
	background:url('../images/nav/help.png') no-repeat;
	display:block;
	height:0;
	left:103px;
	overflow:hidden;
	padding-top:51px;
	position:absolute;
	top:0;
	width:186px;
	z-index:30;
}
li#howhelp a:hover{
	background:url('../images/nav/helphover.png') no-repeat;
}
li#howhelp a.on{
	background:url('../images/nav/helphover.png') no-repeat;
}
li#involved a{
	background:url('../images/nav/getinvolved.png') no-repeat;
	display:block;
	height:0;
	left:289px;
	overflow:hidden;
	padding-top:51px;
	position:absolute;
	top:0;
	width:155px;
}
li#involved a:hover{
	background:url('../images/nav/getinvolvedhover.png') no-repeat;
}
li#involved a.on{
	background:url('../images/nav/getinvolvedhover.png') no-repeat;
} 
li#research a{
	background:url('../images/nav/research.png') no-repeat;
	display:block;
	height:0;
	left:444px;
	overflow:hidden;
	padding-top:51px;
	position:absolute;
	top:0;
	width:125px;
}
li#research a:hover{
	background:url('../images/nav/researchhover.png') no-repeat;
}
li#research a.on{
	background:url('../images/nav/researchhover.png') no-repeat;
} 
li#professionals a{
	background:url('../images/nav/professionals.png') no-repeat;
	display:block;
	height:0;
	left:569px;
	overflow:hidden;
	padding-top:51px;
	position:absolute;
	top:0;
	width:200px;
}
li#professionals a:hover{
	background:url('../images/nav/professionalshover.png') no-repeat;
}
li#professionals a.on{
	background:url('../images/nav/professionalshover.png') no-repeat;
} 


/*CONTENT----------------------------------------- */
#whatis{
	background:url('../images/whatisbottom.jpg') bottom no-repeat;
	float:left;
	height:110px;
	margin-top:10px;
	width:715px;
}
a#whatisheader{
	background:url('../images/whatisataxia.jpg') no-repeat;
	display:block;
	float:left;
	height:0;
	margin-right:15px;
	overflow:hidden;
	padding-top:88px;
	width:143px;
}
#whatis .content{
	margin-top:7px;
}
#whatis .content p{
	font-size:1.1em;
	line-height:1.9em;
}

/*left column----------------------*/
#leftcol{
	float:left;
	padding:25px 0;
	width:210px;
}
.headerimg{
	margin-bottom:-30px;
	position:relative;
	top:-40px;
}
a#newsheader{
	background:url('../images/newsheader.png') no-repeat;
	display:block;
	float:left;
	height:0;
	margin-right:15px;
	overflow:hidden;
	position:relative;
	padding-top:36px;
	top:20px;
	width:78px;
	z-index:10;
}

/*middle column----------------------*/
body#index #midcol{
	background:url('../images/midcolbottom.jpg') bottom #ecf4f7;
	float:left;
	margin-left:20px;
	padding:25px 20px 90px 20px;
	width:210px;
}
#midcol{
	background:#fff;
	float:left;
	margin-left:20px;
	padding:25px 20px 30px 20px;
	width:450px;
}
a#inareaheading{
	background:url('../images/inyourareaheader.png') no-repeat;
	display:block;
	float:left;
	height:0;
	margin-right:15px;
	overflow:hidden;
	position:relative;
	padding-top:36px;
	top:20px;
	width:133px;
	z-index:10;
}
/*events column----------------------*/
#eventscol{
	float:left;
	margin-left:22px;
	padding:25px 0;
	width:210px;
}
a#eventsheader{
	background:url('../images/eventsheader.png') no-repeat;
	display:block;
	float:left;
	height:0;
	margin-right:15px;
	overflow:hidden;
	position:relative;
	padding-top:36px;
	top:20px;
	width:94px;
	z-index:10;
}

/*right column----------------------*/
#rightcol{
	float:right;
	margin:-7px 9px 0 0;
	width:208px;
}
body#index a#new{
	background:url('../images/newbutton.jpg') no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding-top:58px;
	width:208px;
}
a#new{
	background:url('../images/newbutton.jpg') no-repeat;
	display:block;
	height:0;
	margin-bottom:10px;
	overflow:hidden;
	padding-top:58px;
	width:208px;
}
/*body#index a:hover#new{
	background:url('../images/newhover.jpg') no-repeat;
}
a:hover#new{
	background:url('../images/newhover.jpg') no-repeat;
}*/
#forumhead{
	background:url('../images/ataxiaforum.jpg') no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding-top:93px;
	width:208px;
}
#post{
	margin:5px 0 0 5px;
	width:200px;
}
#post h4{
	margin:3px 0;
}
h3#facebook{
	background:url('../images/faceboook.jpg') no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding-top:54px;
	width:208px;
}
#facebookapp{
	height:425px;
	margin:10px 0 0 0;
	padding:0;
	width: 205px;
}


/*FOOTER----------------------------------------- */
#footer{
	border-top:solid thin #7fb8c7;
	margin-bottom:20px;
}
#footer .content{
	background:url('../images/footertop.jpg') no-repeat;
	margin:0 auto;
	padding-top:15px;
	width:960px;
} 
#info{
	float:left;
	margin-bottom:20px;
	width:539px;
}
#logos{
	float:right;
	margin-top:2px;
	width:398px;
}
a.social_buttons{
	float: left;
	margin-left: 3px;
}

/*SUB PAGE----------------------------------------- */
/*sub nav----------------------*/
ul#subnav{
	background:#E9F3F6;
	margin:0;
	padding:0;	
}
ul#subnav li{
	border-bottom:solid 1px #10a1c6;
	list-style:none;
	padding:8px 0 6px 10px;
}
ul#subnav ul li{
	border-bottom:none;
	list-style:none;
	padding:5px 0;
}
ul#subnav li a.on{
	background:url('../images/subnavon.jpg') left no-repeat;
	padding-left:15px;
}
ul#subnav ul li a.on{
	background:none;
	padding-left:0;
}

ul#subnav ul li ul{
	margin: 10px 0 0 15px;
	padding: 0;
}
ul#subnav ul li ul li a{
    font-size: 0.6em;
    line-height: 1.4em;
    width: 100px;
}


/*events table----------------------*/
body#events #midcol h3{
	background:#E9F3F6;
	margin:10px 0;
	padding:10px 0 10px 10px;
}
table.data-table th{
	color:#000;
}
table#bookingtable strong{
	color:#000;
}
table#bookingtable td{
	border-bottom:1px solid #E9F3F6;
	padding:10px 0 10px 5px;
}
table#peopleattending{
	margin-top:15px;
}
table#peopleattending{
	border:2px solid #cccccc;
	margin-top:15px;
}
table#peopleattending th{
	border-left:1px solid #9FDEEC;
	border-right:1px solid #9FDEEC;
	padding:10px;
	text-align:left;
}
table#peopleattending tbody td{
	border-left:1px solid #9FDEEC;
	border-right:1px solid #9FDEEC;
	text-align:center;
	padding:0 10px 10px;
}

table th #tbheader {
	font-size:0.8em;
	font-weight:normal;
	text-align:left;
}

/*stop the clock feature----------------------*/
#stoptheclockfeature{
	background:url('/images/stopfeaturebg.gif') top left no-repeat;
}
#stoptheclockfeature h2{
	color:#12a3c8;
	font-size:1.6em;
	font-style:italic;
	margin-top:-10px;
}
#stoptheclockfeature img{
	float:left;
	margin:2px 5px 0 -16px;
}

/*Quicklinks Box----------------------*/
#homewidget{
	background: url('/images/quicklinksbg.gif') no-repeat;
    height: 175px;
    padding: 58px 20px 20px 21px;
    width: 167px;
}
#homewidget p{
	margin-bottom: 6px;
}
#homewidget a:hover{
	color: #424242;
	margin-left: 1px;
	text-decoration: none;
}