body{
 background: #f7f7e6 ;/*url(/uploads/pics/WEB_BY_NUMBERS2.png) repeat-x;*/
 font: 12px arial, sans-serif;
 color: #ffffff;
 /*margin: 15%; padding: 15%;*/
 margin-bottom: 50px;
}



#holder{
 position: absolute;
 left: 50%; top: 5%;
 width: 750px; height: auto;
 margin-left: -375px; margin-bottom: 25px;
 padding-bottom: 25px;
 background-color: white;
 border-top: 2px darkblue solid; border-left:2px darkblue solid; border-right: 2px darkblue solid; border-bottom: 2px darkblue solid;
}



#header, #undermenu, #content, #footer{
 position: relative;
 left: 0; top: 0;
 width: 100%;
}
/*
#menu{
 position: relative;
 text-align:right;
 left: 0; top: 0;
 width: 100%;
}
*/
#menu1{
 color:darkblue;
 height: 18px;
 padding-top: 2px;
 padding-bottom: 2px;
 text-align: left;
 font: 1em arial, sans-serif;
 background: #f7f7e6;
 border: 1px darkblue solid;
}

#menu2{
 color:darkblue; 
 height: 18px;
 padding-top: 2px;
 text-align: left;
 font: 1em arial, sans-serif;
}

#menu3{ 
 color:darkblue;
 height: 18px;
 padding-top: 2px;
 text-align: left;
 font: 1em arial, sans-serif;
}



#header{
 height: 110px;
 background:  repeat-x;
}



#header h1{
	position: absolute;
	left: 17px;
	bottom: 20px;
	margin: 0;
	font: 1.5em verdana, sans-serif;
	color: #fff;
	z-index: 1;
	top: 110px;
}



#header h2{
 position: absolute;
 left: 21px; top:0px;
 margin: 0;
 font: 1.4em verdana, sans-serif;
 color: darkblue;
 z-index: 2;
}

#content h2{
 margin: 0;
 font-weight:bolder;
 font: 1.2em verdana, sans-serif;
 color: darkblue;
 z-index: 2;
}



#menu{
 height: 18px;
 padding-top: 2px;
 text-align: right;
 font: 1em arial, sans-serif;
}

   #menu a{ color:darkblue; text-decoration:none; font-weight:bold; margin-left:10px; margin-right: 10px; }
   #menu a:hover{ color:#000; text-decoration:none; margin-left:10px; margin-right: 10px; }
   #menu1 a{ color:darkblue; text-decoration:none; font-weight:bold; margin-left:10px; margin-right: 10px; }
   #menu1 a:hover{ color:#000; text-decoration:none; margin-left:10px; margin-right: 10px; }
   #menu2 a{ color:darkblue; text-decoration:none; font-weight:bold; margin-left:10px; margin-right: 10px; }
   #menu2 a:hover{ color:#000; text-decoration:none; margin-left:10px; margin-right: 10px; }
   #menu3 a{ color:darkblue; text-decoration:none; font-weight:bold; margin-left:10px; margin-right: 10px; }
   #menu3 a:hover{ color:#000; text-decoration:none; margin-left:10px; margin-right: 10px; }






#content{
 height: auto;
 background-color: transparent;
}

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

p{
 margin: 0px 20px 10px 20px;
 padding: 0;
 text-align: left;
 text-indent: 0px;
 font: .8em arial, sans-serif;
 line-height: 1.5em;
 color: darkblue;
}


.bulletlist{
 margin: 25px 20px 10px 20px;
 padding: 0;
 text-align: left;
 text-indent: 10px;
 font: .8em arial, sans-serif;
 line-height: 1.5em;
 color: darkblue;
}

.l1title{
 font: 1.5em verdana, sans-serif;
 margin: 5px 0 0 0;
 padding: 0;
 color: darkblue;
}

.l2title{
 font: 1.3em verdana, sans-serif;
 margin: 0 0 0 5px;
 padding: 0;
 color: darkblue;
}


.quote{
 margin: 0 30px 10px 50px;
 font: italic 0.8em verdana, sans-serif;
 background-color: #fff;
 padding: 5px;
 text-indent: 0;
 border: 1px #aaa dotted;
}


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

.noindent{
 text-indent: 0;
}


/*	BACKGROUND: url(/uploads/pics/WEB_BY_NUMBERS2.jpg) darkblue no-repeat; WIDTH: 100%; HEIGHT: 104px  */
.image {
	BACKGROUND: darkblue ; WIDTH: 100%; HEIGHT: 50px  ;
	 font: 2.4em verdana, sans-serif;
	 color: white; text-align:center;
	 vertical-align:bottom;
}
h1{
 font: 2em verdana, sans-serif;
 margin: 5px 0 0 30px;
 padding: 0;
 color: darkblue;
}


/* The font below the biggest font. */

h2{
 font: 1.0em verdana, sans-serif, ;
 font-weight: bold;
 margin: -9px 0 0 0px;
 padding: 0;
 line-height: 1.5em;
 
 color: darkblue;
}


/* Use this for paragraph titles. */

h3{
 font: 0.8em verdana, serif;
 text-decoration: underline;
 text-align:right;
 margin: 0px 10px 0px 10px;
 padding: 0;
 color: darkblue;
}


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

.text{
 margin: 15px 30px 10px 30px;
}


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

h4{
 font: 1.2em verdana, sans-serif;
 margin: 0 0 0 50px;
 padding: 0;
 color: darkblue;
}


/* Italic text. */

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


/* Bold text. */

b{
 font-weight: bold;
 color: darkblue;
}


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

ul{
 background-color: #fff;
}


/* Lists. */

li{
 margin: 0 0 0 5px;
 padding: 0;
}


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

a{
 color: darkblue;
 text-decoration: underline;
}


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

a:hover{
 color: darkblue;
 text-decoration: none;
}
a:visited{
 color: darkblue;
}