html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html { overflow-y: scroll }
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; font-size: 62.5%; font-family:Arial; color: black; background-color:#f0f0ee;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

*{padding:0px;margin:0px;font-family:arial;font-size:medium;}
img{border:0px;}

img, div { behavior: url(css/iepngfix.htc) }
img#close { behavior: none; }

#wrap { width: 960px; margin: 0 auto; overflow: hidden }
#inner { float: left; width: 960px; }

#header { float: left; width: 960px; height: 145px; background: #336699; color: #FFF; margin-bottom: 13px }
#header #logo { float: left; width: 960px; height: 110px }
#nav { float: left; width: 960px; height: 35px; background: #e8e7e3 url(../images/nav-bg.jpg) no-repeat; }

#nav ul { float: left; list-style-type: none; padding: 0 0 0 28px; width: 743px }
#nav li { float: left; font-size: 1.1em; font-weight: bold }
#nav li a { float: left; color:#53534a; text-decoration: none; line-height: 33px; }
#nav li a span { float: left; height: 35px; padding-right: 13px; }
#nav li a strong { float: left; height: 35px; padding-left: 13px; }
#nav li a:hover, #nav li .on { background: url(../images/navh-m.jpg) repeat-x; color: #FFF; cursor: pointer }
#nav li a:hover span, #nav li .on span { background: url(../images/navh-r.jpg) no-repeat top right; color: #FFF; cursor: pointer }
#nav li a:hover strong, #nav li .on strong { background: url(../images/navh-l.jpg) no-repeat top left; color: #FFF; cursor: pointer }

#nav #hsearchbutton { float: left; margin-top: 6px }

#main { float: left; width: 960px; height: 416px; position: relative; overflow: hidden }
#intro { position: absolute; top: 41px; left: 49px }
#intro h1 { font-size: 19px; font-weight: normal; line-height: 24px; color: #FFF; font-weight: bold; }
#intro h2 { font-size: 14px; font-weight: normal; line-height: 24px; color: #FFF }


#footer { float: left; width: 960px; padding: 11px 0 0 0; font-size: .9em; color: #a5acb0; line-height: 10px }
#scc-logo { float: right; height: 20px; line-height: 20px; display: block; padding: 0 0 10px 0; }
#scc-logo img { vertical-align: middle; }
#fleft { float: left; width: 50% }
#fright { float: right; width: 50%; text-align: right; clear: both }
#fright a { color: #a5acb0; text-decoration: none }
#fright a:hover { color: #666; text-decoration: none }