/* css */
body { font-family:Georgia, "Arial", Times, serif; background-color: #FFFFFF; }
img { border: none; }
#header { position: absolute; top: 20px; width: 400px; height: 100px; margin-left: 200px; } 
#footer { position: relative; top: 10px; width: 800px; height: 25px; text-align: center; color: #666666; margin: 0 auto 0 auto; font-size: 12px; }

/* HOME PAGE */
#container { background-image:url(images/boston-harbor.jpg); background-repeat: no-repeat; height: 534px; width: 800px; margin: 0 auto 0 auto; border: 1px solid #999999; }
/*left side*/
/*#menuPic { position: absolute; top: 110px; margin-left: 60px; background-image: url(images/menu1.png); background-repeat: no-repeat;  height: 293px; width: 186px; }*/
#SiteMenu { position: absolute; top: 475px; margin-left: 42px; height: 293px; width: 186px; }
/*#menuPic2 {position: absolute; top: 470px; margin-left: 75px; background-image:url(images/logo.png); background-repeat: no-repeat;  height: 112px; width: 152px; }*/
/*#CSILogo {position: absolute; top: 470px; margin-left: 75px; background-image:url(images/logo.gif); background-repeat: no-repeat;  height: 112px; width: 152px; }*/
#menuPic ul, #menuPic2 ul { margin: 15px 0 0 -20px; }
/*right side*/
#mainBox { position: absolute; top: 110px; margin-left: 270px; height: 501px; width: 488px; background-image: url(images/main.png); }
#mainText { height: 440px; width: 495px; }
/*#pic1 { position: absolute; top: 437px; margin-left: 509px; text-align:center; font-size: 12px; width: 125px; }*/
#groupPic { position: absolute; top: 460px; margin-left: 560px; text-align:center; font-size: 12px; width: 125px; }
#pic2 { position: absolute; top: 485px; margin-left: 550px; text-align:center; font-size: 12px; width: 125px; }
li { list-style-type: none; margin: 5px 0 5px 0; }

/* 2ND LEVEL PAGES */
#container2 { height: 600px; width: 800px; margin: 0 auto 0 auto; border: 1px solid #999999; background-color: #FFFFFF; }
#container3 { width: 800px; margin: 0 auto; border: 0px solid #999999; background-color: #FFFFFF; }
#nav1 { width: 800px; background-color: #aeceff; border-top: 2px solid #C13100; border-bottom: 2px solid #C13100; padding-top: 10px; margin: 0px 0px 0px 0px; }
#nav1 li { float: left; margin: -10px 10px 5px 10px; }
#nav1 li a { float: left; font-size: 16px; }
#current { text-decoration: underline; font-weight: bold; }
#current1 { text-decoration: none; padding-left: 5px; border-left: 5px solid #C13100; color: #FF9900; }
#leftNav { float: left; margin-top: 20px; width: 250px; }
#leftNav li { display: block; margin: 10px 0 5px 0; }
#leftNav li a:hover { text-decoration: none; padding-left: 5px; border-left: 5px solid #C13100; color: #FF9900; }
#articleText { width: 300px; float: left; margin: 20px 0 0 50px; }
#pubText { width: 400px; float: left; margin: 20px 0 0 60px; }
#mediaText { width: 400px; float: left; margin: 20px 0 0 20px; }
#article { width: 350px; float: left; margin: 20px 0 0 100px; }
#about #contact { width: 200px; float: left; margin: 0 30px 40px 0; font-style:italic; }
#about { width: 750px; margin: 0 35px 0 35px; }

/*LINKS */
a:link { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
a:active { color: #000000; text-decoration: none; }
a.one:link { color: #666666; text-decoration: none; }
a.one:visited { color: #666666; text-decoration: none; }
a.one:hover { color: #000066; text-decoration: underline; }
a.one:active { color: #666666; text-decoration: none; }
a.two:hover { text-decoration: none; }
a.highlight { color: #C13100; font-weight: bold; }
a span { display: none;}
a:hover span { display: block; position: absolute; top: -120px; background-color:#00CC00; padding: 5px; }

/* TEXT */
.indent {text-indent: 30px; }
.maintext { margin: 20px 30px 0 30px; color: #000000; text-indent: 20px; font-size: 16px; }
.quote { margin: 30px 30px 0 30px; color:#000000; text-align: center; font-style:italic; }
.clear { clear: both; }