/*  # for id and . for class - I don't know why I can't remember 
	id should be for one occurence on a page 						*/

/* DOM */

body {
	width		: auto;
	background	: #FFF;
	font-family	: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
	a {
		text-decoration : none;
		color			: #900;
	}
	a:hover {
		color : #960;
		text-decoration	: underline;
	}

/* Branding: brandXxx */
div#brand {
	padding			: 5px 0;
	background		: #900; 
	text-align		: center;
	height			: 2.5em;
	border-bottom	: 2px solid #FC0;
	padding-right	: 46px;
}
	#brand h2 {
		color	: #FFF;
	}
	#brand img {
		border	: none;
	}
	#brand a:hover {
		border-bottom : 1px solid #FC0;
	}
/* Content: contentXxx */
div.contentAnnounce {
	color			: #000;
	border-top		: 1px dashed #FC0;
	border-bottom	: 1px solid #FC0;
	text-align		: center;
	font-style		: italic;
}
div#contentArticles {
	color			: #000;
	font-size		: large;
	left			: 140px;
	margin-top		: 1.5em;
	padding			: 0;
	position		: absolute;
	text-align		: left;
	width			: 650px;
}
div#contentCopy { 			/* Currently the very last item on the page */
	text-align	: center;
	font-size	: x-small;
	color		: #FC0;
	width		: 100%;
}
div#contentMain {
	width	: 100%;
	margin	: 0;
}
div.contentPromo {
	font-style		: italic;
	font-size		: small;
	line-height		: 90%;
	padding-bottom	: 7px;
	width			: auto;
}
	div.contentPromo a:link {
		margin			: 0.5em 0 0;
	}
	div.contentPromo a:hover {
		border-top		: groove #FC0;
		border-bottom	: groove #FC0;
		text-decoration	: underline;		
	}
	div.contentPromo img {
		margin	: 0.5em 0 0;
		border	: none;
	}
div#contentScore {
	position	: fixed;
	bottom	 	: -10px;
	left		: -20px;
}
div#contentSearch {
		float			: left;
		position		: relative;
		width			: 15em;
}
div#contentSearch h3 {
	text-align	: left;
	color		: #900;
}
div#contentStyle { 		/* Used as a placeholder to create the appearance of a left margin. 			*/
	margin	: 0; 		/* If contentStyle becomes visible, this makes sure it is below the SAGWA logo	*/
	float	: left;     /* Using a float left, float left, float right for the three main sections		*/
	width	: 120px;	/* Good width to offset the logo and get a little white space involved			*/
	color	: #FFF;		/* Makes the text invisible */
}
/* Navigation: navXxx */
div#navLasting {
	border-bottom	: 1px solid #fc0;
	line-height		: 2.0em;
	height			: 1.75em;
	left			: 140px;
	position		: absolute;
	text-align		: center;
	width			: auto;
}
	#navLasting a {
	}
	#navLasting ul {
		list-style	: none;
		margin		: 0;
		padding		: 0;
	}
	#navLasting li {
		float			: left;
		position		: relative;
		width			: 9em;
	}	
div#navLogin {
	text-align	: right;
	font-size	: small;
	background	: #FFF;
	color		: #999;
	height		: 1.5em;
}
div#navMain {
	border-left	: 1px dashed #fc0;
	margin-top	: 1.5em;	
	padding-left: 10px;
	position	: absolute;
	left		: 800px;
    width		: 200px;
    font-size	: 93%;
    line-height	: 200%;
	text-align	: center;
}
	#navMain li a {
		display			: block;
		padding			: 0.25em 0 0.25em 0.5em;
	}
	#navMain a:hover {
		color	: #900;
	}
	#navMain ul {
		margin		: 0;
		padding		: 5px 0;
		list-style	: none;
		width		: 200px;
		background	: #FFF;
		border		: 1px solid #FC0;
		color		: #000;
    }
	#navMain li {
		margin			: 0;
		position		: relative;
		list-style		: none;
    }
	#navMain li:hover {
		/* background	: #FC0; */
	}
	#navMain li.submenu {
		margin		: 0;
		background	: url(../i/note.gif) 1% 50% no-repeat;
		text-indent	: 7%;
	}
	#navMain ul li:hover {
		margin	: 0;
		display	: block;
	}
	#navMain ul ul {
		margin		: 0;
		position	: absolute;
		top			: 0;
		right		: 11.5em;
		display		: none;
	}
	#navMain ul.listLevel1 li.submenu:hover ul.listLevel2 {
		margin	: 0;
		display	: block;
	}
	#navMain ul.listLevel2 li.submenu:hover ul.listLevel3 {
		margin	: 0;
		display	: block;
	}	
	
div#navSecondary { /* List of links at the bottom of the page */
	margin				: 1.5em 0;
	text-align			: center;
	border-top			: 1px solid #900;
	width				: 100%;
}
	#navSecondary a:link {
		text-decoration	: none;
	}
	#navSecondary a:hover {
		text-decoration	: underline;
	}

div#navState {
} 
/* State as in state of being - navigation basics on topics, not specific pages */

/* Multimedia */
div.photoFloatLeft {
	float		: left;
	padding		: 7px;
	text-align	: left;
}
div.photoInline {
  padding : 7px;
 }
.photoIDLeft {
	position	: relative;
	bottom		: 0;
	font-style	: italic;
	font-size	: x-small;
	text-align	: center;
}
	
div.photoFloatRight {
	float		: right;
	padding		: 7px;
	text-align	: left;
}
div#mark_your_calendar {
	border-left : 3px groove #900;
	border-top  : 3px groove #900;
	text-align : center;
}
#mark_your_calendar h3{
	text-decoration : blink;
}