/* Butterflyonline style sheet */

/* Layout */

html {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
background-color: #EFEFEF;
text-align: left;
color: #333333;
font: 0.8em/1em Verdana, Arial, Helvetica, sans-serif;
}

div#container {
width: 760px;
margin:10px auto;
padding:0;
background: #FFFFFF;
border-left:1px solid #7F1F62;
border-top:1px solid #7F1F62;
border-right:1px solid #7F1F62;
}

div#accessibility p {
margin:3px 0;
}

div#header {
width:760px;
height:80px;
margin: 0;
padding:0;
background:#9E4682 url(/images/butterfly_header.jpg) no-repeat;
}

div#header img {
margin: 0;
padding: 0;
display:inline;
border: 0;
}

div#header a:hover {
background:none;
}

div#content {
float:left;
padding:10px 25px;
text-align:justify;
margin:0;
background-color:#FFFFFF;
}

div#content img {
display:block;
margin:0;
padding:0 0 20px 20px;
border:0;
float:right;
}

#main {
margin:0;
padding:0;
}

div#footer {
background-color: #CF9BC0;
clear:both;
margin:0;
padding:5px;
border-top:1px solid #7F1F62;
border-bottom:1px solid #7F1F62;
}

div#footer p {
font-size: 0.9em;
margin:0;
padding:5px;
}

img {
border: 0;
margin:0;
padding:0;
}

img.logo {
float:left;
}

/* Typography */

h1, h2, h3, h4, h5, h6, dt {
font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
color: #7F1F62;
}

h1 {
font-size: 1.6em;
line-height: 1.5em;
}

h2 {
font-size: 1.5em;
line-height: 1.5em;
}

h3 {
font-size: 1em;
line-height: 1.4em;
margin:0;
padding: 0;
}

h4 {
color:#333333;
font-size: 1em;
line-height: 1.4em;
margin:0;
padding: 0;
}

p, li {
font-size: 1em;
line-height:1.5em;
}

blockquote {
border-left:10px solid #ddd;
margin-left:10px;
}

strong {
font-weight: bold;
}

em {
font-style:italic;
}

a, a:link, a:active, a:visited {
color: #7F1F62;
text-decoration: underline;
}

a:hover {
color: #7F1F62;
text-decoration: none;
}

/* Others */	

hr {
display: none;
}

.cntr {
display:block;
margin:0 auto;
padding:0;
}

.txtcntr {
text-align:center;
}

.txtright {
text-align:right;
}

span.hide {
text-decoration:none;
}

.hide {
display: none;
}

/* Navigation */

div#nav {
float:left;
width:100%;
background:#EFE0EB;
text-transform: lowercase;
font-size:1em;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
border-top:1px solid #7F1F62;
border-bottom:1px solid #7F1F62;
}

div#nav ul {
margin:0;
padding:0;
list-style:none;
}

div#nav li {
float: left;
display: block;
margin:0;
padding: 0;
line-height: 1.2em;
font-weight: bold;
}

div#nav a, div#nav a:link, div#nav a:active, div#nav a:visited {
display: block;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 5px 22px;
color: #7F1F62;
background: #EFE0EB;
}

div#nav a:hover {
background: #CF9BC0;
}

div#nav strong {
display: block;
color: #FFFFFF;
background: #9E4682;
}
div#nav strong a, div#nav strong a:link, div#nav strong a:active, div#nav strong a:visited, div#nav strong a:hover {
color: #FFFFFF;
background-color: #9E4682;
}