body {      
margin: 0;
padding: 0;
font: 55% georgia, verdana, arial, helvetica, sans-serif;
color: #444444;
background: url("images/clouds.jpg") no-repeat center top;
}

/* Centering |*|ALL|*| DIVs */
#vertical_centering {
position: absolute;
width: 100%;
margin-top: 20px;


}
#horizontal_centering {
position: relative;
width: 772px;
height: 25px;
margin: 0px auto;
text-align: left;
background-color:#FFFFFF;
}

/* NAVIGATION */
#nav_list {	
height: 1.2em;
margin: 0 0 0 20px;
padding: 0;
font-size: 1.8em;
}
#nav_list a, #nav_list a:link, #nav_list a:visited {
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none;
text-transform:uppercase;
color: #343434;
}
#nav_list a:hover, #nav_list a:active, #nav_list a:focus {
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none;
color: #000;
}
#nav_list li {
padding-right: 1px;
display: inline;
}
#nav_list #active a {
font-weight: bold;
}

/* Everything inside the dark borders, both text areas  */
#content {
width: 770px;
height: 1400px;
border: 3px solid #626262;
font-size: 1.5em;
overflow: auto;
text-align:center;
background-color:#FFFFFF;

/*background: #f8f9fa url("images/newalex2.jpg") no-repeat bottom right;
background-position: 400px 140px; */
z-index:1;

}

/* Everything inside the dark borders, both text areas  NO BG*/
#nobgcontent {
width: 770px;
height: 1400px;
border: 3px solid #626262;
font-size: 1.5em;
overflow: auto;
z-index:2;

}

#menucontainer {
width: 770px;
height: 100px;
overflow: auto;
z-index:99;

}

/* The main text area, the wide one  */
#main_content {
width: 693px;
margin: 0 10px 0 28px; 
z-index:3;
background-color:#FFFFFF; 
}
/* Paragraph settings for main text area  */
#main_content p{
margin-top: 0.2em ;
}

#toptext {
text-align:left;
}

/* The second text area, the narrow one  */
#secondary_content {
width: 360px;
margin: 0 28px 0 28px;
}
/* Paragraph settings for second text area  */
#secondary_content p{
margin: 0.2em 0 0.5em 0;
}

/* The "designed by" info in the footer below the rose. Please keep link to http://niemi.it  */
#footer {
float: right;	
height: 1.2em;
font-size: 1.1em;
text-transform:uppercase;
}

#footer p {margin: 0;}

/* HEADINGS, MISC and LINKS */
h1 {
margin: 0.8em 0 0.3em 0;
font-size: 1.3em;
}

h2 {
margin: 0.5em 0 0 0 ;
font-size: 1.0em;
}

h3 {
margin: 0.5em 0 0 0 ;
font-size: 1.0em;
color: #5a6647;
}

em {
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
text-transform:uppercase;
}

strong {
text-decoration: none;
font-size: 0.8em;
font-weight: bold;

}

a:link {color: #298ac7;}
a:visited {color: #184d6f; text-decoration: none;}
a:hover {color: #184d6f;}
a:active {color: #184d6f;}