/* #######################

Small Talk Style Sheet
Version: 1.0
Date: 12-12-04

########################## */

/* Cure IE odd scroll bar behaviour ===== */
html {
	overflow-y: scroll;
}

body {
	background-color: #F3F3F3;  
	color: #000000;
	margin: 0px;
	padding: 0px;
}



/* SET FONTS ========== */
body, p, div, li, dd, td, th, h4, select, option, blockquote {
	font-family: verdana, Arial, Helvetica, Helv, Geneva, sans-serif;
	}

h1 {
	font-family: verdana, Arial, Helvetica, Helv, Geneva, sans-serif;
	background-color: transparent;
	color: #333466;
	text-transform:lowercase;
	}

h2 {
	font-family: verdana, Arial, Helvetica, Helv, Geneva, sans-serif;
	background-color: #FFFFFF;
	color: #333466;
	}

h3 {
	font-family: verdana, Arial, Helvetica, Helv, Geneva, sans-serif;
	background-color: #FFFFFF;
	color: #333466;
	}



/* FONT SIZE HACKS USE Font-size hacks from http://www.phespirit.info/cafe/css_hacks.htm Require DTD to be HTML 4.01 Transitional or absent to work in IE6 */

/* STANDARD FONT SIZE ===== */

p, div, li, dd, td, th, h3, blockquote {
	font-size : small;
	}

/*/*/a{}

body p, body div, body li, body dd, body td, body th, body h3, body blockquote {
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
	}

html>body p, html>body div, html>body li, html>body dd, html>body td, html>body th, html>body h3, html>body blockquote {
	font-size : small;
	}

/* */



/* HEADING FONT SIZES ===== */

h1 {
	font-size : large;
	}

/*/*/a{}

body h1 {
	font-size : medium;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : large;
	}

html>body h1 {
	font-size : medium;
	}

/* */

h2 {
	font-size : medium;
	}

/*/*/a{}

body h2 {
	font-size : small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : medium;
	}

html>body h2 {
	font-size : small;
	}

/* */


/* FONT SETTING FOR PAGE TOP LINKS ===== */

p.pageTopLinks {
	color: #8A8A8A;
	margin: 0px 10px 0px 0px;
	padding-top: 4px;
	padding-bottom: 0px;
	text-align: right;
	}

p.pageTopLinks a {
	color: #8A8A8A;
	text-decoration:none;
	}

p.pageTopLinks a:hover {
	color: #F15F22;
	text-decoration: underline;
	}



/* FONT SETTING FOR CRUMB ===== */

p.crumb {
	font-size: 80%;
	color: #211F5E;
	margin-top: 5px;
	margin-bottom: 40px;
	padding-bottom: 0px;
	}

p.crumb a {
	text-decoration: none;
	color: #211F5E;
	}


/* FONT SETTING FOR SUBNAV ===== */

p.subnav {
	font-family: verdana, Arial, Helvetica, Helv, Geneva, sans-serif;
	background-color: #F15F22;
	color: #FFFFFF;
	padding: 6px 8px 6px 8px;
	margin: 8px -14px 5px 0px;
	font-weight: normal;
	font-size: 0.9em;
	}

p.subnav a {
	background-color: #F15F22;
	color: #FFFFFF;
	text-decoration: none;
	}

p.subnav a:hover {
	text-decoration: underline;
	}



/* LAYOUT =============== */



div#container {
	max-width:760px;
	width:expression(document.body.clientWidth > 760? "760px": "auto" );
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #FFFFFF;
	background-image:url("../i/page_back.gif");
	background-repeat:repeat-y;
	background-position:top left;
	}

div#header {
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	background-image:url("../i/words_discuss_banner.gif");
	background-repeat:no-repeat;
	background-position:bottom right;
	}


div#content {
	padding: 0px 14px 0px 14px;
	margin-top: 10px;
	margin-bottom: 40px;
	margin-left: 154px;
	color: #000000;
	background-color: transparent;
	}

div#menu {
	float: left;
	width: 154px;
	margin: 40px 0px 0px 0px;
	padding: 0px;
	background-color: transparent;
	color:#000000;
	}

/* The following is a hack to avoid the IE 3px bug see
http://www.positioniseverything.net/articles/hollyhack.html */

/* Hides from IE5-mac \*/
* html #content {height: 1%;}
/* End hide from IE5-mac */ 


div#footer {
	clear: both;
	border-top: 2px dotted #AAAAAA;
	padding: 0px 0px 30px 0px;
	margin: 50px 0px 30px 0px;
	color:#000000;
	background-color: #FFFFFF;
}

/* LAYOUT END ============= */


/* MENU STYLING ============= */

#menu ul {
	margin-top: 0px;
	margin-left: 0;
	padding-right: 0px;
	padding-left: 0px;
	list-style-type: none;

}

#menu a {
	display: block;
	padding: 6px 5px 6px 5px;
	width: 150px;
	\width: 160px;
	w\idth: 150px;
}


#menu li.grandparent {
	border-top: 2px dotted #9D9AB3;
	border-bottom: none;
}

#menu li.parent {
	font-weight: bold;
	border-top: 2px dotted #9D9AB3;
	border-bottom: 2px dotted #9D9AB3;
}

#menu li {
	border-bottom: 2px dotted #9D9AB3;
}

#menu a:link, ul#menulist a:visited {
	color: #211F5E;
	text-decoration: none;
}

#menu li a:hover {
	color: #FFFFFF;
	background-color: #F15F22;
}

#menu a.highlight, #menu a.highlight:link, #menu a.highlight:visited {
	background-color: #FFFFFF;
	color: #211F5E;
}

#menu li.grandparent a:hover {
	color: #211F5E;
	background-color: transparent;
	text-decoration: underline;
}

/* Sitemap styling */

#sitemap {
	margin-top: 30px;
	margin-left: 50px;
	}

#sitemap ul {
	list-style-type: square;
	color: #F15F22;
	}

#sitemap a:link, #sitemap a:visited, #sitemap a:active {
	color: #211F5E;
	text-decoration: none;
	}

#sitemap a:hover {
	color: #F15F22;
	text-decoration: underline;
	}

#sitemap ul li {
	font-weight: bold;
	margin-top: 10px;
	}

#sitemap ul ul li {
	font-weight: normal;
	margin-top: 0px;
	}

#sitemap ul ul ul li {
	font-weight: normal;
	margin-top: 0px;
	}


/* EMAIL FORM STYLES == */


div.mailFormRow input, div.mailFormRow textarea { 
	width: 400px; 
	}




/* To hide skip to contents link */
.skipLink a {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}

.skipLink a:active, .skipLink a:focus {
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	/* The rest are purely presentational properties to make the link stand out */
	background-color: yellow;
	color: red;
	top: 5px;
	left: 5px;
	padding: 5px;
	border: 2px solid red;
	font-weight: bold;
} 



/* ACCESSIBILITY CONVERSIONS == */

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}