/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
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; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

/* The *:focus rule is reset and suppresses link outlining. You _must_ remember to redefine your own outline, as it’s an important accessibility aid. E.g. *:focus   outline: #ccc dotted medium */
body { padding: 20px; font-size: 12px; background: #9b9386; font-family: helvetica, arial, sans-serif; color: #5b5654; }

.wrapper { position: relative; margin: 0px auto; width: 950px; }

#navbar { position: absolute; z-index: 109; width: 250px; top: 50px; background: url(../img/nav_bg.png); left: 50px; }
#navbar .top { padding: 20px; position: relative; border-bottom: 1px solid #9d9588; }
#navbar .top .button { width: 19px; height: 19px; display: block; position: absolute; top: 20px; right: 20px; }
#navbar .top .button-min { background: url(../img/nav_minus.png) no-repeat; }
#navbar .top .button-max { background: url(../img/nav_plus.png) no-repeat; }
#navbar .bottom { padding: 0px 20px; }
#navbar ul { margin-top: 60px; margin-bottom: 20px; background: url(../img/nav_li_bg.png) repeat-x top left; }
#navbar ul li a { display: block; padding: 10px 0px; background: url(../img/nav_li_bg.png) repeat-x bottom left; text-decoration: none; color: #b7b4aa; }
#navbar ul li a:hover { color: white; }
#navbar ul li.min { background: url(../img/nav_max.gif) no-repeat 2px 12px; }
#navbar ul li.max { background: url(../img/nav_min.gif) no-repeat 2px 12px; }
#navbar ul li.active > a { color: white; }
#navbar ul ul { margin-top: 0px; background: none; margin-bottom: 0px; }
#navbar ul ul li li a { padding-left: 20px; }
#navbar ul ul li a { padding-left: 10px; color: #5b5654; }
#navbar ul ul li a:hover { color: white; }
#navbar ul ul li.active > a { color: white; }

#main { background: white; padding: 20px; position: relative; width: 910px; height: 726px; overflow: hidden; }

#s1 { position: absolute; width: 910px; height: 726px; }

#banner { position: absolute; width: 910px; height: 726px; }

#footer { background: #6b6765; padding: 10px 15px; color: white; }
#footer ul { font-size: 0.95em; float: right; margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; }
#footer ul { display: block; }
#footer ul li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 5px; padding-right: 5px; }
#footer ul li.first { padding-left: 0px; }
#footer ul li.last { padding-right: 0px; }
#footer ul a { color: white; text-decoration: none; }
#footer ul a:hover { text-decoration: underline; }
#footer a.button { margin-left: 20px; padding-left: 13px; color: white; text-decoration: none; }
#footer .button-min { background: url(../img/minus.gif) no-repeat 0px 0px; }
#footer .button-max { background: url(../img/plus.gif) no-repeat 0px 0px; }

#discover { padding-top: 10px; }

h1 { font-size: 1.3em; margin-top: 10px; height:50px; margin-bottom: 20px; border-bottom:1px solid #cbbfa9; }

h2 { font-size: 1.3em; margin-top: 10px; height:50px; margin-bottom: 20px; border-bottom:1px solid #cbbfa9; }

h3 { font-size: 1.2em; margin-top: 10px; margin-bottom: 20px; }

h4 { font-size: 1.1em; margin-top: 10px; margin-bottom: 20px; }

h5 { font-size: 1.05em; margin-top: 10px; margin-bottom: 20px; }

p { margin-top: 10px; }

#overlay a {
	color:#000;
	text-decoration: none;
	border-bottom: 1px dashed #000;
}

#overlay a img {
	border-bottom: none;
}

#overlay a:hover {
	border-bottom: 1px solid #000;
}

#overlay { color: #5b5654; position: absolute; top: 50px; left: 330px; padding:20px 0px;width: 380px; min-height: 277px;background: url(../img/overlay_bg.png); z-index: 99; }

#overlay .inner > * {
	padding-left: 20px;
}

#overlay .inner > p {
	 padding:0px 20px;
}


#overlay .inner > h1, #overlay .inner > h2 {
	width:auto;
}

#permissions {
	padding:10px 5px;
	float:right;
}

#permissions a {
	text-decoration: none;
	color:#fff;
}

#permissions a:hover {
	border-bottom:1px dashed #fff;
}