/* general info */
body {
	padding:0;
	margin:0;
	background-color: #A0CFEC;
	background-repeat:repeat-x;
		background-position: 50% 0%;
}

a:visited {
	color: #3300CC;
	text-decoration: none;
}

a:hover {
	color: #3300CC;
	text-decoration: underline;
}

a:active {
	color: #3300CC;
	text-decoration: none;
}

a:link {
	color: #3300CC;
	text-decoration: none;
}

/* intro page */
#Contentintro {
	width:600px;
	margin:10px auto;
	border: 1px solid #A0CFEC;
	text-align: center;
	}

#flashcontent {
		width: 600px;
		height: 200px;
		font-family:arial,verdana, georgia, sans-serif;
		text-align: center;
		font-size:x-large;
		color: #3300CC;
		background-color: #A0CFEC;
		width:100%; /* I have to specify a width for IE5 PC, or else it ignores the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/
		voice-family: "\"}\"";
		voice-family: inherit;
		width:auto;

	}

.bigpictureintro { 
	width: 420px;
	height: 160px;
	padding: 40px 160px 0px 20px;
	font-family:arial, tahoma, time, sans-serif;
	font-size:small;
	font-weight: bold;
	color: #3300CC;
	line-height: 150%;
		background-repeat:repeat-x;
	background-color: transparent;
}

#footerintro {
		position: relative;
		width: 600px;
		font-family:arial,verdana, georgia, sans-serif;
		text-align: center;
		font-size:x-small;
		padding: 50px 0px 40px 0px;
		background-color: transparent;
		clear: both;
		}



/* all pages */
#Content {
	width:700px;
	margin:10px auto;
	border: 1px solid #A0CFEC;
		background-repeat:repeat-x;
	background-attachment: fixed;
	background-position: 100% 80%;
	}

#title {
		padding-top: 40px;
		padding-left: 155px;
		margin-left: 0px;
		height: 78px;
		font-family:arial,verdana, georgia, sans-serif;
		font-weight: bold;
		text-align: left;
		font-size: xx-large;
		color:#3300CC;
		padding-bottom:1em;	
		width:100%; /* I have to specify a width for IE5 PC, or else it ignores the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/
		voice-family: "\"}\"";
		voice-family: inherit;
		width:auto;
		background-repeat: no-repeat;
		background-position: 20% 50%;
		background-color: transparent;
		}
.title2 {
		font-family:verdana, georgia, arial,  sans-serif;
		padding-top: 5px;
		text-align: left;
		width:85%;
		font-size: medium;
		font-weight: bold;
		color:#3300CC;
		background-color: transparent;
		}

#topbar{
	position: absolute;
	width: 500px;
	top:138px;
	margin-right: 10px;
	margin-left: 190px;
	font-family:verdana, time, georgia, sans-serif;
	font-size:x-small;
	color: #A0CFEC;
	text-align:right;
	background: transparent;
}

#style  {
	font-size:95%;
}

#texttitle { 
	font-size:large;
	font-family:arial,tahoma, time, sans-serif;
	color: #3300CC;
	line-height: 150%;
}

#texttitle2 { 
	font-size:14px;
	font-family:arial,tahoma, time, sans-serif;
	text-decoration: bold;
	color: #3300CC;
	line-height: 150%;
}

#text {
    position: relative;
	width: 458px;
	height: 100%;
	padding: 20px 20px 20px 20px;
	margin-left: 142px;
	font-family:arial,tahoma, time, sans-serif;
	font-size:small;
	font-weight: bold;
	color: #3300CC;
	text-align:left;
	background-color: transparent;
	line-height: 150%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:auto;
	border-top: 20px solid #A0CFEC;
}

.textstandout {
	color: #3300CC;
	display: inline;

}


/* left navigation */

#navigation {
z-index: 1;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
}

#menu {
position: absolute;
z-index: 1;
float: left;
font-size: 75%;
top: 13.25em;
font-family: verdana, arial, sans-serif;
width: 12em;
background-color: transparent;
}

#menu dt {
cursor: pointer;
background-color: transparent;
height: 100%;
line-height: 20px;
margin: 2px 2px;
border: 1px solid #330099;
text-align: center;
font-weight: bold;
display: block;
color: #330099;
text-decoration: none;
}

#menu dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 15em;
background: #A0CFEC;
border: 1px solid #A0CFEC;
list-style-type: none;
display: none;
}

#menu ul {
padding: 0px 0px 0px 1px;
}
#menu li {
text-align: left;
font-size: 85%;
height: 100%;
line-height: 18px;
list-style-type: none;

}
#menu li a{
color: #3300CC;
text-decoration: none;
display: block;
list-style-type: none;
}

#menu dt a:hover {
color: #3300CC;
text-decoration: none;
background: #A0CFEC;
display: block;
list-style-type: none;
}

#menu li a:hover {
background: #330099;
color: #3300CC;
}

/* footer info */

#footer {
		position: relative;
		width: 625px;
		font-family:arial,verdana, georgia, sans-serif;
		text-align: center;
		font-size:x-small;
		padding: 60px 75px 40px 0px;
		background-repeat: no-repeat;
		background-position: 85% 50%;
		background-color: transparent;
		color: #3300CC;
		clear: both;
		}