/*
********************************************************************************
 GENERIC DESCRIPTORS  ---  GENERIC DESCRIPTORS  ---  GENERIC DESCRIPTORS
********************************************************************************
*/

em /* Generic descriptor */
	{font-style: italic;
}

strong /* Generic descriptor */
	{font-weight: bold;
}

/* END GENERIC DESCRIPTORS
------------------------------------------------------------------------------*/
	

/* HEADERS */	
h1, h2, h3 {
	text-align: center;
}

/*
********************************************************************************
LOGO & HEADER FOR EACH DOCUMENT PAGE  ---  LOGO & HEADER FOR EACH DOCUMENT PAGE  
********************************************************************************
*/
body {
	margin: 0;
	padding: 0;
	color: black;
	background-color: white;
	font-family: Times, "Times New Roman", serif;
	font-weight: normal;
	font-size: 1em;
}


	
div#container {
	/* wrapped around the entire page's content */			
	margin: 0;
	padding: 0;
}

div#header {
	/* for the Estrellita header across the top of the page */
	margin: 0;
	padding: 1em;
	background-color: #008; /*navy*/
	}
	
img#logo {
	/*float: left;
	NOTE: This rule does NOT work here. It has to be placed within the IMG tag. Why?
	*/
	width="162" height="150";
	padding-right: .5em; /*keeps the text from coming up right against the logo */
}

div#header h1 {
	/* for the Estrellita header across the top of the page */
	margin: 0;
	font-size: 2em;
	font-style: italic;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: red;
}

div#header h1 span {
	/* Makes "Accelerated Beg. Sp. Rding." smaller than "ESTRELLITA" */
	font-size: .8em; /* inherited from #header h1, so is actually .8 x 2ems = 1.6 ems */
}

/*The following keeps the link states in the Estrellita h1 the same color as the specified font*/
div#header h1 a {
	color:red;
}

img#bridging {
	margin: 1em 0 .3em 0em;
	/* puts a margin around the top and bottom image holding the briding the gap img */
}
/* END LOGO & HEADER FOR EACH DOCUMENT PAGE
------------------------------------------------------------------------------*/

/*
********************************************************************************
LINED HEADER (PAGE TITLE) FOR ALL PAGES EXCEPT HOME PAGE
********************************************************************************
*/
div#linedHeader {
	/*Pertains to pages that have a line above and below the h1 page title, such as the General Info page*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-top: 2em;
	margin-bottom: 2em;
	background: yellow;
}

div#linedHeader h2 {
	font-size: 2em;
	font-style: bold;
	margin-top: 0;
	margin-bottom: 0;
}

/*hr above and below h1 */
div#linedHeader hr {	
	border: solid .1em #f00; /*Red*/	
}
/* END LINED HEADER (PAGE TITLE) FOR ALL PAGES EXCEPT HOME PAGE
------------------------------------------------------------------------------*/


/*
********************************************************************************
LEFTNAV *** LEFTNAV *** LEFTNAV *** LEFTNAV *** LEFTNAV *** LEFTNAV *** LEFTNAV
********************************************************************************
*/
div#leftNav {
	float: left;
	margin-left: 0em;
	margin-bottom: 2em;
	color: black;
	font-family: sans-serif;
	font-size: .8em;
	background-color: #f0ffff; /*Azure*/
	width: 25%;
	border: .5em #a5b5c6 groove;
}

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

div#leftNav ul li {
	/*This styles the list items in the 1st level ul*/
	/*border-top creates a top border on each list item to use as a separater*/
	/*display:block turns the li into a block element so that when you select the link, only the text is highlighted, not the whole line*/	
	border-top: .2em #a5b5c6 solid;
	display: block;
	font-weight: bold;
	padding: .1em .5em;
}

div#leftNav ul li p {
	/*This styles the paragraph within the list item so that the text is smaller. */
	font-size: .75em;
	font-weight: normal;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
	

div#leftNav ul li ul li {
	/*This styles the list items in the 2nd-level ul. Since these are indented items under a general heading, I didn't want them separated by lines, so I removed the top line */
	border-top: none;
	padding-left: 2em;
	font-style: italic;
	font-weight: normal;
}

div#leftNav a {
	text-decoration: none;
}

div#leftNav a:link {
	color: #0a51a1; /*same blue as star drop shadow*/
	}


div#leftNav a:hover {
	background-color: #0a51a1;
	color: #eee;
}
/* END LEFTNAV
------------------------------------------------------------------------------*/

/*
********************************************************************************
CONTENT *** CONTENT *** CONTENT *** CONTENT *** CONTENT *** CONTENT *** CONTENT
********************************************************************************
*/
	div#content {
		margin-left: 25%; /*Sets the left margin to the same % as the leftNav right margin. Individual content block margins are controlled below within their divs. Setting the margin keeps the content from flowing underneath the left nav*/
		padding-left: 1em; /* Moves the content away from the menu - used for all pages except home pg which has individual content divs and uses a 1em margin */
		padding-right: 1em;
	}

div#content h3 {
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: .5em;
}

	div#content p {
		margin-top: .5em;
		margin-bottom: 1em;
		line-height: 1.5em;
	}
	
	div#content ul {
	margin-top: 0;
		/*This gets rid of the ul's top margin so that it comes directly under the paragraph. I embedded a style of "margin-bottom: 0" in the html paragraph in order to override the rule above that sets each bottom margin in the paragraph in this div to 1em.*/
	}
	
	div#content li {
	line-height: 1.5em;
	}

/* END CONTENT
------------------------------------------------------------------------------*/

