/* $Id: style.css,v 1.12 2007/08/08 05:34:34 brendon Exp $ */

BODY {
	background:#FFFFFF;
	margin:0;
	height:100%;
	width:100%;
	background: url(http://www.odyssey.org.nz/images/main_bg.jpg) repeat-x;\
	font-size: 11px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
	}

* img { behavior: url(http://www.odyssey.org.nz/iepngfix.htc) }

#intro BODY 
{
background: url(http://www.odyssey.org.nz/images/main_bg_intro.jpg) repeat-x;
}

BODY, TABLE {

	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
}

A{ color: #000000;}


INPUT,TEXTAREA {

	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
}

#homeHeading	{
width:987px; height:704px;
}
#homeHeading img	{
position:absolute;
}
#homeHeading h1	{
padding:20px;
font-size:15px; 
margin:0; 
text-align:center;
}
#homeHeading h1 a,
#homeHeading h1 a:visited	{
color:#fff;
}

h2
{
font-size: 11px;
margin: 8px 0px 0px;
padding:0;
}

.menu
{
	color: #000000;
	text-decoration: none;
}

.menu:hover
{
	color: #000000;
	text-decoration: underline;
}

.menuin
{
	color: #000000;
	text-decoration: none;
}

.menuin:hover
{
	color: #000000;
	text-decoration: underline;
}

.submenu
{
	color: #000000;
	margin-left: 25px;
	text-decoration: none;	
}

.submenu:hover
{
	color: #000000;
	margin-left: 25px;
	text-decoration: underline;
}

.submenuin
{
	color: #000000;
	font-weight:bold;
	margin-left: 25px;
	text-decoration: none;
}

.submenuin:hover
{
	color: #000000;	
	font-weight:bold;
	margin-left: 25px;
	text-decoration: underline;
}

/* secondary menu */

.smenu
{
	color: #000000;
	text-decoration: none;
}

.smenu:hover
{
	color: #000000;
	text-decoration: underline;
}

.smenuin
{
	color: #000000;
	text-decoration: none;
}

.smenuin:hover
{
	color: #000000;
	text-decoration: underline;
}

.ssubmenu
{
	color: #000000;
	margin-left: 25px;
	text-decoration: none;	
}

.ssubmenu:hover
{
	color: #000000;
	margin-left: 25px;
	text-decoration: underline;
}

.ssubmenuin
{
	color: #000000;
	font-weight:bold;
	margin-left: 25px;
	text-decoration: none;
}

.ssubmenuin:hover
{
	color: #000000;	
	font-weight:bold;
	margin-left: 25px;
	text-decoration: underline;
}

.topmenu1
{
	color:#000000;
	margin-left: 20px;
	color: #000000;
	text-decoration: none;
}

.topmenu1:hover
{
	margin-left: 20px;
	color: #000000;
	text-decoration: underline;
}

.topmenu
{
	color: #000000;
	text-decoration: none;
}

.topmenu:hover
{
	color: #000000;
	text-decoration: underline;
}

.search
{
	color: #000000;
	font-weight: bold;
}

.friendmenu
{
	padding-top: 10px;
	color: #000000;
	margin-right: 20px;
}

.printmenu
{
	padding-top: 10px;
	color: #000000;
}
.contentPageTitle
{
font-weight:bold;
color:#0083cb;
font-size:36px;
margin:0;
padding:0;
}
.textAndImagesTitle
{
font-weight:bold;
}
.pollName
{
font-weight:bold;
}
.pollChoiceName
{
font-weight:bold;
}
.pollChoiceDescription
{
}
.pollChoiceDescription p
{
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}
.pollVoteButton
{
background-color:#ff6600;
color:#ffffff;
border:none;
font-weight:bold;
width:100px;
cursor:pointer;
}
.pollChoiceRow
{
border-bottom:solid 1px #cccccc;
padding-bottom:15px;
padding-top:15px;
}
.newsletterError
{
font-weight:bold;
color:#ff0000;
}
.newsletterSuccess
{
font-weight:bold;
color:#009900;
}
.blogEntry {

	/*border-bottom:solid #999999 1px;	*/
}
.blogEntry HR {

	height:0.5px;
	color:#E3CBAF;
	background-color:#E3CBAF;
/*	background-color:#999999;*/
}
.blogDate
{
font-weight:bold;
}
.blogTitle
{
font-weight:bold;
}
.blogText
{
}

.forumName
{
font-weight:bold;
}
.forumColumnHeader
{
font-weight:bold;
border-bottom:solid #999999 1px;
padding:3px;
}
.forumColumnData1
{
border-bottom:solid #cccccc 1px;
padding:3px;
}
.forumColumnData2
{
border-bottom:solid #cccccc 1px;
padding:3px;
}
.forumViewSubject
{
font-weight:bold;
text-transform:uppercase;
}
.forumViewAuthorDate
{
}
.forumReplySubject
{
font-weight:bold;
}

.calendarOuterDay
{
background-color:#dddddd;
}
.calendarInnerDay
{
height:60px;
text-align:left;
}
.calendarEarDate
{
font-weight:bold;
color:#C54333;
}
.calendarHeader
{
background-color:#efefef;
text-align:center;
padding:4px;
}
.calendarDetailTitle
{
font-weight:bold;
margin:0 0 1em 0;
}
.calendarDetailDescription
{
	/*width:60%;

	margin:0 0 2em 0;
	border-bottom:1px solid #B3143A;
	padding-bottom:1em;*/
}
.calendarDetailImage
{
	border:solid 1px #000000;
	margin:0 1em 1em 0;
}
.calendarListDate
{
	font-weight:bold;
	color:#7d5848;
}
.calendarCurrentLink
{ 
	font-weight:bold;
}
.calendarBullets
{
	color:#ac9b8c;
}
.calendarTableBg {

	background-color:#F5EBE2;
}
.calendarHeaderDateLinks {

	text-align:center;
	border-bottom:1px solid #B3143A;
	padding-bottom:1em;
}
.calendarImageCell {
	padding:10px 0 0 10px;
	width:110px;
	text-align:center;
}
.calendarDateCell {
	padding:10px 0 0 10px;
	width:110px;
	vertical-align:top;

}
.calendarTitleCell{

	padding:10px 0 0 0;
	vertical-align:top;		
}
.categoryLinkHeader {

	text-align:center;
}
.categoryLinkText {

	text-align:center;

}
.login-msg {

	
	color:#900;
	font-style:italic;
	padding:10px 0 15px 0;
}
.msg {

	/* status and error */
	color:#900;
	font-style:italic;
	padding:5px 0 5px 0;
	text-align:center;
}

.faq-topic-header {font-weight:bold;}
.faq-question {color:#000000; font-weight:bold;}
.faq-answer {}


.testimonials1
{
width: 15px; height: 99px; 
}
.testimonialsphoto1
{
width: 68px; height: 99px; 
}
.testimonialsread1
{
width: 137px; height: 99px; padding: 8px;
}

.testimonials2
{
width: 13px; height: 19px; 
}
.testimonialsphoto2
{
width: 75px; height: 19px; 
}
.testimonialsread2
{
width: 137px; height: 19px; padding: 8px;
}

/* List of News title links for inserting into site pages */
.latestNewsComponent
{
/*BORDER-bottom: #CF2027 1px dotted;*/
text-decoration:none;
text-align: left;

}

.latestNewsComponent a
{
text-decoration:none;
text-align: left;
color: #0000ff;
}

.latestNewsComponent a:hover
{
text-decoration:underline;
text-align: left;
}



.emailFormLabel {font-weight:bold}

/* standard text input class */
.ftxt {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	width: 20em;
	border: 1px #0083cb solid;
color: #0083cb;
background: #FFFFFF;
font-size: 11px;
}

.ftxt2 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	width: 25em;
	border: 1px #0083cb solid;
color: #0083cb;
background: #FFFFFF;
font-size: 11px;
}
.ftxtarea {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	width: 20em;
	border: 1px #0083cb solid;
color: #0083cb;
background: #FFFFFF;
font-size: 11px;

}

.ftxtarea2 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	width: 25em;
	border: 1px #0083cb solid;
color: #0083cb;
background: #FFFFFF;
font-size: 11px;

}
.ftxtquery {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	width: 10em;
	border: 1px #0083cb solid;
color: #0083cb;
background: #FFFFFF;
font-size: 11px;
}

