@charset "UTF-8";
/* CSS Document */

html { background:none repeat scroll 0 0 #dcdcdc; margin: 0px; }

body { background-position:center; }

p { font-family: Arial Black, "Arial", Georgia, serif; color: #000; }

a { border: 0px; font-family: Arial Black, "Arial", Georgia, serif; }


/* branding */

#usc-branding { height: 50px; background-color: #000;  }
#usc-branding .usc-logo { float: left; margin-left: 15px; }
#usc-branding .annenberg { float: right; }



/* main container */

#main-container { width: 100%; height: 100%; background-color: #dcdcdc; }

/* main content */ 

#main-content { width: 947px; height: 1400px; padding: 0px; 30px; background-color: #ffffff; border: 5px solid #454545; vertical-align: middle; margin: 20px; }
#project-content-about { width: 947px; height:4100px; padding: 0px; 30px; background-color: #ffffff; border: 5px solid #454545; vertical-align: middle; margin: 20px; }
#project-content-team { width: 947px; height: 2520px; padding: 0px; 30px; background-color: #ffffff; border: 5px solid #454545; vertical-align: middle; margin: 20px; }

/* top navigation */
//#navigation  { width: 876; }
#navigation .top-nav { height: 50px; float: right; padding-right: 30px; margin-top: 6px; border: 0px; }
#navigation .top-nav a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 16px; text-decoration:none; border: 0px; text-align: left; }
#navigation .top-nav a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; text-decoration:none; border: 0px; text-align: left; }
#navigation .top-nav p { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; text-align: left; }
#navigation .logo { width: 231px; height: 50px; float: left; outline: none; margin-left: 30px; text-align: left; }
#navigation .logo img { width: 231px; text-align: left; outline: none; border: 0px; }
#navigation .red { color: #b11f24; }

/* header */

#header { width: 876px; height: 443px; border: 5px solid #9b9b9b; margin-top: 50px; margin-right: 30px; margin-left: 30px; text-align: left; }
#multimedia-header { width: 876px; height: 443px; border: 5px solid #9b9b9b; margin-top: 50px; margin-right: 30px; margin-left: 30px; text-align: left; background-color: #000; }
#header .project-logo { width: 363px; height: 41px; float: left; margin-left:15px; margin-top: 5px; text-align: left; }
#header .map { width: 850px; height: 415px; margin-left: 12px; margin-top: 15px; position: absolute; }
#header .legend { width: 375px; height: 220px; float: left; margin-left: 30px; margin-top: 130px; position: absolute; }
#header .legend h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 18px; font-weight: bold; margin-top: -5px; line-height: 16px; padding-top: 12px; text-align: left; text-decoration: underline; }
#header .legend h2 { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 16px; margin-top: -5px; margin-left: 17px; line-height: 16px; padding-top: 12px; text-align: left; }
#header .legend img { border: 0px; float: left; }

/* header - about the project */
#header .main-project-details { width: 375px; float: left; margin-top: 90px; margin-left: 30px; text-align: left; position: absolute; }
#header .main-project-details p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-top: 5px; text-align:justify; }
#header .main-project-details .author { font-family: Arial, Georgia, serif; color: #b11f24; font-size: 12px; margin-top: 5px; text-align:right; }
#header .main-project-details .red { color: #b11f24; }
#header .main-project-details .gray { color: #8a8a8a; }

/* header - the team */
#header .project-logo { width: 363px; height: 41px; float: left; margin-left:15px; margin-top: 5px; text-align: left; }
#header .team-pic img { width: 850px; height: 415px; margin-left: 12px; margin-top: -30px; }
#header .team-names { width: 355px; height: 75px; float: left; margin-left:518px; margin-top: -50px; text-align: left; }
#header .team-names p { font-family: Arial, Georgia, serif; color: #000; font-size: 11px; margin-left: 17px; margin-top: -5px; padding-right: 10px; text-align: left; }


/* feature */
#feature { width: 585px; height: 875px; float: left; margin-left: 30px; margin-top: 20px; }

/* feature 1 */
#feature .article-1 { width: 274px; height: 385px; background-color: #e1e1e1; border: 3px solid #333333; float: left; }
#feature .article-1 img { width: 240px; height: 160px; margin: 15px 17px 10px 17px; }
#feature .article-1 h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; margin-top: -5px; margin-left: 17px; line-height: 16px; text-align: left; }
#feature .article-1 h2 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .article-1 h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: 26px; margin-left: 17px; text-align: left; }
#feature .article-1 p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-left: 17px; margin-top: -5px; padding-right: 10px; text-align: left; }
#feature .article-1 a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; text-align: left; }
#feature .article-1 a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#feature .article-1 .red { color: #b11f24; }
#feature .article-1 .orange { color: #cc6600; font-weight: bold; }
#feature .article-1 .black { color: #000; }

/* feature 2 */
#feature .article-2 { width: 274px; height: 385px; background-color: #e1e1e1; border: 3px solid #333333; float: right; }
#feature .article-2 img { width: 240px; height: 160px; margin: 15px 17px 10px 17px; }
#feature .article-2 h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; margin-top: -5px; margin-left: 17px; line-height: 16px; text-align: left; }
#feature .article-2 h2 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .article-2 h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .article-2 p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-left: 17px; margin-top: -5px; padding-right: 10px; text-align: left; }
#feature .article-2 a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; text-align: left; }
#feature .article-2 a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#feature .article-2 .red { color: #b11f24; }
#feature .article-2 .orange { color: #cc6600; font-weight: bold; }
#feature .article-2 .black { color: #000; }

/* feature 3 */
#feature .article-3 { width: 274px; height: 420px; background-color: #e1e1e1; border: 3px solid #333333; float: left; margin-top:20px; }
#feature .article-3 img { width: 240px; height: 160px; margin: 15px 17px 10px 17px; }
#feature .article-3 h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; margin-top: -5px; margin-left: 17px; line-height: 16px; text-align: left; }
#feature .article-3 h2 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .article-3 h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .article-3 p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-left: 17px; margin-top: -5px; padding-right: 10px; text-align: left; }
#feature .article-3 a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; text-align: left; }
#feature .article-3 a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#feature .article-3 .red { color: #b11f24; }
#feature .article-3 .orange { color: #cc6600; font-weight: bold; }
#feature .article-3 .black { color: #000; }

/* feature 4 */
#feature .article-4 { width: 274px; height: 420px; background-color: #e1e1e1; border: 3px solid #333333; float: right; margin-top:20px; }
#feature .article-4 img { width: 240px; height: 160px; margin: 15px 17px 10px 17px; }
#feature .article-4 h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; margin-top: -5px; margin-left: 17px; line-height: 16px; text-align: left; }
#feature .article-4 h2 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .article-4 h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: 27px; margin-left: 17px; text-align: left; }
#feature .article-4 p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-left: 17px; margin-top: -5px; padding-right: 10px; text-align: left; }
#feature .article-4 a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; }
#feature .article-4 a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#feature .article-4 .red { color: #b11f24; }
#feature .article-4 .orange { color: #cc6600; font-weight: bold; }
#feature .article-4 .black { color: #000; }


/* multimedia feature 1 */
#feature .MM-article-1 { width: 274px; height: 385px; background-color: #e1e1e1; border: 3px solid #333333; float: left; }
#feature .MM-article-1 .vimeo { width: 240px; height: 160px; margin: 15px 17px 10px 17px; border: 2px solid #000; }
#feature .MM-article-1 img { width: 240px; height: 160px; margin: 15px 17px 10px 17px; }
#feature .MM-article-1 h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; margin-top: -5px; margin-left: 17px; line-height: 16px; text-align: left; }
#feature .MM-article-1 h2 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .MM-article-1 h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -2px; margin-left: 17px; text-align: left; }
#feature .MM-article-1 p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-left: 17px; margin-top: -5px; padding-right: 10px; text-align: left; }
#feature .MM-article-1 a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; text-align: left; }
#feature .MM-article-1 a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#feature .MM-article-1 .red { color: #b11f24; }
#feature .MM-article-1 .orange { color: #cc6600; font-weight: bold; }
#feature .MM-article-1 .black { color: #000; }

/* multimedia feature 2 */
#feature .MM-article-2 { width: 274px; height: 385px; background-color: #e1e1e1; border: 3px solid #333333; float: right; }
#feature .MM-article-2 img { width: 240px; height: 160px; margin: 15px 17px 10px 17px; }
#feature .MM-article-2 h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; margin-top: -5px; margin-left: 17px; line-height: 16px; text-align: left; }
#feature .MM-article-2 h2 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .MM-article-2 h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .MM-article-2 p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-left: 17px; margin-top: -5px; padding-right: 10px; text-align: left; }
#feature .MM-article-2 a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; text-align: left; }
#feature .MM-article-2 a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#feature .MM-article-2 .red { color: #b11f24; }
#feature .MM-article-2 .orange { color: #cc6600; font-weight: bold; }
#feature .MM-article-2 .black { color: #000; }

/* multimedia feature 3 */
#feature .MM-article-3 { width: 274px; height: 385px; background-color: #e1e1e1; border: 3px solid #333333; float: left; margin-top:20px; }
#feature .MM-article-3 img { width: 240px; height: 160px; margin: 15px 17px 10px 17px; }
#feature .MM-article-3 h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; margin-top: -5px; margin-left: 17px; line-height: 16px; text-align: left; }
#feature .MM-article-3 h2 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .MM-article-3 h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .MM-article-3 p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-left: 17px; margin-top: -5px; padding-right: 10px; text-align: left; }
#feature .MM-article-3 a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; text-align: left; }
#feature .MM-article-3 a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#feature .MM-article-3 .red { color: #b11f24; }
#feature .MM-article-3 .orange { color: #cc6600; font-weight: bold; }
#feature .MM-article-3 .black { color: #000; }

/* multimedia feature 4 */
#feature .MM-article-4 { width: 274px; height: 385px; background-color: #e1e1e1; border: 3px solid #333333; float: right; margin-top:20px; }
#feature .MM-article-4 img { width: 240px; height: 160px; margin: 15px 17px 10px 17px; }
#feature .MM-article-4 h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; margin-top: -5px; margin-left: 17px; line-height: 16px; text-align: left; }
#feature .MM-article-4 h2 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; margin-left: 17px; text-align: left; }
#feature .MM-article-4 h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -2px; margin-left: 17px; text-align: left; }
#feature .MM-article-4 p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-left: 17px; margin-top: -5px; padding-right: 10px; text-align: left; }
#feature .MM-article-4 a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; }
#feature .MM-article-4 a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#feature .MM-article-4 .red { color: #b11f24; }
#feature .MM-article-4 .orange { color: #cc6600; font-weight: bold; }
#feature .MM-article-4 .black { color: #000; }

/* side bar */
#side-bar { width: 265px; height: 875px; float: right; margin-right: 30px; margin-top: 5px; }

/* about the project */
#side-bar .about-the-project { width: 265px; float: right; margin-top: 20px; text-align: left; }
#side-bar .about-the-project img { width: 240px; height: 3px; float: left; }
#side-bar .about-the-project h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 18px; margin-top: -10px; margin-bottom: -2px; text-align: left; }
#side-bar .about-the-project h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; text-align: right; text-align: left; }
#side-bar .about-the-project p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-top: 5px; text-align:justify; }
#side-bar .about-the-project a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; text-align: left; }
#side-bar .about-the-project a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#side-bar .about-the-project .red { color: #b11f24; }
#side-bar .about-the-project .black { color: #000; }

/* the project */
#side-bar .the-project { width: 265px; float: right; margin-top: 20px; text-align: left; }
#side-bar .the-project img { border: 0px;  }
#side-bar .the-project h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 18px; line-height: 18px; margin-bottom: 3px; text-align: left; }
#side-bar .the-project h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: 5px; text-align: left; }
#side-bar .the-project p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-top: 10px; text-align:justify; }
#side-bar .the-project a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; text-align: left; }
#side-bar .the-project a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#side-bar .the-project .red { color: #b11f24; }
#side-bar .the-project .black { color: #000; }

/* additional stories */
#side-bar .additional-stories { width: 265px; float: right; margin-top: 50px; }
#side-bar .additional-stories img { width: 240px; height: 3px; float: left; margin-top: -12px; }
#side-bar .additional-stories h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 18px; margin-top: -35px; margin-bottom: -2px; text-align: left; }
#side-bar .additional-stories h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; line-height: 14px; text-align: left; }
#side-bar .additional-stories a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; text-align: left; }
#side-bar .additional-stories a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#side-bar .additional-stories .red { color: #b11f24; }
#side-bar .additional-stories .black { color: #000; }

/* team additional stories */
#side-bar .the-team-articles { width: 265px; float: right; margin-top: 50px; }
#side-bar .the-team-articles img { width: 240px; height: 3px; float: left; margin-top: -12px; }
#side-bar .the-team-articles h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 18px; margin-top: -35px; margin-bottom: -2px; text-align: left; }
#side-bar .the-team-articles h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; line-height: 14px; text-align: left; }
#side-bar .the-team-articles a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; text-align: left; }
#side-bar .the-team-articles a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#side-bar .the-team-articles .red { color: #b11f24; }
#side-bar .the-team-articles .black { color: #000; }
#side-bar .the-team-articles .orange { color: #cc6600; }

/* multimedia additional stories */
#side-bar .MM-additional-stories { width: 265px; float: right; margin-top: 50px; }
#side-bar .MM-additional-stories img { width: 240px; height: 3px; float: left; margin-top: -12px; }
#side-bar .MM-additional-stories h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 18px; margin-top: -35px; margin-bottom: -2px; text-align: left; }
#side-bar .MM-additional-stories h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; line-height: 14px; text-align: left; }
#side-bar .MM-additional-stories a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; text-align: left; }
#side-bar .MM-additional-stories a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; text-align: left; }
#side-bar .MM-additional-stories .red { color: #b11f24; }
#side-bar .MM-additional-stories .black { color: #000; }
#side-bar .MM-additional-stories .orange { color: #cc6600; }

/* photostream */
#side-bar .photostream { width: 265px; float: right; margin-top: 50px; border: 3px solid #333333; padding-bottom: 25px; }
#side-bar .photostream h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 18px; text-align: center; margin-bottom: -2px; }
#side-bar .photostream h3 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; text-align: center; margin-top: -5px; }
#side-bar .photostream a { font-family: Arial Black, "Arial", Georgia, serif; color: #000; font-size: 12px; text-decoration: none; }
#side-bar .photostream a:hover { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 12px; }
#side-bar .photostream .red { color: #b11f24; }
#side-bar .photostream .black { color: #000; }

/* footer */
#footer { width: 947px; height: 70px; background-color: #ffffff; border: 5px solid #454545; vertical-align: middle; float: left; margin-top: 20px; margin-left: -5px; }
#footer img { padding: 10px; border: 0px; }

/* header-blurb */
.intro { width: 895px; height: 625px; float: left; margin-left: 30px; margin-top: 20px; }
.intro p { font-family: Arial, Georgia, serif; color: #000; font-size: 16px; margin-top: -5px; text-align: left; }


/* itinerary */
#itinerary { width: 585px; height: 875px; float: left; margin-left: 30px; margin-top: 20px; }
#itinerary h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; margin-top: -5px; line-height: 16px; padding-bottom: 10px; text-align: left; }
#itinerary h2 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 12px; margin-top: -5px; text-align: left; }
#itinerary h3 { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-top: -5px; margin-left: 50px; text-align: left; }
#itinerary h5 { font-family: Arial, Georgia, serif; color: #000; font-size: 12px; margin-top: -5px; margin-left: 100px; text-align: left; }
#itinerary p { font-family: Arial, Georgia, serif; color: #000; font-size: 14px; margin-left: 50px; margin-top: -5px; padding-right: 10px; text-align: left; }
#itinerary img { padding-right: 10px; }

#project-footer { width: 947px; height: 70px; background-color: #ffffff; border: 5px solid #454545; vertical-align: middle; float: left; margin-top: 2080px; margin-left: -5px; }
#project-footer img { padding: 10px; border: 0px none; }

#project-footer-team { width: 947px; height: 70px; background-color: #ffffff; border: 5px solid #454545; vertical-align: middle; float: left; margin-top: 1130px; margin-left: -5px; }
#project-footer-team img { padding: 10px; border: 0px none; }


/* team members */
#team-members { width: 585px; height: 875px; float: left; margin-left: 30px; margin-top: 20px; }
#team-members img { border: 0px; width: 125px; height: 125px; float: left; padding 10px; }
#team-members h1 { font-family: Arial Black, "Arial", Georgia, serif; color: #b11f24; font-size: 16px; margin-top: -5px; line-height: 16px; text-align: left; }
#team-members h2 { font-family: Arial Black, "Arial", Georgia, serif; color: #8a8a8a; font-size: 16px; margin-left: 130px; text-align: left; }
#team-members h3 { font-family: Arial, Georgia, serif; color: #000; font-size: 12px; margin-top: -10px; margin-left: 130px; text-align: left; }
#team-members h5 { font-family: Arial, Georgia, serif; color: #000; font-size: 10px; margin-top: -5px; margin-left: 130px; text-align: justify; }
#team-members p { font-family: Arial, Georgia, serif; color: #000; font-size: 12px; margin-left: 130px; margin-top: -5px; padding-right: 10px; text-align: left; }
#team-members a { font-family: Arial, Georgia, serif; color: #b11f24; font-size: 10px; text-align: left; }
#team-members a:hover { font-family: Arial, Georgia, serif; color: #8a8a8a; font-size: 10px; text-align: left; }
#team-members .black { color: #000; }



/* contact info */
.contact-popup { font-family: Arial Black, "Arial", Georgia, serif; width: 445px; height: 415px; padding: 5px 10px; }
.contact-popup .main-contact { font-family: Arial Black, "Arial", Georgia, serif; width: 370px; height: 340px; padding: 5px 10px; background-color: #ffffff; border: 5px solid #454545; vertical-align: middle; }
.contact-popup .main-contact h1 { font-family: Arial Black, "Arial", Georgia, serif; font-size: 16px; margin: 0; font-weight: strong; color: #000; text-align: left; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; }
.contact-popup .main-contact h2 { font-family: Arial Black, "Arial", Georgia, serif; font-size: 16px; margin: 0; width: 350px; color: #b11f24; text-align: left; }
.contact-popup .main-contact h3 { font-family: Arial, Georgia, serif; font-size: 10px; padding: 0px 10px 5px 10px; margin: 0; width: 350px; text-align: left; color: #000; }
.contact-popup .main-contact p { font-family: Arial, Georgia, serif; font-size: 12px; padding: 0px 10px 5px 10px; margin: 0; width: 350px; text-align: left; color: #000; }
.contact-popup .main-contact a { font-family: Arial Black, "Arial", Georgia, serif; font-size: 12px; text-decoration: none; border: 0px; color: #b11f24; text-align: left; }
.contact-popup .main-contact a:hover { font-family: Arial Black, "Arial", Georgia, serif; font-size: 12px; text-decoration: none; border: 0px; color: #000; text-align: left; }
.contact-popup .main-contact img { border: 0px }
.contact-popup .main-contact .ip-logo { border: 0px; padding: 10px 20px; }
.contact-popup .main-contact .group-pic { height: 120px; border: 0px; float: left; padding: 10px 20px; }
.contact-popup .main-contact .trans-logo { border: 0px; float: right; }