/* FOOTER */
	div#footer {
		margin-bottom: 1em;
		font-size: 1.2em;
		text-align: center;
	}
	

/*
********************************************************************************
 HOME PAGE --- HOME PAGE --- HOME PAGE --- HOME PAGE --- HOME PAGE --- HOME PAGE
********************************************************************************
	    Each div is assigned a unique ID as follows:
	"container" (wrapped around the entire page's content)
	"header" (for the Estrellita header across the top of the page)
	"listenMsg" (Estrellita Welcome Message)
	"leftNav" (for the left column)
	"content" (for the main content)
	"contentNews" (for current news; within "content" div)
	"contentInfo" (info on Estrellita; within "content" div)
	"warning" (what Estrellita IS and is NOT)
	"footer" (for the footer across the bottom of the page; contains "address" element)
********************************************************************************
*/

body#bkgrndImg_HomePg {
background-image: url(images/jenstar.gif);
/*This places the background star image only on the home page*/
}
			
div#listenMsg {
	/* Estrellita Welcome Message */
	clear: left; /*This causes the listenMsg to be forced under the floated logo*/
	background-color: #c0c0c0; /*silver*/
	margin: 3em;
	padding-top: .1em;
	padding-bottom: .2em;
	border: .15em red solid;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

div#listenMsg img { vertical-align: bottom; }
/* Aligns bottom of image with lowest element on the line, which is the text in this case) */

div#listenMsg span { font-size:.8em; }
/*Applies a smaller size to the "File size" text*/

div#contentNews {
	background: url(images/tanback.jpg);
	margin: 0em 1em 1.2em 1em;
	padding: 1em;
}

div#contentNews h2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #330;
	margin-bottom: 0; /* No space after h2 in order for the hr to be closer to bottom of h2 */
}

div#contentNews hr {
	margin-top: 0; /* No space before hr so that it will be closer to the h2*/
	border: .1em solid #B8860B; /*DarkGoldenRod*/
}

div#contentNews h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	background-color: #B8860B;  /*DarkGoldenRod*/
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0;
}
	
div#contentInfo {
	background: url(images/clouds.jpg);
	margin: 0em 1em 1.2em 1em;
	padding: 1em;
}

div#contentInfo h2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #8B0000; /*Dark Red*/
	margin-bottom: 0; /* No space after h2 in order for the hr to be closer to bottom of h2 */
}

	div#contentInfo hr {
	margin-top: 0; /* No space before hr so that it will be closer to the h2*/
	border: .1em solid #0000FF; /*Blue*/
}

div#contentInfo h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #fff; /*white*/
	background-color: #0000FF;  /*Blue*/
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0;
}

div#warning {
	clear: left; /*clears the warning div so that it's forced _under_ the leftNav*/
	background-color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9em;
	color: #fff;
	font-weight: bold;
	margin: 2em;
	padding: .5em;
	border: .5em white solid;
}


div#warning a {
	color: #c0c0c0; /*silver*/
}
	
div#footer_HomePg {
	background-color: #c0c0c0; /*silver*/
	margin-bottom: 1em;
	padding-top: .2em;
}

div#footer_HomePg address {
	text-align: center;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 0;
}

div#footer_HomePg address hr {
	margin-top: 0;
}

		
/*
********************************************************************************
GENERAL INFO --- GENERAL INFO --- GENERAL INFO --- GENERAL INFO --- GENERAL INFO
********************************************************************************	
*/

body#generalInfo {
	background-color: #70db93;
	/*This places this background color only on the "General Info" page*/
}


/*
********************************************************************************
INSERVICES  ---  INSERVICES  ---  INSERVICES  ---  INSERVICES  ---  INSERVICES
********************************************************************************	
*/
	
/* Defines the paragraph that describes this page */
p#pgDesc {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	margin-top: 3em;
	margin-left: 2em;
}

/* CONTENTINSERVICES -- I moved the whole "content" section above down here and renamed it "contentInservices." This was necessary because the font-size set for #content h3 was overriding my confBox h3. I also made a few other changes. */
div#contentInservices {
	margin-left: 30%; /*Sets the left margin to 30%: to accomodate the leftNav right margin (25%) plus an additional 5% for the conference box border. Setting the margin keeps the content from flowing underneath the left nav*/
	padding-left: 1em; /* Moves the content away from the menu */
	padding-right: 1em;
}

div#contentInservices p {
	margin-top: .2em;
	margin-bottom: .2em;
	line-height: 1.2em;
}

div#contentInservices ul {
	margin-top: 0;
	/*This gets rid of the ul's top margin so that it comes directly under the heading. I included a style of "margin-bottom: .2em" in the h4's (presentation titles) to further control the spacing between the h4 and the following ul. */
}

div#contentInservices li {
line-height: 1.5em;
}
	

/*The following "confBox" class defines the box around each conference or workshop div. */
.confBox {
	margin-bottom: 2em;
	border: groove .5em red;
	padding: 1em 1em 0em 1em;
	/*leaves no padding on the bottom so booth # is closer to the botoom border.*/
	background-color: aqua;
}

.confBox h3 {
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: .2em;
	margin-bottom: 0;
}

.confBox h4 {
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin-bottom: .2em;
}

.boothInfo {
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 1em;
}

/*
********************************************************************************
  CATALOG REQUEST --- CATALOG REQUEST --- CATALOG REQUEST --- CATALOG REQUEST
********************************************************************************	
*/
fieldset {
margin-top: 2em;
}

legend {
font-weight: bold;
}