html {
  font-size:100%;
}

body {
  font-size:62.5%;
  font-family: Arial, Helvetica, sans-serif;
  line-height:1.6em;
  color:#000;
  background: #b3dad7 url(../images/bg_body.jpg) repeat-x 0% 0%;
}

/* HTML elements
-----------------------------------------------*/

strong, b {
  font-weight:bold;
}

em, i {
  font-style:italic;
}

p {
  margin:0em 0em 1em 0em;
}

h2 {
  margin:0em 0em 1em 0em;
}

h3 {
  margin:0em 0em 1em 0em;
}

table {
  margin:0em 0em 1em 0em;
}

table td {
  vertical-align:top;
}

/* Links
-----------------------------------------------*/

#contentinner a,
#contentinner a:active,
#contentinner a:visited {
  color:#4e3c6c;
  text-decoration:underline;
}

a.member,
a.member:active,
a.member:visited {
  color:#4e3c6c;
  text-decoration:none;
  border-bottom:dotted 1px #4e3c6c;
}

#contentinner a:hover {
  color:#b63a3a;
  text-decoration:underline;
}

a.member:hover {
  color:#b63a3a;
  border-bottom:dotted 1px #b63a3a;
}

.member {
  font-weight:bold;
}

/* General
-----------------------------------------------*/

.clear {
  clear:both;
}

#container {
  margin:0em auto;
  width:92em
}

/* Head
-----------------------------------------------*/

#head {
  height:12.4em;
  width:92em;
  background: transparent url(../images/bg_head.jpg) no-repeat 50% 0%;
}

/*#line1 {
  position:relative;
  background:url(../images/menu_line1.jpg) no-repeat 0% 0%;
  height:2em;
  width:2em;
  top:12.4em;
  left:66.6em;
}

#line2 {
  position:relative;
  background:url(../images/menu_line2.jpg) no-repeat 0% 0%;
  height:2em;
  width:2em;
  top:10.4em;
  left:52.6em;
}*/

#line1 {
  position:absolute;
  left:50%;
  margin:124px 0em 0em 205px;
  background:url(../images/menu_line1.jpg) no-repeat 0% 0%;
  height:2em;
  width:2em;
  z-index:100;
}

#line2 {
  position:absolute;
  left:50%;
  margin:124px 0em 0em 66px !important;
  margin:124px 0em 0em 63px; /* fix ie6 */
  background:url(../images/menu_line2.jpg) no-repeat 0% 0%;
  height:2em;
  width:2em;
  z-index:100;
}

#logo {
  position:absolute;
  margin:1.5em 0em 0em 0em;
}

.inspirelogo {
  width:22.7em;
  height:9.1em;
}

#member {
  float:right;
  position:relative;
  font-size:1.4em;
  height:4em;
  background: transparent url(../images/bg_member.png) repeat 0% 0% !important;
  background: transparent url(../images/bg_member_ie6.gif) repeat 0% 0%; /* fix ie6 */
  margin:1.3em 0em 0em 0em;
  padding:1em;
  text-align:right;
}

  .signout {
    position:absolute;
    right:1.2em;
    bottom:1.2em;
    margin:2.7em 0em 0em 0em;
    font-size:0.7em;
  }

  .signout a,
  .signout a:active,
  .signout a:visited {
    color:#808080;
    border:none;
    text-decoration:none;
  }

  .signout a:hover {
    color:#808080;
    border:none;
    text-decoration:underline;
  }

/* Main
-----------------------------------------------*/

#main {
  background: #fff url(../images/bg_main.jpg) repeat-x 0% 0%;
  padding:0em 3em;
  float:left;
  position:relative;
  clear:both;
}

/* Main Menu
-----------------------------------------------*/

#menu {
  padding:2.5em 0em 2.5em 0em;
}

#menu ul {
  list-style:none;
  font-size:1.8em;
  color: #c385ac;
}

#menu ul li {
  display:inline;
  padding:0em 0.7em 0em 0em
}

#menu a,
#menu a:active,
#menu a:visited {
  color: #c385ac;
  text-decoration:none;
}

#menu a:hover {
  border-bottom:dotted 1px #c385ac;
}

/* Sub Menu
-----------------------------------------------*/

#sub-menu {
  position:relative;
  float:left;
  margin:-8em 0em 0em 0em;
}

#sub-menu ul {
  display:inline;
  font-size:1.1em;
}

#sub-menu li {
  float:left;
  margin:0em 1em 0em 0em;
}

#sub-menu a,
#sub-menu a:active,
#sub-menu a:visited {
  display:block;
  background:#fff;
  width:8em;
  padding:1.2em 0.5em 0.5em 0.5em;
  color:#b587a8;
  text-decoration:none;
}

#sub-menu a:hover {
  display:block;
  background:#b587a8;
/*  background:#85c3bf;*/
  width:8em;
  padding:1.2em 0.5em 0.5em 0.5em;
  color:#fff;
  text-decoration:none;
}

/* Content
-----------------------------------------------*/

#content {
  float:left;
  width:80em;
  background: #e0efed;
  padding:8em 3em 8em 3em;
}