/* standard submit button */
.fsub {
width:8em;
border: 1px #0083cb solid;
color: #0083cb;
background: #FFFFFF;
font-size: 11px;
cursor: pointer;
}

.fsub:hover {
color: #FFFFFF;
background: #0083cb;
}

/* standard select list */
.fsel {width:15em;border: 1px #0083cb solid;
color: #0083cb;
background: #FFFFFF;
font-size: 11px;}


/* DIV For email form and the likes */
.buttonBar { 

	text-align: left;
	padding: 10px 0px 0px 97px;
}

/* container & elements of Contacts page */

.contactsIntro {

	width:400px;


}
.contactsRegionHeader {

	color:#999;
	font-weight:bold;
}

.contactsContactHeader {

	font-weight:bold;
	
}

/* container & elements of Latest News Page story */
.latestNews {
}
.latestNewsDate {

	font-style:normal;
	color:#999;
}
.latestNewsTitle {

	font-weight:bold;
	color: #004892;
	font-size:14px;
}

/* text of displayed story */
.latestNewsSource {
	margin-right:0;

}

/* listing of story 'Links' on News Release Page */
.latestNewssListing {  }

/* Items within latestNews sListing */)
.latestNewssListingItem {  }
.latestNewssListingItem A {text-decoration:underline;  }


