/* id selectors use a #.  class selectors use a dot.  element selectors use the element. */
/* Avoid specifying both width and padding for the same element */

body	{	margin:0;border:0;padding:0;
		background-color:#fff;
		background-image: url('../images/swiss_family.jpg');
                background-repeat:no-repeat;
                background-position: center top;
		background-attachment:fixed;
		color:#000; 				/* Default font color */
		font-family:verdana, sans-serif;
		font-size: 12px;
}
.aura	{	margin: 0;border: 0;padding: 0;
		text-align: center;
		width: 100%;
		height: 100%;
}

/***************************************** SECTIONS *****************************************/


.head_wrap	{	text-align: center;
			width: 100%;
}
.head_fixed	{	text-align: left;
			margin:0 auto;
			width: 890px;
			height: 210px;
			background-image:url('../images/logo_treehouse.gif');
}

.body_wrap	{	text-align: center;
			margin: 0;
			border: 0;
			padding: 0;
			width: 100%;
}
.body_border	{	/*background-color:#ddc;*/
			margin: 0 auto; /* Center the body border in the body wrap */
			border-top:0;
			padding:5px 0;
			width: 890px;
			/*opacity:0.9;*/
			/*filter: alpha(opacity=90);*/
}
.body_fixed	{	text-align: left;
			margin: 0 auto; /* Center the body_fixed in the body_border */
			border: 0;
			padding: 10px;
			width: 880px;
			text-align:center;
			background:#cca url('../images/board.jpg') repeat;
			border:5px outset #663;
			/*opacity:0.9;*/
			/*filter: alpha(opacity=90);*/
}

.board		{	padding:10px;
			
			
}

img.size240	{	max-width:240px; max-height:180px;
			border: 5px inset #cca;
			margin:5px; }

img.size540	{	max-width:540px; max-height:405px;
			border: 5px inset #cca;
			margin:5px; }

img.size1080	{	max-width:540px; max-height:405px;
			border: 5px inset #cca;
			margin:5px; }

#popup80 {display:inline; width:80px; z-index:100;}
#popup80 a.p1, #popup80 a.p1:visited {width:80px; height:60px; text-decoration:none; top:0; left:0; border:0;}
#popup80 a .large {position:absolute; display:none;}
#popup80 a.p1:hover .large {display:block; position:absolute; top:0px; left:0px; width:1080px; height:810px; border:5px inset #cca;}

.small		{	font-size:11px; }
.large		{	font-size:14px; }

.error		{	padding:10px; color:#fff; background-color:#f33; text-align:center; font-weight:bold; }
.message	{	padding:10px; color:#fff; background-color:#3c6; text-align:center; font-weight:bold; }


/* Textarea width = 8px per col plus 17px */

input[type='text'],          input[type='password']		{	width:177px; }  /* textarea 20 */
input[type='text'].inp16,    input[type='password'].inp16	{	width:145px; }  /* textarea 16 */
input[type='text'].inp12,    input[type='password'].inp12	{	width:113px; }  /* textarea 12 */
input[type='text'].inp08,    input[type='password'].inp08	{	width:81px;  }  /* textarea  8 */
input[type='text'].inp06,    input[type='password'].inp06	{	width:65px;  }  /* textarea  6 */
input[type='text'].inp04,    input[type='password'].inp04	{	width:49px;  }  /* textarea  4 */
input[type='text'].inp02,    input[type='password'].inp02	{	width:33px;  }  /* textarea  2 */

input[type='text'].inp2x,    input[type='password'].inp2x	{	width:337px; }  /* textarea 40 */
input[type='text'].inp3x,    input[type='password'].inp3x	{	width:497px; }  /* textarea 60 */
input[type='text'].inp4x,    input[type='password'].inp4x	{	width:657px; }  /* textarea 80 */

select,       input[type='submit'],        input[type='button']		{	width:183px; }  /* textarea 20 */
select.inp16, input[type='submit'].inp16,  input[type='button'].inp16	{	width:151px; }  /* textarea 16 */
select.inp12, input[type='submit'].inp12,  input[type='button'].inp12	{	width:119px; }  /* textarea 12 Stage */
select.inp08, input[type='submit'].inp08,  input[type='button'].inp08	{	width:87px;  }  /* textarea  8 Search */
select.inp04, input[type='submit'].inp04,  input[type='button'].inp04	{	width:55px;  }  /* textarea  4 Go! */
select.inp02, input[type='submit'].inp02,  input[type='button'].inp02	{	width:39px;  }  /* textarea  2 Go! */

select.inp2x, input[type='submit'].inp2x,  input[type='button'].inp2x	{	width:343px;  } /* textarea  40 */

input[type='file'] {	width:400px;
}
input[type='checkbox'], input[type='radio'] {	/* vertical-align:middle; Looks better without any vertical-align at all?*/
						padding: 1px 2px 1px 0;
}

/***************************************** TABLES *****************************************/

td.l, th.l {		text-align:right;   }
td.r, th.r {		text-align:left;  }
td.c, th.c {		text-align:center; }


/***************************************** NAVBAR *****************************************/


.navbar_fixed	{	margin:5px 0;
			height: 25px; }

#navbar	{	margin: 0 auto;
		border: 0;
		padding: 0;
		height: 25px;
		width: 440px;
}
#navbar ul {	margin: 0px;
		padding: 0px;
		line-height: 25px;
		white-space: nowrap;
}

#navbar li {	list-style-type: none;
		display: block;
		float:left;
		margin:0 5px;
}

#navbar li a {		display:block;
			width:100px;
			text-indent:-9009px;
			background-image: url('../images/buttons.gif');
}

#navbar li#phase1 a       {	background-position: 0 -25px; }
#navbar li#phase1 a:hover {	background-position: 0 0; }

#navbar li#phase2 a       {	background-position: 0 -50px; }
#navbar li#phase2 a:hover {	background-position: 0 0px; }

#navbar li#phase3 a       {	background-position: 0 -75px; }
#navbar li#phase3 a:hover {	background-position: 0 0px; }

#navbar li#phase4 a       {	background-position: 0 -100px; }
#navbar li#phase4 a:hover {	background-position: 0 0px; }