/*  -- AUTHOR: PITCH (pitch.net.nz) -----------------------------------------------------------  */
/*  -- MEDIUM: SCREEN -------------------------------------------------------------------------  */

/*  -- COLOUR CHART ---------------------------------------------------------------------------

	Link Colour:		#006C9E;
	Main Copy Text:		#000000;
	Blue Background:	#0093d3;
	Header:				#00A2E9;
	Header 4:			#7A982B;
	
/*  -- GENERAL --------------------------------------------------------------------------------  */

	html {
		height: 100%;
		}
		
	body {
		background: #FFF url(/_img/bg_background_layer1.gif) repeat-x 0 231px;
		color: #333;
		font-size: 12px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		}
		
	body#homepage {
		background: #FFF url(/_img/bg_background_layer1.gif) repeat-x 0 319px;
		}
		
	body#resources {
		background: #0093d3 url(/_img/bg_background_layer1.gif) repeat-x 0 725px;
		}
		
	a {
		color: #006C9E;
		text-decoration: none;
		}
	
	a:hover {
		color: #006C9E;
		text-decoration: underline;
		}
		
	h1 {
		color: #00A2E9;
		font-family: Georgia, serif;
		font-size: 25px;
		line-height: 32px;
		}
		
	h2 {
		color: #00A2E9;
		font-family: Georgia, serif;
		font-size: 25px;
		line-height: 32px;
		}
		
	h3 {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 10px;
		}
		
	h4 {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #7A982B;
		margin: 0 0 10px;
		}
		
	h5 {
		margin: 10px 0 0;
		}
		
		#resources h5 {
			font-weight: bold;
			}
			
			#resources h5 span {
				font-weight: normal;
				}
		
	p {
		margin: 0 0 1em;
		line-height: 18px;
		}
		
	strong {
		font-weight: bold;
		}
		
	em {
		font-style: italic;
		}
	
/*  -- MAINCONTAINER -------------------------------------------------------------------------  */
		
	#maincontainer {
		width: 900px;
		overflow: hidden;
		_height: 1%;
		padding: 54px 0 0;
		background: transparent;
		}
		
	body#resources #maincontainer {
		padding: 0px 0px 70px;
		background: #FFF url(/_img/bg_resourcespage.gif) no-repeat 115px 484px;
		width: 910px;
		height: 100%;
		}
		
	body#news #maincontainer {
		width: 1038px;
		}
		
	body#homepage #maincontainer {
		width: 1038px;
		}

/*  -- PAGE BACKGROUND -----------------------------------------------------------------------  */

	#pagebackground {
		background: url(/_img/bg_background_layer2b.gif) no-repeat 643px 0;
		width: 100%;
		_height: 1%;
		}
		
	#homepage #pagebackground {
		background: url(/_img/bg_background_layer2.gif) no-repeat 643px 0;
		width: 100%;
		}
		
	body#resources #pagebackground {
		background: url(/_img/bg_resourcesbody.gif) no-repeat 910px 15px;
		width: 100%;
		height: 100%;
		}

/*  -- HEADER --------------------------------------------------------------------------------  */
		
	h2#logo {
		background: url(/_img/h2_diabetesyouth.gif);
		display: block;
		width: 495px;
		height: 106px;
		padding: 0 0 0 34px;
		margin: 0 0 16px;
		}
		
		h2#logo a {
			display: block;
			width: 495px;
			height: 41px;
			text-indent: -9999px;
			}
			
	#resources h2#logo {
		background: url(/_img/bg_altstripes.gif) repeat-x 0 67px;
		height: 110px;
		width: 100%;
		margin-top: 33px;
		padding: 0px;
		display: block;
		}
		
		#resources h2#logo a {
			width: 259px;
			height: 110px;
			background: transparent url(/_img/logo_small.gif) no-repeat;
			}
			
/*  -- LEFT COLUMN ---------------------------------------------------------------------------  */

	#leftcolumn {
		float: left;
		width: 192px;
		padding: 0 33px 0 32px;
		background: #FFF;
		}
			
