/* CSS Document */

/* html */

body {
margin: 0px;
}


/* layers start here  */

/* this layer below is the border for the index page */
#indexContainer {
position: relative;
width: 775px;
/* change the figure in 'height' below to make the border deeper */
height: 1300px;
/* change the figure in 'height' above to make the border deeper */
margin-left: auto;
margin-right: auto;
border-left: 3px solid #3B80AE;
border-right: 3px solid #3B80AE;
border-bottom: 3px solid #3B80AE;
}

/* this layer below is the border for the text pages */
#container {
position: relative;
width: 775px;
/* change the figure in 'height' below to make the border deeper */
height: 1300px;
/* change the figure in 'height' above to make the border deeper */
margin-left: auto;
margin-right: auto;
border-left: 3px solid #3B80AE;
border-right: 3px solid #3B80AE;
border-bottom: 3px solid #3B80AE;
}

#home {
position: absolute;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
margin: 10px 0px 0px 18px;
}

#home a:link, #home a:visited {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: underline;
}

#home a:hover, #home a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
}

#topLogoPanel {
margin: 0px 0px 0px 0px;
/* padding: 14px 14px 0px 0px; */
height: 122px;
width: 610px;
background-color: #A8C6DB;
position: absolute;
}

#chariotsLogo {
position: absolute;
width: 200px;
height: 100px;
margin: 16px 0px 0px 350px;
padding: 0px;
} 

#leftNav {
margin: 0px 0px 0px 0px;
width: 165px;
height: 100%;
position: absolute;
background-image: url(images/background.gif);
}

#navigation {
position: absolute;
margin: 122px 0px 0px 0px;
width: 165px;
}

ul#mainNav  {
list-style: none;
margin: 0px;
padding: 0px;
background-color: #3B80AE;

}

ul#mainNav li {
border-bottom: 1px solid #FFF;
}

ul#mainNav li a:link, ul#mainNav li a:visited {
text-decoration: none;
text-align: right;
display: block;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
width: 88%;
padding: 10px 6%;
background-color: #3B80AE;
}

ul#mainNav li a:hover {
background-color: #A8C6DB;
color: #3B80AE;
}

#rightPanel {
position: absolute;
margin: 0px 0px 0px 165px;
width: 610px;
height: 700px;
}

#homeImage {
margin: 122px 0px 0px 0px;
width: 610px;
position: absolute;
text-align: center;
}

#homeText {
	position: absolute;
	text-align: left;
	margin: 340px 25px 0px 15px;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	width: 550px;
	left: 9px;
	top: -11px;
}

#homeText a:link, #homeText a:visited {
font: 100% Arial, Helvetica, sans-serif;
color: #000;
text-decoration: underline;
}

#homeText a:hover, #homeText a:active {
font: 100% Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}

#pageText Img {
border: 0px;
position: relative;
float: right;
padding: 0px 0px 0px 10px;
}

#pageText {
position: absolute;
text-align: left;
margin: 145px 25px 0px 15px;
font: 100% Arial, Helvetica, sans-serif;
color: #000;
width: 580px;
}

#pageText a:link, #pageText a:visited {
font: 100% Arial, Helvetica, sans-serif;
color: #000;
text-decoration: underline;
}

#pageText a:hover, #pageText a:active {
font: 100% Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}

#cornerText {
position: absolute;
text-align: right;
font: 130% Bold Arial, Helivetica, sans-serif;
color: #FFF;
width: 110px;
margin: 20px 5px 0px 45px;
}

#accredLogos {
position: absolute;
text-align: right;
width: 110px;
margin: 620px 5px 0px 45px;
}

#phoneText {
position: absolute;
font: bold 90% Arial, Helvetica, sans-serif;
color: #000;
width: 300px;
margin: 42px 0px 0px 18px;
}

#dateText {
position: absolute;
font: bold 90% Arial, Helvetica, sans-serif;
color: #3B80AE;
width: 300px;
line-height: 20px;
margin: 69px 0px 0px 18px;
}

#footer {
position: relative;
font: 70% Arial, Helvetica, sans-serif;
color: #000;
width: 550px;
margin: 20px 0px 10px 0px;
}

#footer a:link, #copyrightPanel a:visited {
color: #000;
text-decoration: underline;
}

#footer a:hover, #copyrightPanel a:active {
color: #000;
text-decoration: none;
}






/* style classes start here */

.sizeLarge {
font: bold 130% Arial, Helvetica, sans-serif;
color: #3B80AE;
text-decoration: underline;
}

.sizeLarge:hover {
font: bold 130% Arial, Helvetica, sans-serif;
color: #3B80AE;
text-decoration: none;
}

.size {
font: bold 100% Arial, Helvetica, sans-serif;
color: #3B80AE;
text-decoration: underline;
}

.size:hover {
font: bold 100% Arial, Helvetica, sans-serif;
color: #3B80AE;
text-decoration: none;
}

.homeHead1 {
font: bold 130% Arial, Helvetica, sans-serif;
color: #000;
}

.homeHead2 {
font: bold 100% Arial, Helvetica, sans-serif;
color: #000;
}

.leftColumn {
background-color: #5F9EC9;
}

.midColumn {
background-color: #C6DAE8;
}

.rightColumn {
background-color: #A8C6DB;
}

.body {
font: 100% Arial, Helvetica, sans-serif;
color: #000;
}

.body a:link {
font: 100% Arial, Helvetica, sans-serif;
color: #000;
text-decoration: underline;
}

.body a:hover {
font: 100% Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}