.required { 
	color:#000000;
	font-weight:bold;
 }

.documentGroupFiles {

	padding:2em 0 2em 0;
	line-height:2.0em;

}
.documentGroupHeader {
/* only when there's a single group on display - instead of SELECT element */

	font-weight:bold;
}




/*------------------------------------------------------------------------*/
/*------- Odyssey Specific Styles ----------------------------------------*/
/*------------------------------------------------------------------------*/

/*------- Intro Page Styles  ----------------------------------------*/
#intro #container
{
margin-left:auto;
margin-right:auto;
width:987px;
text-align:left;
}

#intro #bgcontainer
{
width:987px;
float:left;
background: url(http://www.odyssey.org.nz/images/main_bg_intro.jpg) repeat-x;
position:relative;
}

/*------- General Styles  ----------------------------------------*/
#container
{
margin-left:auto;
margin-right:auto;
width:881px;
text-align:left;
}

#bgcontainer
{
width:881px;
float:left;
background: url(http://www.odyssey.org.nz/images/main_bg.jpg) repeat-x;
position:relative;
font-size: 11px;
}

/*------- Intro Page Styles ----------------------------------------*/

#enterButton a
{
position:absolute;
top: 470px;
left: 440px;
width: 104px;
height: 24px;
border: 1px #FFFFFF solid;
text-align:center;
color: #FFFFFF;
font-size:14px;
line-height: 24px;
text-decoration:none;
}

#enterButton a:hover
{
background: #265898;
}

/*------- Header Styles ----------------------------------------*/

#header
{
float:left;
width: 881px;
height: 175px;
}

#header img
{
float:left;
margin: 37px 0px 0px 0px;
}

#header p
{
width: 600px;
height: 30px;
float:left;
font-size: 10px;
color: #8bc0e0;
margin: 44px 0px 0px 0px;
padding: 0;
}

#header ul
{
float: left;
width: 500px;
height: 36px;
list-style: none;
margin: 0;
padding: 0;
}

#header ul li
{
float:left;
display: inline-block;
margin: 1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 35px;
border-right: 1px solid #3eb2e7;
}

#header ul li:hover
{
background: url(http://www.odyssey.org.nz/images/header_nav_bg_sel.jpg) repeat-x 0 0px;
}

#header ul li a
{
padding: 10px 15px;
text-decoration: none;
color:#FFFFFF;
font-weight: bold;
}

#header ul li a span
{
color: #FF0000;
}

#header ul li a img
{
border: none;
margin: 7px -7px 0px 15px;
padding: 0;
}

/*------- Main Content Area Styles ----------------------------------------*/

#navAndContent2sub
{
float:left;
width: 714px;
min-height: 428px;
background: url(http://www.odyssey.org.nz/images/content_bg_sub.jpg) 0 0px no-repeat;
}

#navAndContent2Youth
{
position: relative;
float:left;
width: 714px;
min-height: 428px;
background: url(http://www.odyssey.org.nz/images/youth_zone_bg.jpg) 0 0px no-repeat;
}

#navAndContentYouth
{
position: relative;
float:left;
width: 714px;
min-height: 428px;
background: url(http://www.odyssey.org.nz/images/youth_zone_bg_tile.jpg) 0 0px repeat-y;
}

#navAndContent2
{
position: relative;
float:left;
width: 714px;
min-height: 428px;
background: url(http://www.odyssey.org.nz/images/content_bg.jpg) 0 0px no-repeat;
}

#navAndContent
{
position: relative;
float:left;
width: 714px;
min-height: 428px;
background: url(http://www.odyssey.org.nz/images/content_bg_tile.jpg) 0 0px repeat-y;
}
	
	
	/*------- Navigation Styles ----------------------------------------*/
#aboutSubNav
{
float:left;
margin: 12px 0px 0px -22px;
}	

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

#aboutSubNav ul li
{
float: left;
display: inline-block;
line-height: 15px;
padding: 0px 25px 0px 25px;
color: #4e4e4e;
font-weight: bold;
border-right: 1px #6ea3c8 solid;
}	

#aboutSubNav ul #selected
{
color: #FFFFFF;
background: url(http://www.odyssey.org.nz/images/sub_nav_selected.jpg) repeat-x;
}

#aboutSubNav ul li a
{
text-decoration: none;
color: #4e4e4e;
}

#nav
	{
	float:left;
	width: 147px;

	min-height: 428px;
	}
	
	#nav ul 
	{
	float:left;
	list-style: none;
	margin: 4px 0px 4px 5px;
	padding: 0;
	}

		#nav #blue li
		{
		float:left;
		width: 121px;
		height: 35px;
		display: inline-block;
		background: url(http://www.odyssey.org.nz/images/left_nav_blue.png) top left no-repeat;
		text-align: center;
		margin: -2px 0px 0px 0px;
		}
	
		#nav #blue li a
		{
display: block;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration:none;
		padding: 10px 0px 10px 0px;
		}
		
		#nav #blue li a:hover
		{
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: underline;
		background: url(http://www.odyssey.org.nz/images/left_nav_grey.png) top left no-repeat;
		}
	
		#nav #green li
		{
		float:left;
		width: 121px;
		height: 35px;
		display: inline-block;
		background: url(http://www.odyssey.org.nz/images/left_nav_green.png) top left no-repeat;
		text-align: center;
		margin: -2px 0px 0px 0px;
		}
	
		#nav #green li a
		{
display: block;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration:none;
		padding: 10px 0px 10px 0px;
		}
		#nav #green .twoLine a
		{
display: block;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration:none;
		padding: 4px 0px 4px 0px;
		}
		
		#nav #green li a:hover
		{
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: underline;
		background: url(http://www.odyssey.org.nz/images/left_nav_grey.png) top left no-repeat;
		}
		
		#nav #purple li
		{
		float:left;
		width: 121px;
		height: 35px;
		display: inline-block;
		background: url(http://www.odyssey.org.nz/images/left_nav_purple.png) top left no-repeat;
		text-align: center;
		margin: -2px 0px 0px 0px;
		}
	
		#nav #purple li a
		{
display: block;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration:none;
		padding: 10px 0px 10px 0px;
		}
		
		#nav #purple li a:hover
		{
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: underline;
		background: url(http://www.odyssey.org.nz/images/left_nav_grey.png) top left no-repeat;
		}
		
		#nav #youthZone li
		{
		float:left;
		display: inline-block;
		margin: 0px 0px 0px 0px;
		}
	
		#nav #youthZone li a img
		{
		border: none;
		}
		
		#nav #soundZone li
		{
		float:left;
		display: inline-block;
		margin: 0px 0px 0px 0px;
		}
	
		#nav #soundZone li a img
		{
		border: none;
		}
		
		
		
	/*------- Content Styles ----------------------------------------*/
	
	#mainContent



	{
	float:left;
	width: 527px;
	min-height: 520px;
	padding: 45px 35px 25px 0px;
	}
	
	#youthZoneContent #mainContent
	{
	float:left;
	width: 527px;
	min-height: 390px;
	padding: 110px 35px 25px 0px;
	}
	
	#youthZoneContent #mainContent .contentPageTitle
	{
	font-weight:bold;
	color:#FFFFFF;
	font-size:36px;
	text-transform:lowercase;
	position: relative;
	left: 48px;
	}
	
/*------- Callout Styles ----------------------------------------*/
#calloutContent
{
float:right;
width: 165px;
margin: 20px 0px 0px 2px;
}

#subMenu #calloutContent
{
float:right;
width: 165px;
margin: 12px 0px 0px 2px;
}
	
	#calloutContent #news
	{
	min-height: 164px;
	background: #dee2f0;
	}
	
		#calloutContent #news h2
		{
		float: left;
		width: 157px;
		background: url(http://www.odyssey.org.nz/images/right_col_news_header.gif) top left no-repeat;
		padding: 3px 3px 3px 5px;
		margin: 0px 0px 7px 0px;
		font-size:10px;
		font-weight: bold;
		color:#FFFFFF;
		}
		
		#calloutContent #news .boxContent
		{
		background: #dee2f0;
		padding: 0px 7px 7px 7px;
		margin: 0px 0px 0px 0px;
		}
		
		#calloutContent #news .boxContent p
		{
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 3px 0px;
		}
	
	#calloutContent #stories
	{
	min-height: 164px;
	background: #dee2f0;
	}

		#calloutContent #stories h2
		{
		float: left;
		width: 157px;
		background: url(http://www.odyssey.org.nz/images/right_col_stories_header.gif) top left no-repeat;
		padding: 3px 3px 3px 5px;
		margin: 0px 0px 7px 0px;
		font-size:10px;
		font-weight: bold;
		color:#FFFFFF;
		}
			
		#calloutContent #stories .boxContent
		{
		background: #c2e1e8;
		padding: 0px 7px 7px 7px;
		margin: 0px 0px 0px 0px;
		}
		
		#calloutContent #stories .boxContent p
		{
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 3px 0px;
		}
	
	#calloutContent #videoPlayer
	{
	
	}
	
		#calloutContent #videoPlayer h2
		{
		float: left;
		width: 157px;
		background: url(http://www.odyssey.org.nz/images/right_col_video_header.gif) top left no-repeat;
		padding: 3px 3px 3px 5px;
		margin: 0;
		font-size:10px;
		font-weight: bold;
		color:#FFFFFF;
		}

#calloutContent #videoPlayer p
		{
font-size:11px;
		font-weight: bold;
		color:#004892;
margin: 0px 0px 0px 10px;
padding: 0;
		}


#calloutContent #videoPlayer p span
		{
font-size:10px;
		font-weight: bold;
		color:#525252;
text-transform: uppercase;
display: block;
margin: 7px 0px 0px 0px;
padding: 0px;
		}


#calloutContent #videoPlayer p span span
		{
		font-size:10px;
		font-weight: normal;
		color:#868686;
text-transform: lowercase;
display: block;
margin: -7px 0px 0px 0px;
padding: 0;
		}
	
/*------- Footer Styles ----------------------------------------*/

#footer
{
width: 652px;
float: right;
background: #FFFFFF;
text-align: right;
padding: 15px 0px 15px 0px;
border-top: 1px #bddeef solid;
color: #98a7b1;
}
	
#footer a
{
text-decoration: none;
color: #98a7b1;
}
	
#footer a:hover
{
text-decoration: underline;
}