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;}


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

#header { float: left; width: 960px; height: 145px; background: #363b4f; 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: 554px }
#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; background: #4c3343 url(../images/profiles-bg.jpg) no-repeat; position: relative }
#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 }

#vidlinks { float: left; margin-top:2px }

#footer { float: left; width: 960px; padding: 11px 0 0 0; font-size: .9em; color: #a5acb0; line-height: 10px }
#fleft { float: left; width: 50% }
#fright { float: left; width: 50%; text-align: right }
#fright a { color: #a5acb0; text-decoration: none }
#fright a:hover { color: #666; text-decoration: none }

#help { position: absolute; bottom: 38px; left: 41px; font-size: 14px; z-index: 3; color: #FFF; width: 300px; }
#help a { color: #FFF }
#help #hh1 { margin-bottom: -3px; }