@charset "UTF-8";

* { margin: 0; padding: 0; }
html { margin: 0; padding: 0; }

body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background-color: #04486a;
	margin: 0;
	padding: 0;
	text-align: center;
	color: black;
}
.oneColFixCtr #container {
	width: 765px;
	background-color: white;
	margin: 10px auto;
	text-align: left;
}
.oneColFixCtr #mainContent {
	padding: 0;
	background-repeat: repeat-y;
	background-image: url(repeating-middle.jpg);
}

#bodyContent {
min-height: 330px;
}

/* Trinity */
a:link { color: #04486a; font-weight: bold; text-decoration: none; }
a:visited { color: #04486a; font-weight: bold; text-decoration: none; }
a:hover { color: #4164a5; font-weight: bold; text-decoration: underline; }
a:active { color: #4164a5; font-weight: bold; text-decoration: underline; }
img { border: 0; }

#top-corners {
position: relative;
top: 0px;
left: 0px;
width: 765px;
line-height: 142px;
height: 142px;
text-align: left;
}
.homeTop { background: url(headerimages/top-home.jpg) no-repeat; }
.aboutusTop { background: url(headerimages/top-laptop.jpg) no-repeat; }
.servicesTop { background: url(headerimages/top-clouds.jpg) no-repeat; }
.newsTop { background: url(headerimages/top-news.jpg) no-repeat; }
.reportingTop { background: url(headerimages/top-reporting.jpg) no-repeat; }
.sysintTop { background: url(headerimages/top-sysint.jpg) no-repeat; }
.databaseTop { background: url(headerimages/top-database.jpg) no-repeat; }
.contactusTop { background: url(headerimages/top-contact.jpg) no-repeat; }
.datatrinityTop { background: url(headerimages/top-data-trinity.jpg) no-repeat; }

#trinityLogo {
position: relative;
top: 15px;
left: 142px;
width: 240px;
line-height: 88px;
height: 88px;
text-align: left;
background: url(trinity-logo.jpg) no-repeat left top; 
}
#trinityLogo span { display: none; }
#trinityLogo a:link, #trinityLogo a:visited {
display: block;
height: 88px;
line-height: 88px;
}

/* ===== Nav Bar ====== */
#buttons {
position: relative;
top: 30px;
left: 0px;
width: 532px;
line-height: 24px;
height: 24px;
text-align: left;
overflow: hidden;
background-color: #04486a;
font-size: 1.1em;
}
#buttons span { display: none; }
#buttons .left {
position: relative;
border-right: 1px solid white;
left: 2px;
width: 14px;
height: 24px;
line-height: 24px;
background-color: #4164a5;
}
#buttons a:link, #buttons a:visited {
display: block;
height: 24px;
line-height: 24px;
background-color: #04486a;
text-align: center;
color: white;
font-weight: normal;
text-decoration: none;
}
#buttons a.active {
background-color: #4164a5 !important;
text-decoration: none;
}
#buttons a:hover {
background-color: #4164a5;
text-decoration: none;
}
#buttons .home { 
position: absolute;
border-right: 1px solid white;
top: 0px;
width: 72px;
left: 17px;
}
#buttons .aboutus { 
position: absolute;
border-right: 1px solid white;
top: 0px;
width: 78px;
left: 90px;
}
#buttons .services { 
position: absolute;
border-right: 1px solid white;
top: 0px;
width: 88px;
left: 169px;
}
#buttons .news { 
position: absolute;
border-right: 1px solid white;
top: 0px;
width: 78px;
left: 258px;
}
#buttons .contactus { 
position: absolute;
border-right: 1px solid white;
top: 0px;
width: 90px;
left: 337px;
}

/* ==================================
			Page Stuff
   ================================== */

#leftCol { float: left; width: 525px; }
#rightCol { float: right; width: 233px; } 
.clearBar { clear: both; line-height: 0pt; }

#bodyContent {
margin-left: 2px;
margin-top: 25px;
padding-left: 15px;
font-size: 1.1em;
}

#bodyContent h1 {
font-size: 2.2em;
color: #04486a;
font-weight: normal;
margin-bottom: 0.4em;
}
#bodyContent p {
font-size: 1.2em;
margin-bottom: 0.9em;
line-height: 1.6em;
}
#bodyContent ul { 
font-size: 1.2em;
text-align: left; 
margin: 0; 
padding: 0 1.5em; 
margin: 0 0 0.8em 0; 
list-style-type: disc; 
}
#bodyContent ol { 
font-size: 1.2em;
text-align: left; 
margin: 0; 
padding: 0 1.5em; 
margin: 0 0 0.8em 0; 
list-style-type: decimal; 
}
#bodyContent li  { 
font-weight: normal; 
margin: 0 0 0 1.5em; 
padding: 0.3em 0; 
}



/* ==================================
		Right Hand News Stuff
   ================================== */
#newsContent {
margin-right: 18px;
margin-left: 10px; 
margin-top: 25px;
}
#newsContent h1 {
font-size: 2em;
color: #04486a;
font-weight: normal;
margin-bottom: 0.4em;
}
#newsContent p {
font-size: 1.1em;
margin-bottom: 0.8em;
}
/* ==================================
		Right Hand Menu Stuff
   ================================== */
#subNavigation {
width: 225px; 
margin-left: 0px; 
font-size: 1.3em;
margin-top: 25px;
}
div.menu  { 
display: block; 
margin-right: 0; 
margin-left: 0; 
padding: 0; 
width: auto; 
border: solid 0px #393939; 
}
div.menu ul { 
text-align: left; 
margin: 0; 
padding: 0 10px; 
}
div.menu li  { 
font-weight: normal; 
list-style-type: none; 
margin: 0 -10px; 
padding: 3px 10px; 
border-bottom: 1px dashed #aaa; 
}
div.menu a { 
background: url(subNav-rollover.gif) no-repeat right top; 
text-indent: 18px;
}
div.menu a:link   { 
color: #4164a5; 
text-decoration: none; 
display: block; 
margin: 0 -10px; 
padding: 3px 10px 3px 10px; 
width: 100%; 
}
div.menu a:visited    { 
color: #4164a5; 
text-decoration: none; 
display: block; 
margin: 0 -10px; 
padding: 3px 10px 3px 10px; 
width: 100%; 
}
div.menu a:hover { 
background: url(subNav-rollover.gif) no-repeat left top; 
color: #04486a; 
text-decoration: none;
display: block; 
width: 100%; 
margin: 0 -10px; 
padding: 3px 10px 3px 10px; 
}
.menuSpacer { font-size: 2px; margin: 0; padding: 0; height: 10px; }


/* ==================================
		Footer And Stuff
   ================================== */

#bottom-corners {
position: relative;
z-index: 1;
top: 0px;
left: 0px;
width: 765px;
line-height: 24px;
height: 24px;
text-align: left;
background: url(bottom-background.jpg) no-repeat right top;
margin-top: 10px;
}

#footer {
padding-left: 10px;
padding-right: 10px;
background-color: #04486a;
background-image: none;
color: white;
padding-bottom: 10px;
}
#footer span.right {
float: right;
}
#footer a:link { color: white; font-weight: normal; text-decoration: none; }
#footer a:visited { color: white; font-weight: normal; text-decoration: none; }
#footer a:hover { color: white; font-weight: normal; text-decoration: underline; }
#footer a:active { color: white; font-weight: normal; text-decoration: underline; }