/* -----------------------------------------------------------------------------

Title : Headings Style Sheet
Version: 1.0
Author: Paulo Elias
Author URI: http://www.prkreative.com/

	This style sheet controls heading elements throughout the site.
	
	Techniques used to generate the headings were:
	- Cedherholm's Accessible Image-Tab Rollovers found at:
	< http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html >

Created : 2006.11.02
Modified : 2006.11.09

----------------------------------------------------------------------------- */
/* LOGO
----------------------------------------------------------------------------- */
h1#Branding
{
	position: absolute;
	top: 7px;
	left: 0;
	height: 83px;
	overflow: hidden;
}
	h1#Branding a
	{
		float: left;
		overflow: hidden;
		padding: 83px 0 0;
		width: 424px;
		height: 0px !important;
		height /**/:83px; /* for IE5/Win only */
		background: transparent url(../../../img/logo.gif) no-repeat top left;
	}
/* -----------------------------------------------------------------------------
	homepage "DOUBLE BOX" (News, Views)
----------------------------------------------------------------------------- */
	div#News h3
	{
		overflow: hidden;
		margin: 0;
		padding: 46px 0 0;
		width: 271px;
		height: 0px !important;
		height /**/:46px; /* for IE5/Win only */
		background: #fff url(../../../img/headings/news.gif) no-repeat top left;
	}
	div#Views h3
	{
		overflow: hidden;
		margin: 0;
		padding: 46px 0 0;
		width: 275px;
		height: 0px !important;
		height /**/:46px; /* for IE5/Win only */
		background: #fff url(../../../img/headings/views.gif) no-repeat top left;
	}
/*
		BOXES (Login, Newsletter)
----------------------------------------------------------------------------- */
div#Sidebar .box h3
{
	overflow: hidden;
	margin: 0;
	padding: 36px 0 0;
	width: 255px;
	height: 0px !important; 
	height /**/:36px; /* for IE5/Win only */
}
div#Sidebar .login h3
{
	background: #fff url(../../../img/headings/member-login.gif) no-repeat top left;
}
div#Sidebar .newsletter h3
{
	background: #fff url(../../../img/headings/announcements.gif) no-repeat top left;
}
/*		HEADER USED AS TOP DTD LOGO
----------------------------------------------------------------------------- */
div#Bodyprograms h3#Doors-to-Diplomacy
{
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 121px 0 0;
	width: 173px;
	height: 0px !important;
	height /**/:121px; /* for IE5/Win only */
	background: transparent url(../../../img/logo-d2d.gif) no-repeat top left;
}
/*		HEADER USED AS AT A GLANCE DIRECTORY LIST CAP
----------------------------------------------------------------------------- */
div#Bodyprograms div#rightnavbar h3#Directory
{
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 21px 0 0;
	border: none;
	width: 174px;
}
div#Bodyprograms  div#rightnavbar h3#Directory.AtAGlance
{
	height: 0px !important;
	height /**/:21px; /* for IE5/Win only */
	background: #fff url(../../../img/headings/at-a-glance-dir.gif) no-repeat top left;
}

div#Bodyprograms  div#rightnavbar h3#Directory.Articles
{
	height: 0px !important;
	height /**/:21px; /* for IE5/Win only */
	background: #fff url(../../../img/headings/articles.gif) no-repeat top left;
}

div#Bodyprograms  div#rightnavbar h3#Directory.collabtools
{
	height: 0px !important;
	height /**/:21px; /* for IE5/Win only */
	background: #fff url(../../../img/headings/collabtools.gif) no-repeat top left;
}

div#Bodyprograms  div#rightnavbar h3#Directory.collabresources
{
	height: 0px !important;
	height /**/:21px; /* for IE5/Win only */
	background: #fff url(../../../img/headings/collabresources.gif) no-repeat top left;
}

div#Bodyprograms  div#rightnavbar h3#Directory.doors,
div#Bodyprograms  div#rightnavbar h3#Directory.cyberfair
{
	height: 0px !important;
	height /**/:21px; /* for IE5/Win only */
	background: #fff url(../../../img/headings/doors-dir.gif) no-repeat top left;
}

div#Bodyprograms  div#rightnavbar h3#Directory.categories
{
	height: 0px !important;
	height /**/:21px; /* for IE5/Win only */
	background: #fff url(../../../img/headings/doorscategories.gif) no-repeat top left;
}

div#Bodyprograms  div#rightnavbar .normal
{
	height: 0px !important;
	height /**/:21px; /* for IE5/Win only */
	background: #fff url(../../../img/headings/at-a-glance-dir.gif) no-repeat top left;
}

/* -----------------------------------------------------------------------------
	H2's (We can probably consolidate these to share properties but that can
	get messy if we do not have all of the headings ready)
----------------------------------------------------------------------------- */
/*		HOME PAGE, Our Mission
----------------------------------------------------------------------------- */
div#Primary-Content h2#Mission
{
	float: left;
	overflow: hidden;
	padding: 15px 0 0;
	width: 107px;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win only */
	background: transparent url(../../../img/headings/our-mission.gif) no-repeat top left;
}
/*		ABOUT PAGE, About Global SchoolNet
----------------------------------------------------------------------------- */
body.subpage #Primary-Content h2#AboutGSN
{
	float: left;
	overflow: hidden;
	padding: 15px 0 0;
	width: 214px;
	height: 0px !important;
	height /**/:15px; /* for IE5/Win only */
	background: transparent url(../../../img/headings/about-global-schoolnet.gif) no-repeat top left;
}
/*		DTD MICICROSITE, Unlock the Doors to Diplomacy
----------------------------------------------------------------------------- */
div#Bodyprograms div#Primary-Content h2#UnlockD2D
{
	overflow: hidden;
	margin: 0.8em 0 0.1em;
	padding: 15px 0 0;
	width: 211px;
	height: 0px !important;
	height /**/:15px; /* for IE5/Win only */
	background: transparent url(../../../img/headings/unlock-the-doors.gif) no-repeat top left;
}
/*		DTD MICICROSITE, Overview & Vision
----------------------------------------------------------------------------- */
div#Bodyprograms div#Primary-Content h2#Overview
{
	overflow: hidden;
	margin: 0.8em 0 0.1em;
	padding: 12px 0 0;
	width: 128px;
	height: 0px !important;
	height /**/:12px; /* for IE5/Win only */
	background: transparent url(../../../img/headings/overview-vision.gif) no-repeat top left;
}