/* Undo some of the default styling of common (X)HTML browsers */
/* This block is (c) 2004 Tantek Celik and is licensed under the Creative Commons License */
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; line-height:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img, abbr, acronym { border:none }
/* END COPYRIGHTED SECTION */


body {
	background: #FFF url(../images/bg-page.jpg) repeat-x left top;
	font: 0.7em/1.3 Tahoma, Verdana, Helvetica, Arial, Sans-serif;
	color: #444;
}

h2 {
	background: url(../images/bg-roleprofile-search.jpg) no-repeat left top;
	height: 209px;
	padding: 0;
	margin-bottom: 0.5em;
	font-size: 2em;
	color: #4D81C8;
}

h2.plain {
	background: url(none);
	height: auto;
	width: auto;
	margin: 0 0 0.7em 0;
	padding: 0;
}

h2 img.rolesearchhead { margin: 31px; }

h3 {
	color: #5C8CCD;
	font-size: 1.1em;
}



h4 {
	font-weight: normal;
	text-transform: uppercase;
	color: #545454;
}

a {
	color: #09F;
	text-decoration: underline;
}

hr {
	border: none;
	border-top: 1px solid #5C8CCD;
	margin: 2em 0;
}

button {
	padding: 0; margin: 0;
	background: none; border: none;
	vertical-align: middle;
}

/* Overall container */
#container {
	background: white url(../images/bg-container.jpg) repeat-y right top;
	width: 870px;
	padding: 9px 15px 1em 15px;
	min-height: 400px;
	margin: 0 auto;
}

/* Header area */
#header { padding: 0 0 8px 5px; }

/* Search form */
#searchbox, #loginbox {
	float: right;
	padding: 6px;
	color: #67BBED;
	background: #E7F5FC;
	height: 3.5em;
}
#searchbox { border-left: 2px solid #FFF; }

#header form .textbox {
	height: 15px;
	width: 127px;
	border: 1px solid #89C1E0;
	color: #5EAAD7;
	font: 1em Tahoma, Verdana, Helvetica, Arial, Sans-serif;
	padding: 2px 0 0 4px;
}
#loginbox .textbox { width: 8em !important; }

#searchbox span, #loginbox span {
	display: block;
	padding-top: 4px;
	text-align: right;
}
#header form input { vertical-align: middle; }
#header a { text-decoration: none; }
#header a:hover { text-decoration: underline; }

#header form button {
	padding: 0; margin: 0;
	border: none;
	width: 23px; height: 21px;
	line-height: 19px;
}

/* Menu */
#menu { padding-left: 6px; }

#menu li {
	float: left;
	height: 22px;
	margin-right: 0;
	padding-right: 0;
	background: url(../images/menu_div.gif) no-repeat right 2px;
}

#menu li.alt, #menu li.careerpathways { background: none; }
#menu li.left { background: none; }

#menu li a {
	color: #0078C1;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	padding: 2px 13px 0 13px;
}
#menu a:hover { text-decoration: underline; }

#menu li.on {
	background: url(../images/bg-newmenu-right.jpg) no-repeat right;
	padding-right: 5px;
	color: #FFF;
}

#menu li.on a {
	background: url(../images/bg-newmenu-left.jpg) no-repeat left;
	color: #FFF;
	padding-right: 13px;
	padding-bottom: 5px;
}

/* Sub-menu */
#submenu {
	background: #5381B8 url(../images/bg-submenu.jpg) repeat-x top left;
	color: #FFF;
	clear: both;
	height: 21px;
	padding-top: 5px;
}

#submenu a {
	color: #FFF;
	text-decoration: none;
}

#submenu li {
	float: left;
	background: url(../images/bg-submenu-arrows.gif) no-repeat 0 6px;
	padding: 0 16px 0 12px;
	font-weight: bold;
}
#submenu li.on a { text-decoration: underline; }

#submenu li.inthissection {
	font-weight: bold;
	background: url(none);
	padding-right: 16px;
}

/* Footer */
#footer {
	background: url(../images/bg-footer-lite.gif) repeat-x left top;
	color: #5EAAD7;
	width: 870px;
	padding: 9px 0 2em 0;
	clear: both;
	margin: 0 auto;
}
#footer span { float: right; }

/* Main content area */
#main { clear: both; }
#main.bg #content { padding-right: 8px; min-height: 610px; }
#main.noright #content { margin-right: 0; }

/* Top spanning image */
.topimage { margin-bottom: 16px; }

/* Left sidebar */
#sidebar-left {
	float: left;
	width: 147px;
}

#sidebar-left ul { margin-bottom: 2em; }
#sidebar-left ul li { background: url(../images/bg-bluedots-horz.gif) repeat-x left bottom; }

#sidebar-left ul a {
	background: url(../images/bullet-seealso.gif) no-repeat 0px 9px;
	display: block;
	padding: 6px 0 6px 16px;
	text-decoration: none;
}

#sidebar-left ul.quicklinks a {
	background: url(../images/button-searchresults-topright.gif) no-repeat 0px 9px;
	display: block;
	padding: 6px 0 6px 16px;
	text-decoration: none;
}
#sidebar-left a:hover { text-decoration: underline !important; }