#content h1 {
  float:left;
  clear:left;
  color:#b57a9f;
  font-size:2em;
  margin:-1.2em 0em 0em 0em;
}

#content h2 {
  color:#000;
  font-size:1.5em;
  margin-top:1em;
}

#contentinner {
  float:left;
  width:67em;
  font-size:1.2em;
}

#general-content {
  width:64.5em;
  padding:1.2em;
  background: #fff;
}

  /* general page styles */

#list-content {
  padding:1em;
  float:left;
  width:48em;
  background: #fff;
}

  /* list page styles */

  #listheader {
    font-size:0.8em;
	color:#a8a8a8;
	margin:0em 0em 0em 1.2em;
  }

  .listheader-date {
	float:left;
	width:9.8em;
  }

  .listheader-title {
	float:left;
	width:33em;
  }

  .listheader-author {
	float:left;
	width:8em;
  }

  #list-content li {
    clear:both;
	padding:0.3em 0em 0em 0em;
  }

  .article-date {
	float:left;
	font-size:0.8em;
	width:8em;
	margin:0em 0.5em 0em 0em;
	color:#999;
  }
  
  .article-title {
	float:left;
	width:26em;
	margin:0em 0.5em 0em 0em;
	background: transparent url(../images/arrow01.gif) no-repeat 0px 5px;
	padding:0em 0em 0em 1em;
  }
  
  .article-member {
	float:left;
  }
  
  #pagination {
    clear:both;
	margin:4em 0em 0em 0em;
    background: transparent url(../images/bg_pagination.gif) repeat-x 0% 0%;
	padding:0.5em 0em 0em 0em;
  }
  
  .pagination-articles {
    float:left;
    font-size:0.8em;
	padding:0.1em;
	color:#999;
  }

  .pagination-pages {
    position:absolute;
	left:50%;
	margin:0em 0em 0em -24.5em;
	width:20em;
	text-align:center;
  }

  .pagination-perpage span,
  .pagination-pages span {
    display:block;
	color:#999;
	font-size:0.9em;
	text-decoration:none;
	float:left;
	margin:0em 2px 0em 2px;
	height:1.3em;
  }

  .pagination-pages em,
  .pagination-perpage em,
  #pagination a {
    display:block;
	float:left;
	height:1.4em;
	font-size:0.9em;
	color:#999;
	text-decoration:none;
	text-align:center;
	margin:0em 1px 0em 1px;  
    padding:0 3px 0 3px;
	border:1px solid #ccc;
  }
  
  #pagination a:hover {
	border:1px solid #b587a8;
	color:#b587a8;
	text-decoration:none;
  }

  .pagination-perpage em,
  .pagination-pages em {
	background:#b587a8;
	border:1px solid #b587a8;
	color:#fff;
	font-style:normal;
  }
  
  /* per page */
  
  .pagination-perpage {
    float:right;
	color:#999;
  }
  
  .pagination-perpage select {
	color:#999;
	border:1px solid #999;
  }

#actions {
  float:right;
  width:13em;
  background:#fff;
  padding:1em;
  min-height:6em !important;
  height:6em; /* fix ie6 */
}

  #actions a,
  #actions a:active,
  #actions a:visited {
    color:#b587a8;
	border:none;
	text-decoration:none;
  }

  #actions a:hover {
    color:#b587a8;
	text-decoration:underline;
  }
  
  #actions ul li {
    padding:0em 0em 0em 1em;
	background:url(../images/arrow01.gif) no-repeat 0px 5px;
  }

#notice {
  background:#f5f6cd url(../images/bg_notice.jpg) repeat-x 0% 0%;
  padding:10px;
  margin:0em 0em 1em 0em;
}

  .noticeicon {
    float:left;
    width:34px;
    height:34px;
  }

  #notice h2 {
    color:#c294b1;
    font-size:1.4em;
    font-weight:bold;
    margin:0em 0em 0.2em 0em;
    padding:0;
  }

  #notice p {
    color:#976e80;
    font-size:1.4em;
    margin:0;
    padding:0;
  }

  #notice p a {
    font-size:80%;
  }

/* Footer
-----------------------------------------------*/

#footer {
  clear:both;
}

#footer a {
  height:3em;
  margin:2em 0em 0.5em 0em;
  padding:2em 0em 0em 0em;
  display:block;
  width:15em;
  float:right;
  background:url(../images/logo_epsrc.jpg) no-repeat 100% 0%;
  text-decoration:none;
  color:#b57a9f;
}

#bgbottom {
  float:left;
  height:12em;
  width:92em;
  background:url(../images/bg_bottom.jpg) no-repeat 50% 0%;
}

/* -------- form styles -------- */

label {  
float: left;  
width: 10em;  
margin-right: 1em; 
}
form div {
	display:block;
	margin-bottom:8px;
}
form .error_message {
	margin-left:11em;
	color: red;
}

textarea {
	width:344px;
	height:150px;
}

/* -------- view screen styles -------- */

dl {width:500px;display:block;overflow:hidden;}
dl dt {display:block;width:150px;float:left;}
dl dd {display:block;width:300px;min-height:17.8px;float:left;}