@charset "utf-8";
/* CSS Document */
<style type="text/css">
/* --------
  The CSS rules offered here are just an example, you may use them as a base. 
  Shape your 'expand/collapse' content so that it meets the style of your site. 
 --------- */
* {margin:0; padding:0}
#wrapper .sss {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}

/* --- Page Structure  --- */
/*html {height:100%}*/
/*body {
  min-width:400px;
  width:100%;
  height:101%;
  background:#fff;
  color:#333;
  font:76%/1.6 verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
  text-align:center
}*/
/*#wrapper-menu{
  margin:0 auto;
  padding:15px 15%;
  text-align:left
}*/
#content {
	max-width: 70em;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
	overflow: hidden;
}

.demo {
	margin: 0;
	padding: 1.5em 1.5em 0.75em;
	position: relative;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.collapse p {
	padding: 0 10px 1em;
	color: #666;
}
.top{font-size:.9em; text-align:right}
#switch, .switch {margin-bottom:5px; text-align:right}

/* --- Headings  --- */
#wrapper .sss h1 {
	font-family: georgia,'times new roman',times,serif;
	font-size: 2.5em;
	font-weight: normal;
	color: #c30
}
#wrapper .sss h2 {

}


.expand{padding-bottom:.75em}

/* --- Links  --- */
a:link, a:visited {
	text-decoration: none;
	color: blue;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
}
#wrapper .sss #wrapper-menu #content .demo .collapse .demo .expand {
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a:hover, a:active, a:focus {
  border-style:solid;
  background-color:#f0f0f0;
  outline:0 none
}
a:active, a:focus {
  color:red;
}
.expand a {
  display:block;
  padding:3px 10px
}
.expand a:link, .expand a:visited {
  border-width:1px;
  background-image:url(../img/arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
}
.expand a:hover, .expand a:active, .expand a:focus {
  text-decoration:underline
}
.expand a.open:link, .expand a.open:visited {
  border-style:solid;
  background:#eee url(../img/arrow-up.gif) no-repeat 98% 50%;
  

}
</style>
#wrapper .sss {
}
