/* 
clubhouse_screen.css
Copyright 2007 Focus on the Family
Version: 1.0
Created: 4/8/2007
 */
body {
background:#00B8D3;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

/* layout divs */
#container {
width:889px;
position:relative;
overflow: visible;
margin:0 auto;
margin-top:0;
}

#mastHead {
background:url(http://www.clubhousemagazine.com/images/backgrounds/mastbkg.png) 0 0 no-repeat;
margin:0;
padding: 0;
height:121px;
width:862px;
overflow:hidden;
position: relative;
}

#header {
overflow:hidden;
height:100px;
width:889px;
margin:0;
}

#wrapper {
width:889px;
background:url(http://www.clubhousemagazine.com/images/backgrounds/wrapperbackground.png) 75px 0 repeat-y;
margin: 0;
position: relative;
}

#editorialWell {
margin:0;
padding:0;
width:889px;
overflow:visible;
}

/*#subscribeBottom {
float:left;
margin:11px 0 0 0;
font-size:1px;
width:242px;
height:82px;
background:url(http://www.clubhousemagazine.com/images/backgrounds/subscribebottom.png) 0 0 no-repeat;
}*/

#subscribeBox {
	background: url(http://www.clubhousemagazine.com/images/siteelements/subscribe.png) 0 0 no-repeat;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 249px;
	height: 245px;
	left: -4px;
	top: -154px;
	z-index: 1;
	}

#navBar {
margin:0 0 0 90px;
height:21px;
width:780px;
padding:0;
overflow:hidden;
position: relative;
}

#footer {
color:#1C3E85;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
clear:both;
margin:5px 0 0;
text-align:center;
}

.clear {
clear:both;
height:1px;
margin:0;
font-size:1px;
}

img {
border:0;
}

#homeHdr {
width:563px;
height:207px;
margin:0;
padding:0;
float:left;
position:relative;
overflow:visible;
}

/*For SWF files only*/
.swfContainer {
position:relative;
left:40px;
}

.jokes {
left:10px;
}

/* header styles */
#header h1,#header h3 {
font-size:1px;
text-indent:-9999px;
margin:0;
}

#header h1 a,#header h3 a {
position:absolute;
display:block;
}

#header h1 a {
top:26px;
left:12px;
width:220px;
height:8px;
}

#header h3 a {
top:34px;
left:4px;
width:228px;
height:122px;
}

#clublogo {
position:absolute;
display:block;
top:0;
left:308px;
width:334px;
height:106px;
overflow:hidden;
background:url(http://www.clubhousemagazine.com/images/backgrounds/clublogo.png) 0 0 no-repeat;
}

#clublogo a {
	display: block;
	height: 100%;
	width: 100%;
	}

#header p {
position:absolute;
left:240px;
width:230px;
height:95px;
margin:0;
padding:5px 0 0 260px;
background:url(http://www.clubhousemagazine.com/images/backgrounds/subscribeBackground.png) 0 0 no-repeat;
}

a.subscribeButton {
	position:absolute;
	top:176px;
	left:52px;
	display:block;
	width:133px;
	height:31px;
	margin:0;
	text-indent:-9999px;
	background:url(http://www.clubhousemagazine.com/images/siteelements/subscribeButton.png) 0 0 no-repeat;
	outline:none;
	z-index: 1;
}

#search {
	position:absolute;
	left:728px;
	top:45px;
	width:160px;
	overflow:hidden;
}

#searchInput {
width:100px;
height:15px;
border:1px solid #842D8C;
padding:0;
font-size:10px;
float:left;
margin:7px 0 0;
}

#searchLabel {
font-weight:700;
color:#1C3E85;
font-size:12px;
display:block;
margin:0;
}

#searchButton {
float:left;
margin:3px 0 0 5px;
height:24px;
width:25px;
}

/* nav bar styles */
#navBar ul {
padding:0;
float:right;
margin:0;
overflow:hidden;
}

#navBar ul li {
display:inline;
margin:1px 0 0;
padding:0;
}

#navBar ul li a {
float:left;
padding:0;
margin:0;
}

a#navOne,a#navTwo,a#navThree,a#navFour,a#navFive,a#navSix,a#navSeven,a#navEight {
text-indent:-9999px;
height:21px;
background:url(http://www.clubhousemagazine.com/images/sprites/navLinks3.jpg) no-repeat;
position:relative;
overflow:hidden;
}

a#navOne {
width:45px;
background-position:0 0;
}

a#navTwo {
width:98px;
background-position:-43px 0;
}

a#navThree {
width:93px;
background-position:-138px 0;
}

a#navFour {
width:107px;
background-position:-228px 0;
}

a#navFive {
width:58px;
background-position:-332px 0;
}

a#navSix {
width:99px;
background-position:-386px 0;
}

a#navSeven {
width:56px;
background-position:-482px 0;
}

a#navEight {
width:71px;
background-position:-538px 0;
}

a:hover#navOne {
width:45px;
background-position:0 -21px;
}

a:hover#navTwo {
width:98px;
background-position:-43px -21px;
}

a:hover#navThree {
width:93px;
background-position:-138px -21px;
}


a:hover#navFour {
width:107px;
background-position:-228px -21px;
}

a:hover#navFive {
width:58px;
background-position:-332px -21px;
}

a:hover#navSix {
width:99px;
background-position:-386px -21px;
}

a:hover#navSeven {
width:56px;
background-position:-482px -21px;
}

a:hover#navEight {
width:71px;
background-position:-538px -21px;
}

a#navOne.selected {
width:45px;
background-position:0 -42px;
}

a#navTwo.selected {
width:98px;
background-position:-43px -42px;
}

a#navThree.selected {
width:93px;
background-position:-138px -42px;
}

a#navFour.selected {
width:107px;
background-position:-228px -42px;
}

a#navFive.selected {
width:58px;
background-position:-332px -42px;
}

a#navSix.selected {
width:99px;
background-position:-386px -42px;
}

a#navSeven.selected {
width:56px;
background-position:-482px -42px;
}

a#navEight.selected {
width:71px;
background-position:-538px -42px;
}

/* wrapper styles */
#wrapperBottom {
width:889px;
height:10px;
margin:0;
font-size:1px;
clear:both;
background:url(http://www.clubhousemagazine.com/images/backgrounds/wrapperbottomBackground.png) 75px 0 no-repeat;
}

/* footer styles */
#footer ul {
list-style:none;
padding:0;
margin:0;
}

#footer li {
display:inline;
padding:0 0 0 24px;
margin:0;
background:url(http://www.clubhousemagazine.com/images/siteelements/footerBullet.png) 0 0 no-repeat;
}

#footer li a {
color:#1C3E85;
text-decoration:none;
}

#footer li a:hover {
text-decoration:underline;
}

#footer li a:active {
text-decoration:underline;
color:#FFF;
}

#footer li.first {
background:none;
padding:0;
}

#footer li.last {
background:none;
display:block;
padding:0;
}

