/* Styles the body. */

body{
 background: url('template_picture.jpg');
 background-repeat: no-repeat;
 background-color:#003399;
 color: #003399;
 padding: 0;
 margin-bottom: 5%; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:arial, sans-serif; margin-left:0; margin-right:0; margin-top:0
}


/* The design-holder. */

#holder{
 position: absolute;
 left: 180px; top: 30px;
 width: 540 px; height: 320;
 background-color: #FFFFFF;
 border-left: .2% #436C78 solid; border-right: .2% #436C78 solid; border-bottom: .2% #436C78 solid;
}

/* The content holder */

#content{
 position: absolute;
 left: 180px; top: 90px;
 width: 502px; height: 352px;
 background-color: #FFFFFF;
 overflow: auto;
}











/* Styles the 'p'-tag. */

p{
 margin: 2.5% 3.0% 1.0% 3.0%;
 padding: 0;
 text-indent: 1.5%;
 font: 12px arial, sans-serif;
 line-height: 1.5em;
 color: #3E515E;
}

td{
 font: 12px arial, sans-serif;
 color: #3E515E;
}

form{
 margin: 2.5% 3.0% 1.0% 3.0%;
 padding: 0;
 font: 12px arial, sans-serif;
 line-height: 1.5em;
 color: #3E515E;
}

/* Use this (with the 'h4'-tag as header) if you want to quote something. */

.quote{
 margin: 0 3% 1.0% 5.0%;
 font: italic 0.8em verdana, sans-serif;
 background-color: #fff;
 padding: .5%;
 text-indent: 0;
 border: .1% #aaa dotted;
}


/* Use this if you don't want first lines on all paragraph to be moved 15px inn */

.noindent{
 text-indent: 0;
}


/* The biggest font. */

h1{
 font: 2em "times new roman", serif;
 margin: 2.5% 0 0 3.0%;
 padding: 0;
 color: #3E515E;
}


/* The font below the biggest font. */

h2{
 font: 0.8em georgia, serif;
 margin: -.3% 0 0 3.5%;
 padding: 0;
 color: #aaa;
}


/* Use this for paragraph titles. */

h3{
 font: 1.4em verdana, serif;
 text-decoration: underline;
 margin: 2% 0 0 3%;
 padding: 0;
 color: #3E515E;
}


/* Use this on all paragraphs (but not #quote) wich are part of the article/documentation/etc.. */

.text{
 margin: 1.5% 3% 1% 3%;
}


/* The title to be used when displaying a quote with '#quote'. */

h4{
 font: 1.2em georgia, serif;
 margin: 0 0 0 5%;
 padding: 0;
 color: #3E515E;
}


/* Italic text. */

i{
 font: 1em arial, sans-serif;
 font-style: italic;
 color: #000;
}


/* Bold text. */

b{
 font-weight: bold;
 color: #3E515E;
}


/* The list ('li') holder. */

ul{
 background-color: #fff;
}


/* Lists. */

li{
 margin: 0 0 0 .5%;
 padding: 0;
}


/* Styles all links on the page (without the menu, wich allready have been styled). */

a{
 color: #003399;
 text-decoration: underline;
}


/* Same as above, exept this is the hover (mouse-over) effect. */

a:hover{
 color: #3E515E;
 text-decoration: none;
}