@charset "utf-8";
/* CSS Document */


h1 {
font-size: 1.3em;
color:#990000;
}

h2 {
font-size: 1em;
color:#990000;
}

#container {
vertical-align: middle;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
position: relative;
width: 750px;
}

#header {
width: 750px;
height: 126px;
background: url(images/header01.jpg);
padding: 0;
margin: 0;
}

#nav {
background-color: #ffffff;
}

#nav ul {
font-size: .8em;
padding-top: 0px;
padding-left: 0px;
margin-top: 0px;
background-color: #ffffff;
position: absolute;
top: 126px;
right: 0px;
font-family:"Trebuchet MS", Georgia, Tahoma;
text-decoration: none;
}

#nav li { display: inline; 

}

#nav a:link {
padding: 0.4em 0.2em;
background-color: #FFFFFF;
color: #FF0000;
text-decoration: none;
}

#nav a {
padding: 0.4em 0.2em;
background-color: #FFFFFF;
color: #FF0000;
text-decoration: none;
}

#nav a:visited {

background-color: #FFFFFF;
color: #FF0000;
text-decoration: none;
}

#nav a:hover {
background-color:#FF6633;
color: #ffffff;
}

#nav a:active {
background-color:#FF6633;
color: #ffffff;
}



#mainbody {
background-color: #FFFFFF;
text-align: left;
padding: 10px;
width: 730px;
min-height: 400px;
background-image:url(images/bg_conduct.jpg);
color: #000000;
background-repeat: no-repeat;
background-position: bottom right;

}

#mainbody2 {
text-align: left;
padding: 10px;
width: 730px;
min-width: 700px;
min-height: 400px;
background-color: #FFFFFF;
color: #000000;
background-repeat: no-repeat;
background-position: bottom right;
}

#mainbodyPics {
text-align: left;
padding-top: 20px;
padding-left: 30px;
width: 720px;
min-width: 700px;
min-height: 400px;
background-color: #FFFFFF;
color: #000000;
background-repeat: no-repeat;
background-position: bottom right;
}

body {
background-color: #000000;
color: #FFFFFF;
font-family: "Trebuchet MS", Georgia, Tahoma;
font-size: 1em;
margin: 0;
}

.indexpictures {
float: left;
width: 300px;
padding: 0 10px 10px 0;

}

.bodytext {
	float: left;
	width: 300px;
	font-family: "Trebuchet MS", Georgia, Tahoma;
	

}

.normal {
font-size: .8em;
color: #000000;
font-family: "Trebuchet MS", Georgia, Tahoma;

}

p.indent {
font-size: .8em;
color: #000000;
font-family: "Trebuchet MS", Georgia, Tahoma;
width: 250px;
}

p.bolded {
font-size: .8em;
color: #333333;
font-weight: bold;
width: 250px;
font-family: "Trebuchet MS", Georgia, Tahoma;
}

p.submenu {
font-size: 1em;
color: #FF6633;
text-align: left;
}

p.credits {
font-size: .8em;
text-align: left;
color: #666666;
padding: 8px;
}

a:link.submenu {
font-size: .8em;
color: #FF6633;
text-align: left;
}
a:visited.submenu {
font-size: .8em;
color: #FF6633;
text-align: left;
}

a:hover.submenu {
font-size: .8em;
background-color: #CCCCCC;
color: #FF6666;
text-align: left;
}

#footer {
position: absolute;
bottom: -20px;
left: auto;
color: #CCCCCC;
font-size: .6em;
text-align: center;
}

a.footer:link {
color: #66CCFF;
text-decoration: none;
}

a.nameTitle:link {
color: #CC0000;
text-decoration: none;
font-size: 1.2em;
}

a.nameTitle:visited {
color: #CC0000;
text-decoration: none;
font-size: 1.2em;
}

a:hover.nameTitle {
color: #FF9900;
text-decoration: underline;
font-size: 1.2em;
}

.demoLink {
font-size: .9em;
color: #CC0000;
text-decoration: none;
text-align: left;
float: left;
}

.demoLink:hover {
font-size: .9em;
color: #FF9900;
text-align: left;
text-decoration: underline;
float: left;
}

.demoDesc {
float: right;
font-size: .8em;
color: #666666;
text-align: right;
}

.thumbnails {
float: left;
width: 125px;
margin: 0 15px 15px 0;
}

.clearboth {
clear: both;
}