/* Right sidebar */
#sidebar-right {
	float: right;
	width: 165px;
	padding-top: 1em;
	padding-left: 16px;
	background: url(../images/bg-sidebarright-shadow.jpg) no-repeat left top;
	min-height: 486px;
}

#sidebar-right .seealso { margin-bottom: 2em; }
#sidebar-right .seealso li { background: url(../images/bg-bluedots-horz.gif) repeat-x left bottom; }

#sidebar-right .seealso a {
	background: url(../images/bullet-seealso.gif) no-repeat 0px 9px;
	display: block;
	padding: 6px 0 6px 16px;
	text-decoration: none;
}

#sidebar-right .seealso a:hover { text-decoration: underline; }

#sidebar-right .box {
	background: #81A8D8;
	margin-bottom: 12px;
}

#sidebar-right .box h3 {
	background: #5C8CCD url(../images/bg-sidebarright-box.gif) no-repeat left top;
	color: white;
	padding: 5px 0 6px 10px;
}
#sidebar-right .box h3.orange { background: #FAA547 url(../images/bg-sidebarright-box-orange.gif) no-repeat left top; }
#sidebar-right .box h3.bluegrey { background: #8AACDB url(../images/bg-sidebarright-box-bluegrey.gif) no-repeat left top; }

#sidebar-right .box span {
	display: block;
	padding: 0.8em;
	color: #FFF;
	background: url(../images/bg-sidebarright-boxbtm.gif) no-repeat bottom;
}

#sidebar-right .degreebox {
	background: url(../images/dotted-top.gif) no-repeat top;
	padding: 10px 0 0 10px;
}

#sidebar-right .degreebox p {
	padding-left: 35px;
	background: url(../images/btn-degree-logo.gif) no-repeat top left;
}

#sidebar-right .degreebox span {
	padding-bottom: 10px;
	background: url(../images/dotted-top.gif) no-repeat bottom;
}

#sidebar-right .degreebox span a { border: none; }

#sidebar-right a.block {
	background: url(../images/arrow-carriagereturn.gif) no-repeat 3px 3px;
	display: block;
	padding: 2px 0 0 16px;
	color: #FFF;
	margin-left: 10px;
}

#sidebar-right .shadow {
	background: url(../images/bg-sidebarright-shadow-bottom.gif) no-repeat left bottom;
	color: #363636;
}

#sidebar-right .shadow div {
	background: url(../images/bg-sidebarright-shadow-top.gif) no-repeat left top;
	padding: 7px;
}

#sidebar-right .shadow span {
	display: block;
	margin: 0 0 0.4em 32px;
	padding-top: 3px;
}

#sidebar-right h4 {
	text-align: right;
	margin-bottom: 2.5em;
}

#sidebar-right h4 a {
	color: #545454;
	text-decoration: none;
}

#sidebar-right h4 a:hover { text-decoration: underline !important; }

/* Main content area */
#content {
	margin-right: 192px;
	line-height: 1.6em;
}
#content.fullwidth, #content.threecolumn { margin-right: 179px; }
#content.threecolumn { margin-left: 168px; }

#content h3 {
	font-size: 1.3em;
	color: #4D81C8;
	font-weight: bold;
	margin-top: 1.5em;
}

#content h3 a { text-decoration: none; color: #4D81C8; }
#content h3 a:hover { text-decoration: underline; }

#content h3.searchresult {
	color: #4D81C8;
}
#content h3.chemicals { color: #B30055; }
#content h3.polymers { color: #D5DF3D; }
#content h3.nuclear { color: #D30C44; }
#content h3.petroleum { color: #006F3C; }
#content h3.polymers-plastics,
#content h3.polymers-signmaking { color: #8FBD15; }

#content p { margin-bottom: 1.5em; }
#content p.searchresults{color: #555;}

#content ul { margin: 1em 0; }
#content ul li {
	background: url(../images/bullet-bluedot.gif) no-repeat 8px 8px;
	padding: 0 1em 0 20px;
	margin-bottom: 0.4em;
}

/* Main (site-wide) search */
#content form.sitesearch li {
	float: left;
	background: none;
	padding-left: 0;
}

.sitesearch input, .sitesearch select {
	font: 1.2em Tahoma, Verdana, Helvetica, Arial, Sans-serif;
}

.sitesearch label { display: block; }
.sitesearch button { margin-top: 1.2em; }

/* Search results */
#main.searchresults #content { margin: 0; padding-top: 1em; }
#main.searchresults h2 { margin-bottom: 0.6em; }

/* pagination */
#content .pagination {
	height: 2em;
	float: right;
	margin: 0;
}

#content .pagination li {
	display: block;
	padding: 0 0.2em 0 0;
	float: left;
	background: none;
}

.pagination li a, .pagination li span {
	display: block;
	border: solid 1px #CCD8E0;
	padding: 0 0.5em 0.2em 0.5em;
	color: #5D95AE;
}

.pagination li a:hover {
	border: solid 1px #5C8CCD;
	text-decoration: none;
	color: #007A97;
}

.pagination li a.pagejump { display: none; }

.pagination li span.prevnext { border: solid 1px #CCC; color: #CCC; }
.pagination li span.current {
	background: #5C8CCD;
	color: #FFF;
}

/* News */
p.date { color: #BBB; margin-bottom: 0.2em !important; }