body.intro
{
background-image: url(../img/bg_black.png);
margin: auto;
padding: 0px;
background-repeat: repeat-x;
background-color: #ffffff;
}

body
{
margin: 0px;
padding: 0px;
background-repeat: repeat-x;
background-color: #dddddd;
color: #666666;
}

div#intro
{
padding-top: 100px;
width: 970px;
height: auto;
margin: 0px auto;
font-family: arial;
font-size: 12px;
}


div#site
{
/* background-image: url(../img/background.png); */
width: 978px;
height: auto;
padding: 0px auto;
margin: 0px auto;
font-family: arial;
font-size: 12px;
background-color: #ffffff;
}

div#header
{
width: 970;
height: 186;
margin: 0px 4px 0px 4px;
padding: 0px;
}

div#nav
{
background-image: url(../img/menu_bg.png);
width: 970px;
height: 20px;
margin: 0px 4px 0px 4px;
padding: 0px;
}

div.starter
{
float: left;
width: 20px;
height: 20px;
margin: 0px;
padding: 0px;
}

div.menu
{
float: left;
width: 100px;
height: 12px;
margin: 4px;
padding: 0px;
text-align: center;
}

div.spacer
{
float: left;
width: 17px;
height: 20px;
margin: 0px;
padding: 0px;
}

div.stopper
{
background-image: url(../img/menu_right.png);
float: left;
width: 200px;
height: 20px;
margin: 0px;
padding: 0px;
}

div#content
{
width: 970;
height: auto;
margin: 4px 4px 4px 24px;
padding: 0px;
}


div#footer
{
width: 970;
height: 17;
margin: 4px;
padding: 0px;
font-family: arial, sans-serif;
font-style: italic;
text-align: right;
color: #888888;
font-size: 9px;
text-align: right;
}

div#pictures
{
float: right;
width: 300px;
height: 300px;
margin: 20px;
padding: 0px;
}

div#pictures_long
{
float: right;
width: 550px;
height: auto;
margin: 20px;
padding: 0px;
}

h1 
{
font-family: arial, sans-serif;
margin:0px;
padding:0px;
font-size: 16px;
font-weight: normal;
color: #888888;
}

/*** under website title ***/
h2
{
color: #555555;
font-family: arial, sans-serif;
margin: 0px;
font-size: 14px;
font-weight: bold;
}

/*** content headings ***/
h3
{
color: #555555;
font-family: arial, sans-serif;
margin-bottom:10px;
padding-left:5px;
font-size: 12px;
font-weight: bold;
border-bottom: solid 1px #990000;
}

/*** text headings ***/
h4 
{
font-family: arial, sans-serif;
margin:0px;
padding:0px;
font-size: 12px;
font-weight: bold;
color: #888888;
}
h4:first-letter
{
font-size: 16px;
font-weight: bold;
color: mediumvioletred;
}


/*** footer ***/
h5
{
color: #000000;
font-family: arial, sans-serif;
text-align:center;
font-size: 12px;
font-weight: normal;
margin-top:0px;
}


input
{
font-family: arial, sans-serif;
margin-bottom:0px;
margin-top:0px;
font-size: 12px;
font-weight: normal;
border-style: solid;
border-color: #888888;
border-width: 1px;
}

input.button
{
font-family: arial, sans-serif;
margin-bottom:0px;
margin-top:0px;
font-size: 12px;
font-weight: normal;
border-style: solid;
background-color: mediumvioletred;
border-color: black;
color: white;
border-width: 1px;
}

textarea
{
font-family: arial, sans-serif;
margin-bottom:0px;
margin-top:0px;
font-size: 12px;
font-weight: normal;
border-style: solid;
border-color: #888888;
border-width: 1px;
}


.clear
{
clear: right;
}



/*** Links ***/
a:link    	{ color:mediumvioletred; text-decoration:none; }
a:visited 	{ color:mediumvioletred; text-decoration:none; }
a:hover   	{ color:black; text-decoration:underline; font-weight: normal; }
a:active  	{ color:black; text-decoration:underline; font-weight: normal; }

a.menu:link    	{ color:white; text-decoration:none; }
a.menu:visited 	{ color:white; text-decoration:none; }
a.menu:hover   	{ color:black; text-decoration:none; font-weight: normal; }
a.menu:active  	{ color:black; text-decoration:none; font-weight: normal; }

a.menua:link    	{ color:black; text-decoration:none; }
a.menua:visited 	{ color:black; text-decoration:none; }
a.menua:hover   	{ color:black; text-decoration:none; font-weight: normal; }
a.menua:active  	{ color:black; text-decoration:none; font-weight: normal; }