/* 
DEPRECATED.

CSS is now dynamically built. Use plum-css.cfm. 3/10/2010.


CSS Reset by Yahoo - http://developer.yahoo.com/yui/reset/ - 10/28/2009 
The theory is this block sets a common base amoung most browsers. Then define the desired settings later.
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	/* border-collapse:collapse; 11/5/2009 */
	border-collapse: separate;
	border-spacing:0;
}
fieldset, img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}


/*
ol, ul {
	list-style:none;
}
*/
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
/* // CSS Reset */




html, body  {
	margin:0px;	
	height: 100%;	
}

/* font */
body, textarea, input, select, td, p, a, a:active, a:hover, a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}


body {	color: black; 
		background: white url(/img/plum-conversation.jpg); 
		background-repeat: repeat;
		font-size:10pt; 
		text-align: justify; 
		line-height: 130%;}

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

ol, ul, li {
	margin-left: 15px;
}

a, a:active, a:hover, a:visited {
	color: #4516b7; text-decoration: none; 
	font-size:12px 
}

a:active	{color: #404040;}
a:hover		{color: #C0C0C0;}

textarea, input, select {font-size:12px}

td {
	font-size:10pt; text-align:left; 
}

p {
	font-size:10pt; 
	line-height: 140%; 
	margin-top:4px; margin-bottom:16px;
	text-align: justify;
}

/* for footers and stuff */
.smaller, .smaller a, .smaller p {
	font-size: 8pt; 
}

.light, .light a, .light p {
	color: darkgray;
}

.thin {
	border: 1px solid #dddddd;
}

/* for on screen confirmation messages */
.user_msg {
	font-size: 13pt; color: red;
}

/* highlight box, originally for qolo complete message, but used elsewhere */
.note_blue {
	font-size: 11pt; 
	color: black;
	padding:10px;
	border: 1px solid lightgrey;
	background-color: #c1ecfa;
	text-align:center;	
	line-height:140%;
	
}

.note_blue a {
	font-size: 11pt; 
}

/* strict mode removes the align attrib? */
.r { text-align:right; }
.l { text-align:left; }
.c { text-align:center;}
.j { text-align:justify;}


.hanging-indent { /* used for survey render -- actually, it's inline on dsp_survey */
	text-indent: -25px;
	padding-left: 25px; /* another site suggests margin-left ... */
}


li, ol	{ margin-top:4px; margin-bottom:4px; line-height:140%}

h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px;
	padding: 0px;
	clear: none;
	display:block;
	font-weight:normal; /* added 20090218 */

}

h1, h1.h1sifr {
	font-size: 25px;
	line-height: 30px;
}


h2, h2.h2sifr { 
	font-size: 23px;
	line-height: 27px;
}

h2.h2sifrgreen { 
	font-size: 23px;
	line-height: 27px;
}


h3 { 
	font-size:14pt; line-height: 110%; margin-bottom:8px; margin-top:5px; 
}

h3.h3sifrgreen { 
	font-size: 19px;
	line-height: 23px;
	font-family: Arial;
}

h3.h3sifr { 
	font-size: 19px;
	line-height: 23px;
	font-family: Arial;
}

.bold2sifr { 
	font-size: 18px;
}

/* sIFR CSS stuff moved to \media\sifr.css */

/* a table with horizontal lines. added childs 11/28/2007 */
table.tableGrey {
	border: 1px solid #dddddd;
	border-collapse: collapse;
}

table.tableGrey td, table.tableGrey th, td.tableGrey {
	border: 1px solid #dddddd;
	margin: 2px;
}


.tdborder	{border: 1px solid #000000; }

div.greyLine { width:1px; height: 90%; background-color: #efefef; border: 0px;}

/* .upperTable = topmost table - encapsulates logo, nav. want 762 as the size of the content, must adjust for the border*/
/* Spring 06 - green: #c9db77, Draft Fall 06: a70aa4 Melissa: #660066. Official fall (teal):  #14696c */
/* Fall 06: #14696c. Spring 07: 99CCCC. Fall 07: CC0000. Holiday 07: CC0000.  Spring 2008 is CCAAEE. Fall 2008 662277 */


.upperTable { width: 782px; margin:0px; background-color:#662277; margin-top:20px; 
					border-top: 10px solid white; border-left: 10px solid white; border-right: 10px solid white; 
				}

/* lowerTable - content and footer nav links */

.lowerTable {
	width:782px; margin:0px; background-color:#ffffff; 
	border-bottom: 5px solid white; border-left: 10px solid white; border-right: 10px solid white; 
}

/* footnoteDiv - below .lowerTable (table) used for privacy link */
.footnoteDiv {
	width:762px; 
	background-color: #ffffff;
	
	
	border-left: 10px solid white; 
	border-right: 10px solid white; 
	border-bottom: 10px solid white;
	margin: 0px;
	margin-bottom: 50px;
}
.footnoteDiv a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: darkgray; }
	
/* nav links */
.topNav {
	margin:0px; color:white; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
	text-align:right; 
}

#navEnews { margin-top: 165px; margin-left: auto; margin-right:auto; left: 0px; position: relative; }

#navRight { margin-top: 50px; left: 0px; position: relative; } 

#navRight a, #navRight a:active, #navRight a:hover, #navRight a:visited {
	margin-right: 3px; color:black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12pt;
}
#navRight a:hover {
	margin-right: 3px; color:#515b59; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12pt;
}
#navRight p { margin:0px; margin-left:8px; text-indent: -5px}


