/*-------- Begining of mostly-Eric-Meyer code (resumes below) -------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
}
/* ------------------------------------------------------------------ */
/* The body is the outermost container of visible page content. Setting properties for body helps w consistent styling of page & manageable CSS (via body, can set global properties, set bkgrd color of pg, & center display of pg content).*/
body {
  background-color: #EFECE2;
  color: #000;
  font-size: 100%; /*Sk- MUST keep body font-size in percentage, the rest in em. As per Rutter, 2007, iteration #5: 16×1=16px */
  line-height: 1.125em; /*Sk- As per Rutter, 2007, iteration #5: 16×1.125=18px */
  margin: 0 0 0 0; /* (top, right, bottom, left) */
  text-align: left; /* Centers the page content container in IE 5 browsers. */
}
/*-------- End of mostly-Eric-Meyer code (incl Rutter & Sk code too) -------*/

/*Sk-Paragraph style added by Sk, completely.-Sk*/
p {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0 0 0.761em 0;
	padding: 0 0 0 0;
	letter-spacing: -0.001em;
	line-height: 1.875em;
	color: #1C1F20;

}



/* Eric: h1 is commonly used to style page titles. */
h1 {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	color: #1C1F20;
	font-size: 1.4em;/*Sk rev of Sk (was 1.3745em)*/
	font-weight: bold;
	margin-bottom: 1.2em;
}
/* Eric: h2 is commonly used to style section titles. */
h2 {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	color: #1C1F20;
	font-size: 1em; /* Sk rev of Sk (was at least 1.2em) */
	font-weight: bold;
	margin-bottom: 0.761em;
	margin-top: 1.2657em;
}
h3 {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	color: #1C1F20;
	font-size: 1.0em; /* Sk ToDo: revise in keeping w/ now-smaller H1 & H2 */
	font-weight: bold;
	margin-top: 1em;
}
h4 {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	color: #1C1F20;
	font-size: 1em;  /* Sk ToDo: revise in keeping w/ now-smaller H1 & H2 */
	font-weight: bold;
	margin-top: 1em;
}
h5 {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	color: #1C1F20;
	font-size: 0.8em;  /* Sk ToDo: revise in keeping w/ now-smaller H1 & H2 */
	font-weight: bold;
	margin-top: 1em;
	line-height: 1.875em;
}
h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1C1F20;
	font-size: 0.8em;  /* Sk ToDo: revise in keeping w/ now-smaller H1 & H2 */
	font-weight: bold;
	margin-top: 1em;
	line-height: 1.875em;
	font-variant: small-caps;
}


/*----------------  Begin Default Link Styles  -----------------------*/

/* Sets the style for unvisited links. */
a,  a:link {color: #1C1F20;	text-decoration: underline;}/* Sk todo: change link color so links they stand out a bit more with the underline -- ie: they stand out more than just underlined, but less than if they were bold+underlined. */

/* Sets the style for visited links. */
a:visited {color: #1C1F20; text-decoration: underline;} /* Sk todo: change visited link style setting so it's at least a little different. Or maybe if I only change the active link setting, desc above, that'll be enough.*/

/* Sets the style for links on mouseover. */
a:hover {color: #990000; text-decoration: underline;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {color: #990000; text-decoration: underline;}

/*----------------  End Default Link Styles  -----------------------*/


/*----------------  Begin Link Styles for Main-Body-Paragraphs -----*/

#outerWrapper #contentWrapper #content #main-body-paragraphs a {
	color: #000099; 
	text-decoration: underline;
}
#outerWrapper #contentWrapper #content #main-body-paragraphs a:link {
	color: #000099; 
	text-decoration: underline;
}
#outerWrapper #contentWrapper #content #main-body-paragraphs a:visited {
	color: #660066; 
	text-decoration: underline;
}
#outerWrapper #contentWrapper #content #main-body-paragraphs a:hover {
	color: #990000; 
	text-decoration: underline;
}
#outerWrapper #contentWrapper #content #main-body-paragraphs a:active {
	color: #990000; 
	text-decoration: underline;
}

/*----------------  End Link Styles for Main-Body-Paragraphs -----*/


/*------------- Eric Meyer's Framework Begins Here (mostly) -------------*/

