/* typography.css */

body { 
font : 72%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
color : #000;
}

h2, h3, h4, p, ul, blockquote { 
/* margin : 0 10px .75em; */ 
   margin : 0 3px 0; 
}

h2, h3 { 
margin-bottom : .15em;
font : 150% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
font-weight : bold; 

/*letter-spacing : -1px; */

}

p { 
font-size : 100%; }

h2, h3 { 
/* color : #8f1e1e; */
}

h2+p { 
font-size : 110%; }

li > h4 { margin-left : 0; }

div#nav_main p { 
font-size : 140%;
color : #88a308; }

div#site_info p { 
}

/*
a:link, a:visited { 
text-decoration : none; }
*/

/*
a:link, a:visited { 
color : #8f1e1e; }
*/

p#bold, #bold {
font-weight: bold;
}


/*
li > p:first-letter {
font-size: 30pt;
}
*/ 

div#content_sub a, div#content_main a {
  /* border-bottom-style: dotted;
   border-bottom-width: thin; */
}


.navi_type {
       /* font-family: times, Times New Roman, times-roman, georgia, serif; */
	color: #444;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 24px;
	line-height: 20px;
	letter-spacing: -1px;
	font-weight: bold;
}


div#start_pict {
   background-image: url(../pict/boysstart.jpg);
 /*  background-attachment: fixed; */
   background-position: 50% 100%;
   background-repeat: no-repeat;
   
   
   width: 1600px;
   height:477px;
   position: relative;
   bottom: 0px;
   
   
   /* background-attachment:fixed; */
 /*  margin: 0 auto;
   z-index: 50;
   position : relative;
   bottom: 0px;
   
   overflow:hidden; */
}



/*** Navigation (Setting up some fonts, colors and more)***/

#navigation{
/* font-family: Times, Times New Roman, times-roman, georgia, serif; */
	font-size: 24px;
	line-height: 20px;
	/* letter-spacing: -2px; */
	letter-spacing: -1px;
	font-weight: bold;
}

#navigation a:link, #navigation a:visited{ color: #000; padding:10px; text-decoration:none;}

#navigation a:hover { color:#fff; text-decoration:none;}

#navigation a:link, #navigation a:visited{color: #000; padding:10px; text-decoration:none;}

#navigation a:hover { background-color: #bbb; color:#fff; text-decoration:none;}

#navigation .current a:link, #navigation .current a:visited{color: #fff;text-decoration:none;padding:10px;}

/*** Essential styles - Superfish menu (Setting the positions for the list elements etc.) ***/

.nav, .nav * {margin:0;padding:0;list-style:none;}

.nav ul {position:absolute;top:-999em;width:6em;}

.nav li {float:left;position:relative;z-index:99; /*font-size:12px; */}

.nav a {display:block;}

.nav ul li{width: 100%;}

.nav li:hover ul,ul.nav li.sfHover ul {left:-1px; top:1.7em;}

.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}

.nav li li:hover ul,ul.nav li li.sfHover ul {left:6em;top:0px;}

.nav li:hover ul,.nav li li:hover ul {top: -999em;}

/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/

.nav li {background-color:#fff; border-bottom:1px solid black;}

.nav li li:hover {background-color:#505050;}

.nav li li li {background-color:#454545;}

.nav li li li:hover {background-color:#505050; color: #ffffff;}