/*
	
	The Intrepid Volunteers Challenge
	Stylesheet
	
	Author: Bright Media
	www.brightmedia.co.nz
	
*/


body { 
	background-color: #FFF;
	margin: 0; padding: 0;
	
	text-align: center;
	color: #000;
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
}

a:link, a:visited, a:active {
	color: #a30c44;
}

a:hover {
	color: #d48625;
}

#footer a {
	color: #444;
}


/*
	LAYOUT 	//
*/

#home {
  width: 800px;
  margin: 0 auto; padding: 20px 0;
}

#page {
	width: 955px;
	margin: 0 auto; padding: 20px 0;
	text-align: left;
	
	/* Use a 14px base font size with a 18px line height */
	font-size: 0.88em;
	line-height: 1.13em;
}

#banner {
  width: 955px;
  height: 200px;
  margin: 0; padding: 0;
  position: relative;
}

#menu, #category {
	margin: 0; padding: 0;
}

#container { 
	width: 100%;
	margin: 0; padding: 0;
  background: #f6e697 url("images/content-bg.png") no-repeat top center;
	overflow: hidden;
} 

#left-column {
	width: 668px;
	float: left;
	margin: 0; padding: 10px 40px;
}

#right-column {
	width: 207px;
	float: right;
	margin: 0; padding: 0;
}

#footer { 
	width: 100%;
	clear: both;
	margin: 0; padding: 0 0 20px;
} 

#home #footer { 
	width: 750px;
	clear: both;
	margin: 0 auto; padding: 0 0 20px;
} 

.hiddenimg {
  display: none;
}


/*
	MENU 	//
*/

#nav {
	height: 82px;
	margin: 0; padding: 0;
	list-style: none;
	overflow: hidden;
}

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

#nav a {
	height: 0;
	display: block;
	float: left;
	
  border: none;
	margin: 0; padding: 82px 0 0;
	overflow: hidden;
	background: url("images/menu.png") no-repeat 0 0;
}

#nav .big  a { width: 101px; }
#nav .volu  a { width: 155px; background-position: -101px 0; }
#nav .holi a { width: 171px; background-position: -256px 0; }
#nav .netw a { width: 161px; background-position: -427px 0; }
#nav .good a { width: 367px; background-position: -588px 0; }

#nav .big a:hover, #nav .big a.selected { background-position: 0 -82px; }
#nav .volu a:hover, #nav .volu a.selected { width: 155px; background-position: -101px -82px; }
#nav .holi a:hover, #nav .holi a.selected { width: 171px; background-position: -256px -82px; }
#nav .netw a:hover, #nav .netw a.selected { width: 161px; background-position: -427px -82px; }
#nav .good a:hover, #nav .good a.selected { width: 367px; background-position: -588px -82px; }


/*
	CATEGORIES MENU 	//
*/

#category #topline {
  height: 44px;
	margin: 0; padding: 0;
	list-style: none;
	overflow: hidden;
}

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

#topline a {
	height: 0;
	display: block;
	float: left;
	
  border: none;
	margin: 0; padding: 44px 0 0;
	overflow: hidden;
	background: url("images/category-top.gif") no-repeat 0 0;
}

#topline a:hover, #nav a.selected {
	background-position: 0 -44px;
}

#topline .fam  a { width: 186px; }
#topline .int  a { width: 173px; background-position: -186px 0; }
#topline .sen a { width: 113px; background-position: -359px 0; }
#topline .art a { width: 115px; background-position: -472px 0; }
#topline .spo a { width: 114px; background-position: -587px 0; }
#topline .dif a { width: 254px; background-position: -701px 0; }

#topline .int a:hover, #nav .int a.selected { width: 173px; background-position: -186px -44px; }
#topline .sen a:hover, #nav .sen a.selected { width: 113px; background-position: -359px -44px; }
#topline .art a:hover, #nav .art a.selected { width: 115px; background-position: -472px -44px; }
#topline .spo a:hover, #nav .spo a.selected { width: 114px; background-position: -587px -44px; }
#topline .dif a:hover, #nav .dif a.selected { width: 254px; background-position: -701px -44px; }


#category #botline {
  height: 47px;
	margin: 0; padding: 0 0 5px;
	list-style: none;
	overflow: hidden;
}

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

#botline a {
	height: 0;
	display: block;
	float: left;
	
  border: none;
	margin: 0; padding: 47px 0 0;
	overflow: hidden;
	background: url("images/category-bot.gif") no-repeat 0 0;
}

#botline a:hover, #nav a.selected {
	background-position: 0 -47px;
}

#botline .hea  a { width: 226px; }
#botline .env  a { width: 252px; background-position: -226px 0; }
#botline .cor a { width: 477px; background-position: -478px 0; }

#botline .env a:hover, #nav .env a.selected { width: 252px; background-position: -226px -47px; }
#botline .cor a:hover, #nav .cor a.selected { width: 477px; background-position: -478px -47px; }



/*
	HEADER 	//
*/

div.scroll_image {
  position: absolute;
  left: 0;
  top: 0;
}
.scroll_banner {
  margin: 0; padding: 0;
} 


/*
	CONTAINER / CONTENT	//
*/

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

#container li {
	margin: 0; padding: 4px 16px;
	background: url("images/bullet.png") no-repeat 0 0.7em;
}

.small {
	font-size: 0.85em;
	line-height: 	1.5em;
}


/*
	RIGHT-HAND COLUMN	//
*/


/*
	FOOTER	//
*/

#footer p {
	font-size: 0.85em;
	line-height: 	1.5em;
}

#footer .left { margin: 0; padding: 8px 2px; float: left; }
#footer .right { margin: 0; padding: 8px 2px; float: right; }


/*
	FONTS	//
*/

body, caption, th, td, input, textarea, select, option, legend, fieldset {
	font-family: Cambria, Georgia, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}

blockquote {
  width: 430px;
  \width: 390px; 
  w\idth: 390px;

  float: right;
  padding: 10px 20px;
  background-color: #d48625;
  
	font-size: 1.2em;
	line-height: 1.3em;
  color: #FFF;
}

h1 {
	font-size: 2em;
	line-height: 1.3em;
	margin-top: 0;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.5em;
	line-height: 1.3em;
	margin-top: 0.667em;
	margin-bottom: 0.667em;
}

h3 {
	font-size: 1.3em;
	line-height: 1.0em;
	margin-top: 0.909em;
	margin-bottom: 0.667em;
}

h4, h5, h6 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: 0.909em;
	margin-bottom: 0.909em;
}

p, ul, ol, dl, pre, table, fieldset {
	margin: 1em 0;
}

ul, ol {
	margin-left: 0;
	padding-left: 1.4em;
}

li {
	margin: 0;
	padding: 0;
}

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

img {
	border: 0;
}

hr {
	height: 1px;
	border: 1px solid #c1c1c1;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 1em 0;
	padding: 0.5em;
}

table {
	border-collapse: collapse;
}

th, thead th, tbody th {
	text-align: center;
	padding-right: 0;
	border-bottom: none;
}

tbody {
	border-top: none;
}