/*  -- NAVIGATION ----------------------------------------------------------------------------  */

	#navigation {
		padding: 0 0 20px;
		}
		
		#navigation li {
			margin: 0 0 5px;
			}
			
			#navigation a {
				display: block;
				background: url(/_img/bg_navigation.gif) no-repeat 0 0;
				width: 192px;
				height: 41px;
				text-indent: -9999px;
				}
				
			#navigation a.nav1 { /* Home */
				background-position: 0 0;
				}
				
				#navigation a.nav1:hover,
				#homepage #navigation li a.nav1 {
					background-position: -236px 0;
					}
				
			#navigation a.nav2 { /* Youth Conference */
				background-position: 0 -45px;
				}
				
				#navigation a.nav2:hover,
				#conference #navigation li a.nav2 {
					background-position: -236px -45px;
					}
				
			#navigation a.nav3 { /* About Diabetes */
				background-position: 0 -90px;
				}
				
				#navigation a.nav3:hover,
				#about #navigation li a.nav3 {
					background-position: -236px -90px;
					}
				
			#navigation a.nav4 { /* News */
				background-position: 0 -135px;
				}
				
				#navigation a.nav4:hover,
				#news #navigation li a.nav4 {
					background-position: -236px -135px;
					}
				
			#navigation a.nav5 { /* Camps and Events */
				background-position: 0 -180px;
				}
				
				#navigation a.nav5:hover,
				#events #navigation li a.nav5 {
					background-position: -236px -180px;
					}
				
			#navigation a.nav6 { /* Diabetes Youth Awards */
				background-position: 0 -225px;
				}
				
				#navigation a.nav6:hover,
				#awards #navigation li a.nav6 {
					background-position: -236px -225px;
					}
				
			#navigation a.nav7 { /* Links and Resources */
				background-position: 0 -270px;
				}
				
				#navigation a.nav7:hover,
				#links #navigation li a.nav7 {
					background-position: -236px -270px;
					}
				
			#navigation a.nav8 { /* Support Us */
				background-position: 0 -315px;
				}
				
				#navigation a.nav8:hover,
				#support #navigation li a.nav8 {
					background-position: -236px -315px;
					}
					
			#navigation a.nav9 { /* Contact Us */
				background-position: 0 -360px;
				}

				#navigation a.nav9:hover,
				#contact #navigation li a.nav9 {
					background-position: -236px -360px;
					}
					
		#navigation li.donateonline {
			margin: 10px 0 5px;
			}
			
			#navigation li.donateonline a {
				display: block;
				background: url(/_img/bg_donateonline.gif) no-repeat 0 0;
				width: 192px;
				height: 118px;
				}
				
				#navigation li.donateonline a:hover {
					background-position: 0 -123px;
					}
					
			#navigation ul {
				margin: 4px 16px 10px;
				}
					
				#navigation ul li {
					margin: 0px;
					}
					
				#navigation ul li.selected {
					font-weight: bold;
					}
				
					#navigation ul li a {
						display: inline;
						background: none;
						text-indent: 0px;
						line-height: 18px;
						height: auto;
						width: auto;
						}
					
/*  -- RIGHT COLUMN --------------------------------------------------------------------------  */

	#rightcolumn {
		float: left;
		width: 573px;
		padding: 0;
		background: transparent;
		}
		
	#homepage #rightcolumn {
		width: 713px;
		}
		
	#news #rightcolumn {
		width: 781px;
		}
		
/*  -- INTRO TEXT HEADER ---------------------------------------------------------------------  */

	.introtext {
		width: 380px;
		height: 52px;
		padding-top: 8px;
		}
		
	#homepage .introtext {
		height: 148px;
		padding-top: 0px;
		}
		
/*  -- CONTENT AREA CONTAINER ----------------------------------------------------------------  */
	
	#contentcontainer {
		float: left;
		width: 553px;
		padding: 0 20px 20px 0;
		margin: 24px 0 0;
		border-right: 1px dashed #c4c4c4;
		min-height: 400px;
		}
		
	#homepage #contentcontainer {
		width: 474px;
		min-height: auto;
		}
		
		#contentcontainer h1,
		#contentcontainer h2 {
			margin: 0 0 10px;
			}
		
		#contentcontainer h3 {
			
			}
			
		#contentcontainer h4 {
			margin: 10px 0 5px;
			display: block;
			overflow: hidden;
			_height: 1%;
			}
			
		#contentcontainer p {
			display: block;
			overflow: hidden;
			_height: 1%;
			}
			
			#contentcontainer p.notice {
				border: 7px solid #E0EAEE;
				padding: 3px;
				background: #E0EAEE;
				}
			
			 #contentcontainer p.newsintro {
				font-weight: bold;
				}
				
			#contentcontainer p p {
				display: inline;
				}
				
		#contentcontainer em.recdetail {
			display: block;
			margin-bottom: 10px;
			}
				
			#contentcontainer em.recdetail p {
				display: inline;
				}
			
		#contentcontainer span.caption {
			font-style: italic;
			display: block;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 11px;
			clear: both;
			}
			
		#contentcontainer ul {
			margin-bottom: 10px;
			}
			
			#contentcontainer ul li {
				list-style-type: disc;
				margin: 0 0 6px 16px;
				color: #7A982B;
				}
				
		#contentcontainer ol {
			margin-bottom: 10px;
			}

			#contentcontainer ol li {
				list-style-type: lower-alpha;
				margin: 0 0 6px 20px;
				}
				
		#contentcontainer hr {
			border: 0;
			border-top: 1px solid #E0EAEE;
			margin: 15px 0;
			clear: both;
			}
			
		#contentcontainer span.backtotop {
			display: block;
			background: url(/_img/sq_eoeaee.gif) repeat-x center center;
			overflow: hidden;
			_height: 1%;
			font-size: 11px;
			margin: 15px 0;
			clear: both;
			}
			
			#contentcontainer span.backtotop a {
				float: right;
				display: block;
				background: #FFF url(/_img/bg_backtotop.gif) no-repeat 10px 3px;
				padding-left: 20px;
				width: auto;
				}
			
		#contentcontainer img {
			float: left;
			margin: 0 10px 10px 0;
			padding: 1px;
			background: #FFF;
			border: 7px solid #E0EAEE;
			}
				