#navHead a, #navHead a:active, #navHead a:hover, #navHead a:visited {
	/* margin-right: 3px; */
	color:white; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11pt;
}
#navHead a:hover {
	color: #4516b7; 
	text-decoration: underline;
}

#navFoot { margin-top: 5px; margin-bottom: 5px; }

#navFoot a, #navFoot a:active, #navFoot a:hover, #navFoot a:visited {
	margin: 5px; color:black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt;
}
#navFoot a:hover {
	color:#4516b7; text-decoration: underline;
}



/* bottom right of page, "contents" */
.contentCell	{border:0px; border-color:#ffffff; background-color:#ffffff;}

/* the spacer table cell used on many of the content pages (deprecated) */
#contentSpacer {
	width: 100px; 
}

/* the content table cell used in many of the content pages (deprecated) */
#contentContent {
	padding: 5px; 
}

/* replace the contentSpacer + contentContent table system with a single div 20070823 - min-height does not work in ie6- */
#contentDiv {
	margin-left: 100px;
	margin-top: 10px; /* 4/1/2009 */

	/* http://www.dustindiaz.com/min-height-fast-hack/ */
	min-height:350px;
	height:auto !important;
	height:350px;

}


/* contentDiv with less whitespace. */
#contentDivWide {
	margin-left: 50px;

	/* http://www.dustindiaz.com/min-height-fast-hack/ */
	min-height:350px;
	height:auto !important;
	height:350px;

}


/* for nav links inside the content area (webstore) */
.contentNav {
	display:block;
	float:left;
	border: 1px solid lightgrey;
	width:auto; 
	padding:5px;
}



/* deprecated - icon+text buttons - 2006-04-26. I can not get height to work, probably something to do with inline elements. */
div.iButton{
	vertical-align: middle;
	color: black;
	border: 1px solid #cac3cc;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	background-color: white; /* #dfecff */
	display: block; 
	text-decoration: none;
	height: 25px;
	overflow: hidden;
	cursor: pointer;
}
div.iButton:hover{
	color: #c53ef1;
	font-weight: normal;
	background-color: #f8f8f8;
	text-decoration: none;
}
div.iButton > img{
	vertical-align: middle;
	border: none;
	padding: 2px 5px 2px 2px;
}
div.iButton > div.iButtonText {
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	display: inline;
	text-align: left;
}
div.iButtonActive{ /* stack w/iButton class */
	background-color: #D9C8DD;
}


/* icon+text buttons - switch to spans, standards compliant when inside an anchor tag - 3/10/2010. */
span.iButton{
	vertical-align: middle;
	color: black;
	border: 1px solid #cac3cc;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	background-color: white; /* #dfecff */
	display: block; 
	text-decoration: none;
	height: 25px;
	overflow: hidden;
	cursor: pointer;
}
span.iButton:hover{
	color: #c53ef1;
	font-weight: normal;
	background-color: #f8f8f8;
	text-decoration: none;
}
span.iButton > img{
	vertical-align: middle;
	border: none;
	padding: 2px 5px 2px 2px;
}
span.iButton > span.iButtonText {
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	display: inline;
	text-align: left;
}
span.iButtonActive{
	background-color: #D9C8DD;
}






