/* Society for Education, Music and Psychology Research (SEMPRE) screen cascading stylesheet */

/*
Design and development by Evangelos T. Himonides (SONUSTeCH.com), copyright (c) sempre.org.uk 2007
*/

body {
margin: 0px;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
background-color: #284A53;
}

/* Sempre Logo */

#semprebox1 {
background-image: url(images/sempre_facia.jpg);
background-repeat: no-repeat;
height: 289px;
background-position: 0px 0px;
width: 100%;
margin: 0;
background-color: #284A53;
}

/* Sempre abstract design (right column) */

#semprebox2 {
background-image: url(images/sempre_abstract.jpg);
background-repeat: repeat-y;
background-position: top right;
margin: 0em;
}

/* Sempre site name */

#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 160px;
font-weight: bold;
font-size: .8em;
text-align: right;
letter-spacing: 5px;
color: #ffffff;
padding-top: 250px;
padding-bottom: 10px;
line-height: 1.5em;
}

/* Sempre Forms */

fieldset {
border: none;
font-size: .7em;
padding-left: 60px;
}

/* Sempre heading level 1 */

h1 {
margin-top: 0;
margin-bottom: 0;
margin-left: 185px;
font-size: 1.2em;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
padding-right: 0;
font-weight: bold;
background-color: #366470;
border-left: 2px #ffffff solid;
border-right: 2px #ffffff solid;
color: #ffffff;
text-indent: 10px;
border-top: 2px #ffffff solid;
margin-right: 148px;
}

/* Sempre main styles */

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 185px;
background-color: #cce7bc;
border-left: 2px #ffffff solid;
border-right: 2px #ffffff solid;
border-bottom: 2px #ffffff solid;
margin-right: 148px;
}

p, ul, ol, table {
font-size: .7em;
line-height: 1.9em;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
padding-left: 50px;
padding-right: 30px;
}

acronym {
border-bottom: 1px #284a53 dotted;
cursor: help;
}


ol, ul {
margin-left: 25px;
}

h2 {
margin-bottom: 5px;
margin-left: 10px;
margin-right: 0;
font-size: 1.2em;
font-weight: bold;
color: #284a53;
margin-top: 0;
padding-top: 15px;
padding-bottom: 5px;
padding-left: 20px;
}

h3 {
margin-bottom: 5px;
margin-left: 15px;
margin-right: 0;
font-size: .8em;
font-weight: bold;
color: #284a53;
margin-top: 0;
padding-top: 15px;
padding-bottom: 5px;
padding-left: 25px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #284a53;
border-bottom: 1px #284a53 dotted;
}

a:hover {
text-decoration: none;
border-bottom: 1px #284a53 dotted;
}

/* Sempre navigation bar */

#left-menu {
position: absolute;
top: 289px;
left: 10px;
right: 5px;
width: 165px;
text-align: right;
}

#left-menu p {
list-style: none;
padding-right: 20px;
margin-bottom: 5px;
padding-left: 0;
font-size: .7em;
color: #ffffff;
background: #366470;
border-left: 4px #cce7bc solid;
margin-left: 5px;}

#left-menu h2 {
color: #ffffff;
}

#left-menu a:link, #left-menu a:visited {
color: #ffffff;
border-bottom: 1px #ffffff dotted;
}

#left-menu a:hover, #left-menu a.active {
color: #ffffff;
border-bottom: 1px #ffffff dotted;
}

/* Sempre UL navi */
#left-menu ul{	
list-style:none;
width:160px;
margin:0 0 20px 0;
padding:5px;
font-size:0.7em;
}	

#left-menu li{
margin-bottom:4px;
}

#left-menu li a:link, #left-menu li a:visited{
font-weight:bold;
height:20px;
text-decoration:none;
color:#ffffff;
display:block;
padding:6px 0 0 10px;
background:#366470;
border-left: 4px #cce7bc solid;
border-bottom: none;
padding-right: 5px;
}	
	
#left-menu li a:hover{
background: #407685;
}

#left-menu li a:active{
font-weight:bold;
height:20px;
text-decoration:none;
color:#ffffff;
display:block;
padding:6px 0 0 10px;
background:#366470;
border-left: 4px #cce7bc solid;
border-bottom: none;
padding-right: 5px;
}

/* Sempre footer */

#footer {
text-align: center;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 5px;
line-height: 21px;
font-size: .6em;
padding-left: 40px;
background-color: #284a53;
margin-top: 5px;
border-top: 1px #476871 dotted;
color: #ffffff;
}

#footer a:link, #footer a:visited {
color: #ffffff;
border-bottom: none;
}

#footer a:hover {
border-bottom: 1px #ffffff dotted;
color: #ffffff
}

/* various SEMPRE classes */

.photo{
border: 1px #284a53 solid;
padding:2px;
background-color: #cce7bc;
margin:6px 18px 2px 5px;
}

.left{
float:left; margin:0 15px 4px 0;
}

.right{
float:right; margin:0 0 4px 15px;
}

.sempre_notice{
color:#ffffff;
font-size:0.7em;
background-color: #366470;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
margin:10px 50px 10px 50px;
}

.sempre_notice a{
color:#ffffff;
border-bottom: 1px #ffffff dotted;
}

.inner{
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 1em;
  margin-left: 2em;
}