/* Eric: This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper {
	background-color: #FAFAFA; /* Sk- was #FCFCFC (VERY close to white) */
	margin: 0 auto 0 auto; /* (T,R,B,L) */
	max-width: 1200px; /* Sk setting. DLM: 100313, 1400px to 1200px.*/
	min-width: 710px; /* Sk- set & tested on 100313, w & wo min-width specified for the rt col too. Learned to AVOID min-width for the rt-column. It's unnec -- both tabbed navbar & jumpmenu break at about the same time -- and it actually makes to the rt-col way too wide by time the webpage is reduced to 710 -- even before that point, the rt-col looks to big if a min-width is set for it.*/
	width: 96%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}
#outerWrapper #header {
	background-color: #EFECE2;
	padding-top: 12px;
	padding-bottom: 0;
	margin-right: -11px;
	margin-left: -11px;
	padding-left: 10px;
	padding-right: 10px;
}
#outerWrapper #contentWrapper {
	overflow: hidden;
}
#outerWrapper #contentWrapper #rightColumn1 {
	background-color: #FAFAFA; /* Sk- was #FCFCFC (VERY close to white) */
	border-left: 1px solid #B2B2B2; /* Sets the left border properties for an element using shorthand notation */
	float: right;
	padding: 10px 16px 2000px 18px; /* (top, right, bottom, left) */
	width: 24%; /*Sk setting: 22%. And remember, do NOT set a 'min-width' for the rt-column. An outerWrapper min-width is all that's nec -- 710px works PERFECT for header's navbar tabs AND for rt-col's jumpmenu. Moreover, a rt-col min-width is actually counterproductive!*/
	margin-left: 2px;
	margin-bottom: -2000px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FAFAFA;
}
/* Eric: Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
	margin-top: 0px;
	margin-right: 30%;
	margin-left: 2%;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 30px;
	padding-bottom: 10px;
}
/* Eric: Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat {
	clear: right;
	display: block;
}
#outerWrapper #footer {
	background-color: #EFECE2;
	border-top: 1px solid #666666; /* Sets the top border properties for an element using shorthand notation */
	padding: 1.3em 5em;
	margin-right: -1px;
	margin-left: -1px;
	clear: both;
}
/*------------- Eric Meyer's Framework ENDS Here (mostly) -------------*/


/*---------------- Begin CwP Logo + Upper Header --------*/



#outerWrapper #header #HdrLogo #logo {
	position: relative;
	height: 34px;
	width: 267px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}


#outerWrapper #header #HeaderLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 0.75em;
	background-position: right top;
	float: right;
	padding-right: 8px;
	color: #000000;
	font-weight: bold;
}



/*---------------- End CwP Logo + Upper Header --------*/


/*---------------- Begin CSS Tabbed NavBar ----------*/

#navlist {
	padding: 4px 0;
	margin-left: 0;
	border-bottom: 1px solid #666666;
	font: bold 0.78em Verdana, Arial, Helvetica, sans-serif;
}

#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a {
        padding: 4px 0.5em;
        margin-left: 3px;
        border: 1px solid #666666;
        background: #C9CEDF;
        text-decoration: none;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #000; }

#navlist li a:hover {
        color: #FAFAFA;
        background: #8A95BA;
        border-color: #666666;
}

#navlist li a#current {
		color: #000;
        background: #FAFAFA;
        border-bottom: 1px solid #FAFAFA;
}
/*-------------- End CSS Tabbed NavBar --------------*/

/*----------- Begin Section Links Here [ie- secondary nav menu] -----------*/

#outerWrapper #contentWrapper #content #sl-wrap {
	background-color: #D6DAE6;
	margin-top: 8px;
	margin-bottom: 30px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-right: 15%;
	margin-left: 15%;
/*	font-family: Verdana, Arial, Helvetica, sans-serif; ~Sk: font-spec unnec here, I think */
	background-position: center;
	border: 1px solid #B2B2B2;
}

#outerWrapper #contentWrapper #content #sl-wrap #sl-inner-wrap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
#outerWrapper #contentWrapper #content #sl-wrap #sl-inner-wrap div {
	display: inline;
}

#outerWrapper #contentWrapper #content #sl-wrap #sl-inner-wrap div a {
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0.5em;
	padding-bottom: 2px;
	padding-left: 0.5em;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

#outerWrapper #contentWrapper #content #sl-wrap #sl-inner-wrap div a:hover {
	text-decoration: none;
	background-color: #8A95BA;
	color: #FAFAFA;
	padding-top: 2px;
	padding-right: 0.5em;
	padding-bottom: 2px;
	padding-left: 0.5em;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

