/* CSS for Trinity */

body {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
margin-bottom: 0px;
margin-left: 100px;
margin-right: 0px;
margin-top: 0px;
width:990px;
position:absolute;
left:5%;
}

#gm{
width:1010;
left:5%;
}
h1 {
font-size: 22px;
font-weight: bold;
text-align: center;
font-family: Times, "Times New Roman", serif;
color: #ffcc66;}

h2 {
font-size: 20px;
font-weight: bold;
margin-left: 10%;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #2f2f2f;}

h3 {
font-size: 18px;
font-weight: normal;
margin-left: -10%;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #2f2f2f;}

h4 {
color: #993300;
font-size: 14px;
font-weight: bold;
font-family: Times, "Times New Roman", serif;
}

h5 {
color: #3f3f3f;
font-size: 14px;
font-weight: bold;
font-family: Times, "Times New Roman", serif;
font-style: italic;}

h6 {
font-size: 18px;
font-weight: bold;
margin-left: 2%;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #2f2f2f;}

div.WhiteBoldCenter16 {
color: #ffffff;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;}

div.WhiteBoldCenter12 {
color: #ffffff;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;}

div.GreenBoldLeft16 {
color: #004000;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;}

div.GreenBoldCenter16 {
color: #004000;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;}

div.GreenBoldRight16 {
color: #004000;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: right;}

div.GreyLeftBold14 {
color: #3f3f3f;
font-size: 14px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-style: normal;}

div.GreyCenterBold14 {
color: #3f3f3f;
font-size: 14px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-style: normal;}

div.GreyLeft14 {
color: #3f3f3f;
font-size: 14px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-style: normal;}

div.GreyCenter14 {
color: #3f3f3f;
font-size: 14px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-style: normal;}

div.GreyRight14 {
color: #3f3f3f;
font-size: 14px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: right;
font-style: normal;}

div.YellowCenter {
color: #ffffcc;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-style: normal;}

div.BlackLeft {
color: #000000;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-style: normal;}

div.GreyLeft {
color: #3f3f3f;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-style: normal;}

div.GreyLeftBold {
color: #3f3f3f;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-style: normal;}

div.GreyRightBold {
color: #3f3f3f;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: right;
font-style: normal;}

div.GreyCenter {
color: #3f3f3f;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-style: normal;}

div.GreyCenterBold {
color: #3f3f3f;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-style: normal;}

div.GreyRight {
color: #3f3f3f;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: right;
font-style: normal;}

p.GreyLeft {
color: #3f3f3f;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-style: normal;}

li {
color: #3f3f3f;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-style: normal;}


table {}

tr {}

td.BrownBorder {
border: 1px #996633 solid;
text-align:top;
}

th {}

caption {}


p.GreyLeft14 {
color: #3f3f3f;
font-size: 14px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-left: 8px;
text-align: left;}

p.GreyCenter14 {
color: #3f3f3f;
font-size: 14px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;}

p.GreyLeftBold {
color: #3f3f3f;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-style: normal;}

p.GreyCenter {
color: #3f3f3f;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-style: normal;}

p.GreyBoldCenter {
color: #3f3f3f;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-style: normal;}

p.GreyRight {
color: #3f3f3f;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: right;
font-style: normal;}

p.GreyBoldLeft14 {
color: #3f3f3f;
font-size: 14px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;}

p.GreyBoldCenter14 {
color: #3f3f3f;
font-size: 14px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;}

p.GreyBoldRight14 {
color: #3f3f3f;
font-size: 14px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: right;}

p.GreyBoldLeft16 {
color: #3f3f3f;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;}

p.GreyBoldCenter16 {
color: #3f3f3f;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;}

p.GreyBoldCenter20 {
color: #3f3f3f;
font-size: 20px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;}

div.GreyBoldCenter16 {
color: #3f3f3f;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;}

p.GreyBoldRight16 {
color: #3f3f3f;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: right;}

p.RoseBoldCenter16 {
color: #993366;
font-size: 16px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;}

p.RoseActivePage {
background-color: #99cc99;  
color: #cc6699;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-decoration: none
}

a:link {
color: #0066cc;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: none;}

a:visited {
color: #0066cc;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: none;}

a:hover {
color: #6699ff;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: none;}

a:active {
color: #6699ff;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: none;}

a.navbar:link {
background-color: #339933;  
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

a.navbar:visited {
background-color: #339933;  
color: #cccccc;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-decoration: none
}

a.navbar:hover {
background-color: #339933;  
color: #ff9933;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-decoration: none
}

a.navbar:active {
background-color: #339933;  
color: #ffffcc;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-decoration: none
}

a.mp3:link {
color: #0066cc;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: none;}

a.mp3:visited {
color: #0066cc;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: none;}

a.mp3:hover {
color: #6699ff;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: none;}

a.mp3:active {
color: #6699ff;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: none;}

li.folderlist{
list-style-type:none;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
.firstcharacter { float: left; color: #903; 
font-size: 75px; line-height: 60px; padding-top: 
4px; padding-right: 8px; padding-left: 3px; 
font-family: Georgia; 
text-shadow: 4px 4px 0 #566074, 7px 7px 0 #fff;
}
.container   { width:75%; background-color:#222; overflow:hidden;
               padding:1px; }
form         { color:#FEFEFE; width:480px; margin:0 auto;
               background-color:#F62; }
label, input { float:left; }
label        { clear:left; width:95px; }
div.ex
{
width:620px;
height:35px;
line-height: 40px;
padding:1px;
border:1px solid gray;
margin:0px;
background-color:#0E5D95;
color:white;
font-size:30px;
text-align:center;
}
div.ex2
{
width:370px;
height:35px;
line-height: 40px;
padding:1px;
border:0px solid gray;
margin:0px;
background-color:#0E5D95;
color:white;
font-size:25px;
text-align:center;
}
div.ex3
{
width:5px;
height:5px;
line-height: 40px;
padding:1px;
border:0px solid gray;
margin:0px;
background-color:white;
color:white;
font-size:25px;
text-align:center;
}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
body { margin: 0; padding: 0;  background: #eee; }
.myButton {
border:none;
color:blue;
font-size:20px;
cursor:pointer;
}
 
/* Navigation Bar */
 
.nav-bar {

  background: linear-gradient(to bottom, #ADD8E6, #00008B);  /* Blue gradient - light to dark. */
  position:relative;
  left:5px;
  width:999px;  
  font-size: 14px;
  font-family: Arial, sans-serif;
  text-align: left;  /* May want to align center */
}
.nav-menu a {
  color: #fff;  /* White font for link color. */
}
.nav-menu,
.nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-menu li {
  position: relative;
  left:0px;
}
.nav-menu a {
  padding: 5px 10px;
  margin: 2px 10px;
  display: block;
  text-decoration: none;
  border-radius: .2em;  /* Nice little rounded corners. */
}
.nav-menu a:hover {
  opacity: 1.0;
  background: rgba(0, 0, 0, 0.8);  /* Solid black rollover for all items. */
}
 
/* Selected Menu Item */
 
.selected {
  opacity: 1.0;
  background: rgba(255, 255, 255, 0.5);  /* Transparent white selected item. */
  color: #000 !important;                /* Black font. */
  border-radius: .2em;
}
 
/* Navigation Bar - Level 1 Drop Down Menu */
 
.nav-menu > li {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
}
.nav-menu > li:first-child {
  margin-left: 0;
}
.nav-menu > li > a {}
.nav-menu > li > a:hover {}
 
/* Navigation Bar - Level 2 */
 
.nav-menu > li > ul {
  text-align: left;
  width: auto;  /* Change auto value with 200px if you want a bigger menu */
  display: none;
  background: #00008B;  /* Dark blue:#00BFFF Dark green: #007a00*/
  position: absolute;
  top: 100%;
  left: 0;
  padding-bottom: 5px;
  min-width: 150px;
  border-radius: 0 0 .5em .5em;
  z-index: 9999999;
}
.nav-menu > li:hover > ul {
  display: block;
}
.nav-menu ul li a {}
.nav-menu ul li a:hover {}
 
/* Navigation Bar - Level 3 */
 
.nav-menu > li > ul > li > ul {
  text-align: left;
  display: none;
  background: #0000FF;  /* Blue: #0000FF  Light green: #57b759 */
  position: absolute;
  left: 100%;
  top: 0;
  padding-bottom: 5px;
  min-width: 150px;
  border-radius: 0 0 .5em .5em;
  z-index: 9999999;
}
.nav-menu > li > ul > li:hover > ul {
  display: block;
}
.nav-menu ul ul li {}
.nav-menu ul ul li a {}
.nav-menu ul ul li a:hover {}
 
/* Navigation Bar - Level 4 */
 
.nav-menu > li > ul > li > ul > li > ul {
  text-align: left;
  display: none;
  background: #57b759;  /* Light green. */
  position: absolute;
  left: 100%;
  top: 0;
  padding-bottom: 5px;
  min-width: 250px;
  border-radius: 0 0 .5em .5em;
  z-index: 9999999;
}
.nav-menu > li > ul > li > ul > li:hover > ul {
  display: block;
}
.nav-menu ul ul ul li {}
.nav-menu ul ul ul li a {}
.nav-menu ul ul ul li a:hover {}

:target:before {
  content:"";
  display:block;
  height:60px; /* fixed header height*/
  margin:-60px 0 0; /* negative fixed header height */
}
.anchor { padding-top: 90px; }
#edul ul li {
font-size: 14px; 
font-weight: normal; 
font-family: Verdana, Helvetica, Arial, sans-serif;
}