/*  -- ENTITLED BOX --------------------------------------------------------------------------  */

	 #entitledlist {
		float: left;
		}
	
	a#entitledbtn {
		background: #000 url(/_img/bg_entitled.gif) no-repeat 0 0;
		display: block;
		width: 175px;
		height: 65px;
		float: right;
		text-indent: -9999px;
		margin-bottom: 16px;
		}
		
		a#entitledbtn:hover {
			background-position: 0 -85px;
			}
		
/*  -- SPONSOR AREA CONTAINER ----------------------------------------------------------------  */
		
	#sponsorcontainer {
		padding: 24px 0 0 27px;
		_padding: 24px 0 0 24px;
		width: 190px;
		float: left;
		font-weight: bold;
		}
		
		#sponsorcontainer h2 {
			margin-bottom: 10px;
			}
		
		#sponsorcontainer a {
			margin: 20px 0 0;
			display: block;
			width: 174px;
			text-align: center;
			}
			
		#sponsorcontainer a.rss {
			display: inline-block;
			text-align: left;
			background: url(/_img/bg_rsslink.gif) no-repeat 0 0;
			padding-left: 20px;
			margin-bottom: 8px;
			font-weight: normal;
			}
			
		#sponsorcontainer a.more {
			margin: 0 0 0 20px;
			display: inline-block;
			font-weight: normal;
			text-align: left;
			}
			
		#sponsorcontainer hr {
			border: 0;
			border-top: 1px solid #E0EAEE;
			margin: 15px 0;
			clear: both;
			}
			
		#sponsorcontainer .newslist {
			font-weight: normal;
			text-align: left;
			margin-bottom: 0px;
			}
			
			#sponsorcontainer .newslist li {
				list-style-type: disc;
				margin: 0 0 8px 20px;
				color: #7A982B;
				}
				
				#sponsorcontainer .newslist a {
					display: inline;
					}
					
/*  -- RIGHT BOX CONTAINER -------------------------------------------------------------------  */
	
	#rightboxcol {
		width: 180px;
		float: left;
		font-weight: bold;
		background: #e0e9ee url(/_img/bg_rightbox_top.gif) no-repeat 0 0;
		margin: 24px 0 0 27px;
		}
		
		#rightboxcol strong {
			padding: 10px 10px 0;
			display: block;
			}
		
		#rightboxcol ul {
			font-weight: normal;
			margin: 0px;
			padding: 0 10px 10px;
			border-bottom: 2px solid #FFF;
			}
			
		#rightboxcol .rightboxinner_last {
			background: #e0e9ee url(/_img/bg_rightbox_btm.gif) no-repeat bottom left;
			margin-bottom: 0px;
			padding: 10px;
			}
			
		#rightboxcol a.rss {
			display: inline-block;
			text-align: left;
			background: url(/_img/bg_rsslink.gif) no-repeat 0 0;
			padding-left: 20px;
			font-weight: normal;
			}
			
		#rightboxcol ul li {
			line-height: 16px;
			margin-top: 3px;
			}
	
/*  -- RESOURCES PAGE ------------------------------------------------------------------------  */
	
	#resources_1 {
		float: left;
		margin: 0 0 20px;
		padding: 0 25px 20px 90px;
		width: 245px;
		}
		
	#resources_2 {
		float: left;
		width: 197px;
		padding: 0 25px 20px;
		margin: 0 0 20px;
		border-left: 1px dashed #c4c4c4;
		border-right: 1px dashed #c4c4c4;
		} 
		
	#resources_3 {
		float: left;
		width: 220px;
		padding: 0 25px 20px;
		margin: 0 0 20px;
		}
	
/*  -- FOOTER --------------------------------------------------------------------------------  */

	#footer {
		clear: both;
		border-top: 6px solid #e0eaee;
		margin: 30px 0 0;
		padding: 30px 0 30px 30px;
		font-size: 12px;
		}
		
		#footer ul {
			
			}
			
			#footer li {
				display: inline;
				color: #999;
				letter-spacing: 3px;
				}
				
				#footer a {
					color: #333;
					letter-spacing: normal;
					text-decoration: none;
					}
					
					#footer a:hover {
						color: #006C9E;
						text-decoration: underline;
						}