#outerWrapper #contentWrapper #content #sl-wrap #sl-inner-wrap div #current {
	padding-top: 2px;
	padding-right: 0.5em;
	padding-bottom: 2px;
	padding-left: 0.5em;
	margin-right: 0.5em;
	margin-left: 0.5em;
	background-color: #D6DAE6;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px dotted #000000;
}

/*----------- End Section Links Here [ie- secondary nav menu] -----------*/


/*----------- "PRE-FOOTER" DIV BEGINS HERE  -----------*/

#outerWrapper #prefooter {
	background-color: #FAFAFA;
	height: 11px;
} /*Sk note: this 'prefooter' provides space at bottom so border btwn main col & rt col doesn't run flush against upper footer border. This way, bottom of col border matches top of col border & matches other internal borders (in that no internal borders or rules stop short of running the entire width or height of space given). See verbose css for long note on this & option of using 'prefooter' as pg-specific footer w/ content. See Citizen Media Law website for ex.*/

/*----------- "PRE-FOOTER" DIV ENDS HERE  -----------*/

/*----------- FOOTER BEGINS HERE  -----------*/

#outerWrapper #footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.2em;
	font-style: normal;
	text-align: center;
	color: #1C1F20;
}
#outerWrapper #footer a {
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
#outerWrapper #footer #footcon {
	text-decoration: none;
}
#outerWrapper #footer #footcon a {
	text-decoration: underline;
}
#outerWrapper #footer #footpay {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: center;
}


/*----------- RT COLUMN BEGINS HERE -----------*/

#outerWrapper #contentWrapper #rightColumn1 h2 {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #1C1F20;
	margin-bottom: 0.3125em;
	word-spacing: 0.1em;
	line-height: 1.25em;
	text-align: center;
	letter-spacing: -0.00em;
}
#outerWrapper #contentWrapper #rightColumn1 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.75em;
	color: #1C1F20;
	margin: 0 0 0.761em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B2B2B2;
	padding-bottom: 2em;
	padding-top: 1em;
}

#outerWrapper #contentWrapper #rightColumn1 #sidebar-contact-info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.25em;
	color: #1C1F20;
	border: 1px solid #CCCCCC;
	padding-top: 1em;
	padding-right: 4px;
	padding-bottom: 1.33em;
	padding-left: 4px;
	background-color: #F2F2F2;
	margin-top: 28px;
	margin-bottom: 8px;
	text-decoration: none;
	text-align: center;
}

#outerWrapper #contentWrapper #rightColumn1 #sidebar-contact-info a {
	text-decoration: underline;
}

#outerWrapper #contentWrapper #rightColumn1 #pgjumpmenu-form {
	background-color: #D6DAE6;
	margin-top: 8px;
	margin-bottom: 20px;
	border: 1px solid #B2B2B2;
	padding: 4px;
	text-align: center;
	text-decoration: none;
	color: #000000;
}
#outerWrapper #contentWrapper #rightColumn1 #pgjumpmenu-form select {
	text-align: left;
	background-position: center center;
	background-color: #F2F2F2;
	white-space: nowrap;
	border: 1px solid #B2B2B2;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.75em;
}

/*-----------  MYSTERY STUFF BEGINS HERE ----------*/



#outerWrapper #header #HdrLogo {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*----------- JUMP MENU BEGINS HERE ----------*/

/* Sk note: Important- Below are specs to style the list of options inside the drop-down jumpmenu. 
Do NOT use "padding" because it will fatten the height of the menu box itself -- and the vertical alignment 
of the default wording at the top of the listbox -- even when no hovering or clicking is done on or near the jumpmenu.*/

#outerWrapper #contentWrapper #rightColumn1 #pgjumpmenu-form #jm-home {
	margin-top: 6px;
	margin-bottom: 6px;
}

#outerWrapper #contentWrapper #rightColumn1 #pgjumpmenu-form #jm-for-emp {
	margin-bottom: 6px;
}

#outerWrapper #contentWrapper #rightColumn1 #pgjumpmenu-form #jm-from-ed {
	margin-top: 6px;
}

#outerWrapper #contentWrapper #rightColumn1 #pgjumpmenu-form #jm-faq {
	margin-top: 6px;
}
#outerWrapper #contentWrapper #rightColumn1 #pgjumpmenu-form #jm-pp {
	margin-top: 6px;
}
#outerWrapper #contentWrapper #rightColumn1 #pgjumpmenu-form #jm-sublogin {
	margin-top: 6px;
}
#outerWrapper #contentWrapper #rightColumn1 #pgjumpmenu-form #jm-listend {
	margin-bottom: 6px;
}
.dlm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size: 0.8em;
}