body     { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none; background-color: #faf9f8; background-repeat: repeat; text-align: center }
a, a:visited  { color: #069 }
a:hover  { color: #bacdce; text-decoration: underline }
a:focus { outline-style: none }
#main       { background-color: #faf9f8; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 740px; border: solid 3px #069 }
iframe   { margin-right: auto; margin-left: auto; padding-bottom: 15px; width: 740px; height: 400px }
h1  { color: #069; font-size: 1.5em; font-style: italic }
/*Top portion with logo, crest and picture*/
#heading   { color: #4b4b4b; text-align: center; display: inline; margin-right: auto; margin-left: auto; position: relative; width: 720px; height: 160px }
	
#headingLeftElements       { color: #069; font-size: 9px; text-align: center; position: relative; top: 25px; left: 20px; width: 265px; height: 110px; float: left }
/*Navigation bar that may be made into Flash*/	
#TopNavBar  { color: #4b4b4b; font-weight: 700; background-image: url(images/menugrad.JPG); background-repeat: repeat-x; text-align: center; width: 100%; height: 40px; float: left }
	
#TopNavBar a, #TopNavBar a:visited   { color: #4b4b4b; font-size: 0.9em; text-decoration: none; display: inline; padding: 20px; border-style: none; font-: none  }

#TopNavBar a:hover  { color: #a0aed1; text-decoration: underline }
/*This container contains and centers the three columns*/
#midContainer     { text-align: center; margin-right: auto; margin-left: auto; width: 706px; overflow: auto; border-color: #cc6 }
#titleContainers   { margin-right: auto; margin-left: auto; width: 706px }
/*Show info is the yellow background for the main description text*/
#showInfo              { background-color: #fff6dd; text-align: left; margin-right: auto; margin-left: auto; padding: 10px 20px 0; position: relative; width: 662px; height: 325px; overflow: auto; border-color: #933 }
#showInfo p  { font-size: 1em; margin-top: 0.75em; margin-bottom: -0.1em }
#showInfo ul { font-size: 1em; margin-top: 0.75em; margin-bottom: -0.1em }
.h1  { color: #069; font-size: 1.2em; font-style: italic; font-weight: bold; line-height: 1em }
#showInfo .h2         { color: #069; font-size: 1em; font-style: italic; font-weight: bold; line-height: 1em }
/*Current page is the header for the current page being viewed*/
.currentPage   { color: #5e616d; font-size: 1.4em; font-style: italic; font-weight: bold; text-decoration: none; background-color: #fff5dd; text-align: center; width: 230px; height: 55px; float: left }
.currentPage span { position: relative; top: 20% }
/*Title boxes for 3 main columns.  Used classes to create links and change colors
Two different stlyes for different colors*/
.currentPage1 { color: #5e616d; font-size: 1.4em; font-weight: bold; text-decoration: none; background-color: #fff5dd; text-align: center; display: inline; margin-right: 5px; width: 230px; height: 55px; float: left }
.titleBox1  { color: #5e616d; font-size: 1.4em; font-weight: bold; background-color: #d8e3e9; text-align: center; margin-right: 5px; width: 230px; height: 50px; float: left }
.titleBox1 span { position: relative; top: 33% }
.titleBox1 .selected  { font-style: italic; background-color: #fff6dd; width: 230px; height: 55px; float: left }
.titleBox1 .selected span  { position: relative; top: 33%; height: 100% }
.titleBox1 a, .titleBox1 a:visited { color: #5e616d; text-decoration: none; text-align: center; width: 230px; height: 50px; float: left }
.titleBox1 .p { color: #5e616d; font-style: italic; text-decoration: none; background-color: #fff5dd; position: relative; top: 33%; height: 100% }
.titleBox1 a:hover    { color: #424242; text-decoration: none; background-color: #fff6dd }
.titleBox2  { color: #5e616d; font-size: 1.4em; font-weight: bold; background-color: #b9c7d4; text-align: center; margin-bottom: 5px; width: 230px; height: 50px; float: left }
.titleBox2 span { position: relative; top: 33% }
.titleBox2 .selected  { font-style: italic; background-color: #fff6dd; margin-bottom: -5px; width: 230px; height: 55px; float: left }
.titleBox2 .selected span { position: relative; top: 22%; height: 100% }
.titleBox2 a, .titleBox2 a:visited   { color: #5e616d; text-decoration: none; text-align: center; width: 230px; height: 50px; float: left }
.titleBox2 a:hover   { color: #424242; text-decoration: none; background-color: #fff6dd }
.titleBox3  { color: #5e616d; font-size: 1.4em; font-weight: bold; background-color: #d8e3e9; text-align: center; margin-left: 5px; width: 230px; height: 50px; float: left }
.titleBox3 span { position: relative; top: 33% }
.titleBox3 .selected  { font-style: italic; background-color: #fff6dd; width: 230px; height: 55px; float: left }
.titleBox3 .selected span { position: relative; top: 22%; height: 100% }
.titleBox3 a, .titleBox3 a:visited    { color: #5e616d; text-decoration: none; text-align: center; width: 230px; height: 50px; float: left }
.titleBox3 a:hover   { color: #424242; text-decoration: none; background-color: #fff6dd }
/*3 main columns with info*/
#mainText1         { color: #323232; font-size: 0.95em; background-color: #d8e3e9; text-align: left; margin-right: 5px; padding-right: 10px; padding-left: 10px; width: 210px; height: 350px; float: left }
#mainText2        { color: #323232; font-size: 0.95em; background-color: #b9c7d4; text-align: left; padding-right: 10px; padding-left: 10px; width: 210px; height: 350px; float: left }
#mainText3       { color: #323232; font-size: 0.95em; background-color: #d8e3e9; text-align: left; margin-left: 5px; padding-right: 15px; padding-left: 14px; width: 200px; height: 350px; float: left }
#mainText1 li, #mainText3 li { margin-left: -1em }
/*The spans are to vertically align title text*/
.titles    { position: relative; top: 33%; height: 100% }
/*footer stuff*/
.footer    { color: #069; font-size: 8pt; text-align: left; margin-right: auto; margin-bottom: 10px; margin-left: auto; width: 95%; border-top: 1pt solid #4285c7 }
.footer ul  { text-align: center; margin: 10px 0 0 }
.footer li  { list-style-type: none; display: inline; margin: 0; padding: 25px }
.footer a,  .footer a:visited { color: #069; text-decoration: underline }
.clear  { clear: both }
p.initial:first-letter        { color: #069; font-size: 5.5em; font-family: Georgia, Geneva, times; line-height: 0.7em; padding-right: 5px; float: left; border-color: #933 }
/*NIFTY CORNERS BY Alessandro Fulciniti - Thanks!*/
b.rtop, b.rbottom{display:block;background: #FFF;}
b.rtop b, b.rbottom b { background: #fff9d9; display: block; height: 1px; overflow: hidden }
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
#picRight  { text-align: left; margin-top: 2em; margin-right: auto; margin-left: auto; width: 700px }
#picRight img {float: right; margin-left: 1em; display: inline}
.emphasis { color: #06c; font-style: italic }