#locationTextContainer {
	margin-left: 30px;
	margin-right: 30px;
}
#locationTextName h2#locationTextName {
	margin: 4px;
	margin-top: 20px;
	position:relative;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12pt;
}
#locationTextAddress {	
	margin: 4px;
	margin-top: 50px;
	line-height: 16px;}
#locationTextHours {
	margin: 4px;
	margin-top: 20px;}
#locationHoursNote, #locationNote {
	margin: 4px;
	margin-top: 8px;
	line-height: 16px;}
#locationMap {
	margin-bottom: 40px;
}

#locationCurrent{
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid grey;
	text-decoration: none;
	font-size: 12pt;
	color: #102587;
	font-weight: normal;
}

/* location button code - based on: http://www.projectseven.com/tutorials/css/uberlinks/ */
.locationButtonsContainer {
	margin-top: 5px;
	margin-left: 10px;
	width: 165px;
}

.locationButtons a, .locationButtons a:hover, .locationButtons a:visited{
	color: black;
	padding: 2px;
	padding-left: 3px;
	font: 15px Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-color: grey black black grey;
	display: block;
	margin: 0px;
	margin-top: 5px;
	width: 100%;
	text-align: left;
}

.locationButtons a:hover {
	color: royalblue;
	text-decoration: underline;
}


/* manage overflow of some pages */

div.emp_jobposting {
    width: 700px;
    overflow: auto;
}

div.news_posting {
    width: 720px;
    overflow: auto;
}
div.enews_posting  img {
	display: block; /* fixes whitespace issues in HTML Strict mode */
}

div.dreamContainer{
	background: transparent url(/img/quotemark-left.jpg) left top no-repeat;
	float:left; 
	margin-left: 15px;
}

div.dreamText{
	padding-top: 10px;
	padding-left: 45px;
	padding-right: 40px;
	background: transparent url(/img/quotemark-right.jpg) right bottom no-repeat; 
	width: 190px; 	/* overridden in html */
	min-height: 30px;
	line-height: 140%;
	text-align: left;
}

/* quoteContainer and quoteText are copied from dreamContainer[Text] that was used in the You...Realized page. edited and used on employment page*/
div.quoteContainer{
	background: transparent url(/img/quotemark-left-25w.jpg) left top no-repeat;
	float:left; 
	margin-left: 15px;
}

div.quoteText{
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	background: transparent url(/img/quotemark-right-25w.jpg) right bottom no-repeat; 
	width: 190px; 	/* overridden in html */
	min-height: 15px;
	line-height: 140%;
	text-align: left;
}


/* web store */
table#storeCartTable		{ border-spacing:3px;}
table#storeRegisterTable	{ vertical-align:top;}
td tr.td_white { background-color: white; vertical-align:top; }


/* for inv lists */
.invDept	{	color:#32371E; font-weight:600; font-size:11pt; margin-top:16px; margin-bottom:6px;}
.merchName	{	color:#656E3C; font-weight:600; font-size:10pt; vertical-align:middle; margin-bottom:4px;}

img.imgSale {border:1px solid red;}
img.imgNew	{border:1px solid #2b92ec;}
img.imgNorm {border:1px solid gray;}

img.padded {border:0px; margin: 10px;}

/* 
I think these are no longer used - 3/10/2010

.clsSale {TEXT-DECORATION:line-through;}

.Button, .button {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	background: #eeeeee; 
	border-bottom: 1px solid #808080;	border-right: 1px solid #808080;
	border-left: 1px solid #808080;		border-top:1px solid #808080;
	color:#000000;
	height:19px; 
	text-decoration:none; 
	cursor: pointer;
}

.button2 { 
	background: #ffffff; 
	color:#000000;
	height:23px; 
	width: 118px;
	min-height: 23px;
	min-width: 118px;
	max-height: 23px;
	max-width: 118px;
	text-decoration:none;
	cursor: pointer;
	vertical-align:middle;
}

.button2 a {
	color: black;
	border: 1px solid;
	background-color: #ffffff;
	font: 13px Verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-color: grey black black grey;
	display: block;
	margin: 0px;
	margin-top: 2px;
	height: 100%;
	width: 100%;
	text-align: center;
}

.button2 a:hover {
	color: royalblue;
	border: 1px solid;
	background-color: #ffffff;
	font: 13px Verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-color: black black grey black;
	margin: 0px;
	margin-top: 2px;
	width:100%;
	height: 100%;
	text-align: center;
}

*/