body 
	{
	color: #ffd;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #903 url(dadimages/bgtile1.jpg) repeat;
	text-align: left;
	margin: 0;
	}

h2 {
font-size: 26px; 
line-height: 130%;
font-weight: 900;
color: #fc9;
}

p {
font: 13px verdana, arial, helvetica, sans-serif;
margin: 0px 10px 12px 0px;
padding: 0px;
line-height: 1.8em;/*line height can also be done under font eg. 13px/22px*/
}


#title {
	font-size: 30px;
font-weight: bold;
font-family: "Times New Roman", "Hoefler Text", Georgia, Times, serif;
font-variant: small-caps;
font-style: oblique;
position: relative;
	top: 20px;
	left: 0px;/*these position whole text and shadow unit as one*/
margin-bottom: 10px;
}

#text {
	color: #ffc;
	position: relative;
	z-index: 2;
	top: 0;
	left: 0;
	}

#shadow {
	color: #444; /*the simpler #503, an average of the CSS drop shadow in navbar above, works quite well too*/
	position: absolute;
	z-index: 1;
	top: 4px;
	left: 3px;
	}


#swordmotif 
	{
	top: -4px;
left: 5%;
margin-left: -15px;
	text-align: center;
background-color: transparent;
	visibility: visible;
	position: absolute;
	height: 171px;
width: 176px;
	}


#header 
	{
	background-color: transparent;
	text-align: center;
	visibility: visible;
	position: relative;
	height: 182px;
margin-top: -2px;
margin-left: -20px;

	}

#navbar 
	{
	color: white;
background-color: #69f;
border-top: 1px solid #cff;
border-bottom: 1px solid #06f;
margin-top: 0px;
padding: 0px;
font-size: 9px;
font-weight: bold;
text-align: center;
letter-spacing: 4px;
	}

.shadow1
{
background: #903;
padding-bottom: 2px;
margin-top: 2px;
margin-bottom: 10px;
}

.shadow2 
{
background: #803;
margin-top: -1px;
padding-bottom: 1px;
}

.shadow3 
{
background: #703;
margin-top: -1px;
padding-bottom: 1px;
}

.shadow4 
{
background: #503;
margin-top: 0px;
padding-bottom: 1px;
}

.shadow5 
{
background: #403;
margin-top: 0px;
padding-bottom: 1px;
}

.shadow6 
{
background: #303;
margin-top: -1px; 
padding-bottom: 1px;
}

a:link
	{
	color: white;
	text-decoration: none;
	}
	
a:visited 
{
color: white;
text-decoration: none;
}

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

a:active
{
color: #f00;
text-decoration: none;

}

#crest 
	{
	top: 207px;
left: 20px;
	text-align: center;
background-color: transparent;
	visibility: visible;
	position: absolute;
	height: 252px;
width: 200px;
	}

.leftcol 
	{
position: absolute;
top: 440px;
left: 0px;
	text-align: right;
	width: 200px;
	}

.menuitem 
	{
	color: #69f;
font-weight: bold;
	margin-bottom: 18px;
	margin-left: 20px;
font-size: 11px;
border-top: 0 none;
	border-right: 0 none;
	border-bottom: 1px dotted #f00;
	border-left: 0 none;
	}

.menuitem a:link 
	{
	color: #9cf;
        font-weight: bold;
	text-decoration: none;
	}

.menuitem a:visited
{
color: #9cf;
text-decoration: none;
}

.menuitem a:hover 
	{
	color: #c63;
	text-decoration: none;
	}

.menuitem a:active
{
color: #f00;
text-decoration: none;
}

.maincol 
	{
margin-left: 240px;
margin-top: 5px;
        padding-left: 0px;
padding-right: 20px;
	}


	
.dropcap:first-letter 
{
				font: bold 300% times, serif; 
				color: #9cf; 
				float: left;
				margin-right: 1px;
margin-top: -2px;
}


#csslogobutton
	{
	color: white;
background-color: transparent;
	text-align: left;
	visibility: visible;
	position: relative;
left: 0px; 
	height: 31px;
width: 88px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 33px;
}

#footer 
	{
color: white;
	font-size: 9px;
	line-height: 16px;
	background-color: #69f;
	text-align: center;
	letter-spacing: 5px;
font-weight: bold;
	height: 16px;
       }