/***************************************************
HTML Elements
****************************************************/
h1
{
    font: 48px "Comic Sans MS", cursive;
    text-align: center;
    color: #b51775;
}
h2
{
    font: 18px "Comic Sans MS", cursive;
    text-align: left;
    color: #b51775;
}
h3
{
    font-size: larger;
}
h4
{
    font-size: larger;
    text-align: center;
}
h5
{   font-size: x-large;
    text-align: center;
}

img {
	border: none;
}

/***************************************************
Body
****************************************************/
#pretitle {
    font: 24px "Comic Sans MS", cursive;
    text-align: left;
	  color: #b51775;
	  margin: 8px 0 0 15px;
	  padding: 0;
}

#title {
    font: 48px "Comic Sans MS", cursive;
    text-align: center;
    color: #b51775;
	  margin: 5px 0;
	  padding: 0;
}

#byline {
    font: 18px "Comic Sans MS", cursive;
    text-align: right;
    color: #b51775;
	  margin: 0 15px 0 0;
	  padding: 0;
}

#footer {
	position: relative;
	  font-size: 12px;
	  font-weight: bold;
	  font-style: italic;
	  margin: 15px;
}

#disclaimer {
	  margin-top:15px;
}

/***************************************************
TOC
****************************************************/
#TOC h1 {
    font: 36px "Comic Sans MS", cursive;
    color: #b51775;
    margin: 10px 0 5px 0;
 	  text-align:left
}

#TOC li {
    font: 12px "Comic Sans MS", cursive;
    color: #312d82;
    margin: 0 15px;
	  list-style-type:none;
}

#TOC a {
    font-size: 16px;
}

#TOC li.current {
	list-style-type:square;
}

#TOC a:link,
#TOC a:visited,
#TOC a:active,
#TOC a:focus {color: #6460AB; text-decoration: none; outline:none;}

#TOC a:hover {color: #EC008C; text-decoration: underline;}

/***************************************************
Glossary
****************************************************/
.definition {
	margin: 1em; 0;
}

.note {
	margin: 1em; 15px;
	font-size: 14px;
}

.note em {
	font-style:italic;
	font-weight:bold;
}

.term {
    font: 16px "Comic Sans MS", cursive;
    color: #b51775;
    margin: 10px 0 5px 0;
	text-align:left;
}

.term:link, .term:active, .term:hover, .term:visited, .term:focus {
	text-decoration: none;
    color: #b51775;
}

.see {
	font-style:italic;
}

div.see {
	margin: 0 5px;
}

.see a:link,
.see a:visited,
.see a:active,
.see a:focus {color: #6460AB; text-decoration: none; outline:none;}

.see a:hover {color: #EC008C; text-decoration: underline;}

/***************************************************
Formatting
****************************************************/
p.fancyfirst:first-letter {
	font-size: 2em;
	line-height: 1em;
}

.popout {
	font-size: 18px;
}

.featureLink {
	font-weight: bold;
}

a:link,
a:visited,
a:active,
a:focus {color: #5b54d5; text-decoration: none; outline:none;}

a:hover {color: #5b54d5; text-decoration: underline;}

.footnote
{
    font: 10px Verdana, Geneva, sans-serif;
    margin-bottom: 1em;
}
.headnote
{
    font-style: italic;
}
.caption
{
    font-size: larger;
    text-align: center;
}
.imageleft
{
    clear: left;
    border: #ec008c 10px double;
    float: left;
    margin: 25px;
    position: static;
    text-align: left;
}
.imageright
{
    clear: right;
    border: #ec008c 10px double;
    float: right;
    margin: 25px;
    position: static;
    text-align: right;
}
.imagecenter
{
    border: #ec008c 10px double;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 25px;
    position: static;
    text-align: center;
    display: block;
}
.image-oneline
{
    border: #ec008c thin solid;
}

.extraStrong {
	font-size: 1.8em;
	font-weight: bold;
}

.superStrong {
	font-size: 3em;
	font-weight:bold;
}

.divright
{
    float:right
}

.pIndentSub {
	margin-left: 2em;
	text-indent: -2em;
}

.pIndentFull {
	margin-left: 2em;
}

table.gunhilda
{
    margin: 25px;
    padding: 25px;
    border: 10px double #ec008c;
    width: 75%;
    background-color: #fcf8f8;
    border-collapse: collapse;
    text-align: center;
    table-layout: fixed;
}
.tablebox
{
    border-collapse: separate;
    border: 10px double #ec008c;
    padding: 25;
    margin: 10px 25px;
}
.cellpad
{
    padding: 15px;
}
.corners
{
    padding-left: 50px;
    padding-right: 50px;
}

.tableleft
{
    clear: left;
    float: left;
}
.tableright
{
    clear: right;
    float: right;
}
.tablecenter
{
    margin-left: auto;
    margin-right: auto;
}
.line
{
  border-right: #ec008c 10px solid;
  border-top: #ec008c 10px solid;
  border-left: #ec008c 10px solid;
  border-bottom: #ec008c 10px solid;
  width: 65%;
}
.padded
{
    margin-top: 2em;
    margin-bottom: 2em;
}
.paddedandcentered
{
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
}
.signature
{
    margin-bottom: 2em;
    text-align: right;
}
.left
{
    text-align: left;
}
.right
{
    margin-bottom: 1em;
    text-align: right;
}
p.gunhilda
{
    font-weight: bold;
    margin-right: 5%;
    font-style: italic;
    text-align: right;
}

.minitext {
	font-size: .8em;
	font-style:italic;
	font-weight:bold;
}

.pinktext {
	 color: #b51775;
}

	
.bottompad
{
    margin-bottom: 1em;
}
.bottompad2
{
    margin-bottom: 2em;
}
.linepad
{
    border: #ec008c 10px solid;
    margin-top: 2em;
    margin-bottom: 2em;
    width: 65%;
}
.center
{
    text-align: center;
}
.floatright
{
    clear: right;
    float: right;
}
.floatleft
{
    clear: left;
    float: left;
}
.toppad3
{
    margin-top: 3em;
}
.doubleborder
{
    border: #ec008c 10px double;
}
.thinborder
{
    border: #ec008c 2px solid;
}
.thickborder
{
    border: #ec008c 10px solid;
}
.bold
{
    font-weight: bold;
}
.indent
{
    margin-left: 5%;
    margin-right: 5%;
}

/***************************************************
Hard Rule
****************************************************/
#hr1 {
    width:100%;
    margin: 15px auto;
}

#hr1 tr, #hr1 td {
    margin: 0;
    padding: 0;
}

#hr1_left, #hr1_right {
    width: 14px;
    height: 14px;
}

#hr1_middle {
    background-image: url('/graphics/hr_middle.gif');
    background-repeat:repeat-x;
}