/* AMW CSS Styles */
body
{
  background: #F8F8FF;
  font-family: Verdana,sans-serif;
  font-size: 11px;
}
td
{
  font-size: 11px;
}
a
{
	color:#760A0A;
	text-decoration:none;
}

h2
{
	display:block;
	font-size:1.5em;
	font-weight:bold;
	margin:0.83em 0;
}

#layoutTable
{
  width: 700px;
  margin: auto;
  background: white;
  border-collapse: collapse;
  border: 1px solid black;
}
#banner
{
  padding: 0px;
}
#bannerPic
{
  border: none;
  border-bottom: 1px solid black;
}

#banner h3, #banner h4
{
  display: inline;
  margin-left: 10px;
  font-family: Verdana, sans-serif;
}

ul#tabnav {
font-size: 10px;
list-style-type: none;
padding-bottom: 23px;
border-bottom: 1px solid #D8D8D8;
padding-left: 0px;
margin: 0px;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
}

td > ul#tabnav {
  padding-bottom: 24px;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #F8F8FF;
margin: 2px 4px 0px 0px;
border: 1px solid #D8D8D8;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7 {
border-bottom: 1px solid #fff;
background-color: #fff;
font-weight: bold;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a {
color: #000;
}

#tabnav a {
font-size: .88em;
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #fff;
}

/*ul#tabnav #participantsTab
{
  margin-left: 75px;
}*/

#contentTable
{
 width: 688px;
 font-size: 12px;
 text-align: justify;
 padding-left: 2px;
 padding-right: 5px;
 border: 1px solid #D8D8D8; 
 border-top: none;
 margin-left: 5px;
 margin-right: 5px;
 margin-bottom: 10px;
 background: white;
}
#contentCell 
{
 padding: 5px;
 padding-top: 10px;
 padding-bottom: 10px;
}

#spotlight
{
  /* padding: 7px; */
  /*border: 3px solid #5AB338;*/
}
#spotlight td
{
  width: 25%;
  vertical-align: top;
  padding: 0px 5px 0px 5px;
}
#spotlight div.spotlight
{
  vertical-align: top;
  text-align: left;
  padding: 3px 10px 10px 10px;  
}
#spotlight div a
{
  font-style: italic;
}
.spotlightHeader
{
  border: 1px solid white;
  color: white;
  font-weight: bold;
  padding: 3px;
}
.headerPicLeft
{
  float: left;
  margin-top: 1px;
  margin-right: 5px;
}
.headerPicRight
{
  float: right;
  margin-left: 5px;
  margin-top:1px;
}
.frontPic 
{
  border: 1px solid black;
  float: right;
  margin: 5px 10px 0px 10px;
}
.frontLink
{
  text-decoration: none;
}
#frontHeader
{
  background: #B8B8B8;
  color: white;
  text-align: center;
  margin-bottom: 0px;
  border: 0px;
}
#frontProjectHeader
{
  background: #5AB338;
  height: 13px;
}

#frontTopicsHeader
{
  background: #A1C0F6;
  height: 13px;
}

#frontHistoryHeader
{
  background: orange;
  height: 13px;
}

#frontLatestHeader
{
  background: #ff3333;
  height: 13px;
}
#spacer
{
  border-top: 1px solid #D8D8D8;
  width: 250px;
  margin: 0px 200px 0px 200px;
}
#topicText
{
  float: left;
  margin-left: 7px;
  margin-bottom: 100px;
  width: 50%;
}
#furtherTopicText
{
  width: 95%;
  float: left;
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 10px;
}
.topicHeader
{
  border-bottom: 2px solid #5AB338;
  color: black;
  float: left;
  display: inline;
  width: 87%;
  font-weight: bold;
  padding: 3px;
  margin-bottom: 5px;
  padding-left: 0px;
  padding-right: 6px;
}
.topicTopLink
{
  float: right;
  display: inline;
  width: 12%;
  text-align: right;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 2px solid #5AB338;
  margin-bottom: 5px;
}
.topicSummary
{
  padding-bottom: 20px;
}
ul.greenBullet
{
  margin-top: 5px;
  padding-left: 5px;
  margin-left: 15px;
  padding-top: 0px;
  list-style-image: url(greenBullet.gif);
  list-style-type: square;  
  list-style-position: outside;
  text-align: left;
}
ul.greenBullet li
{
  margin-bottom: 2px;
}
ul.blueBullet
{
  margin-top: 5px;
  padding-left: 5px;
  margin-left: 15px;
  padding-top: 0px;
  list-style-image: url(blueBullet.gif);
  list-style-type: square;  
  list-style-position: outside;
  text-align: left;
}
ul.blueBullet li
{
  margin-bottom: 2px;
}
#topicTable
{
  float: right;
  /*border: 2px solid #5AB338;
  border-collapse: collapse;*/
  width: 44%;
}
#topicTable td 
{
  border: 1px solid #5AB338;
  vertical-align: top;
  width: 50%;
  padding: 5px;
}
#topicTableHeader
{
  text-align: center;
  background: #5AB338;
  color: white;
  font-weight: bold;
}
#aboutPullout
{
  margin-top: 7px;
  margin-bottom: 5px;
}
#hpcrLogo
{
  float: right;
  border: 1px solid #D8D8D8;
}

#bottomNavCell 
{
  text-align: center;
}
#bottomNavCell a 
{
  font-size: 9px;
}
#copyrightCell
{
background-image: url(amw-footer-bg-2.png);
  text-align: center;
  font-size: 9px;
  color: #C3C3C3;
  padding: 10px 15px 10px 15px;
}
#h-logo {
	float:left;
	margin-left:45px;
	margin-top:18px;
}
#h-info {
	float:left;
	margin-left:30px;
	margin-top:16px;
	text-align:left;
	color:#505051;
}

#h-info a, #bottomNavCell a 
{
	color:#760a0a;
}
#copyrightTable
{
  text-align: right;
  font-size: 9px;
  color: #6A9BF1;
}
#copyrightTable td
{
  padding: 5px;
}
#copyrightText
{
  width: 60%;
}
#smallHSPH
{
}
#smallHPCR
{
}

/*About Project */
#specific-goals
{
	margin-left:7%;
}

#about-project
{
	margin-left:7.5%;
	width:567px;
	float:left;
}

/* News and Events Page */

#calendar-container
{
	margin-left:10%;
}

#left-cal 
{
	float:left;
	width:75px;
}

#right-cal 
{
	width:500px;
	padding-bottom:15px;
	padding-top:6px;
}

#event 
{
	border:1px dotted grey;
	padding:19px;
	margin-bottom:8px;
	width:514px;
}

#PageTitle
{
	color: #212121;
	margin: 0px 48px 23px;
}

/* Participant List */

#pos-org
{
	float:left;
}

#pos2-org2
{
	margin-left:92px;
}

#indent-section
{
	margin-left:21px;
}

/* Front Page Image Rotator */

/* main_image section CSS */

#jquery-images
{
	margin-left: 15px;
}
.main_image {
/*    width: 598px;
    height: 456px; */
    width: 352px;
	height: 300px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 5px;
}
.main_image p {
    font-size: .9em;
    line-height: 1.2em;
    padding: 8px;
    margin: 0;
}

.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}

.main_image a.show {background-position: left bottom;}

/* main_image section CSS */

.image_thumb {
    float: left;
    width: 282px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: .45em;
    background: #fff;
    float: left;
    margin-left: 15px;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
	padding: 1em 0 1em 0;
/*     background: #f0f0f0 url(http://www.sohtanaka.com/web-design/examples/image-rotator/nav_a.gif) repeat-x; */
    width: 282px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 5px;
    padding: .2em;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

/* Front Page Row 2 */

#front-page-row-2 {
margin-top:29em;
}
#mediaspace {
margin-left:15px;
float:left;
}

#front-left-2
{
	float:left;
	width:32em;
}

#frontParagraph
{
  background: #E8E8EE;
  padding: 7px;
  border: 1px solid #D8D8D8;
  margin: 0px 0px 0px 15px;
  width: 28.9em;
}

#frontParagraph a
{
	color:#760A0A;
	text-decoration:none;
}
#constant-contact
{
	background: #E8E8EE;
	padding: 7px;
	border: 1px solid #D8D8D8;
	margin: 0px 15px 18px 15px;
	width: 28.9em;
}

#sign-up
{
	margin-bottom:10px;
}


#manual
{
	width:204px;
	border-style: solid ; 
	border-color: #CCC; 
	border-width: 2px;
	background:#ECECE7;
	float:right;
	margin-left: 17px;
	clear:right;
}

#manual1
{
	width:75px;
	float:left;
	margin-left:12px;
	margin-bottom:9px;
}

#manual2
{
	width:116px;
	float:left;
	clear:right;
}

#manual-pdfs
{
	width:250px;
	margin-top:-32px;
	float:left;
}
#manual-pdf1
{
	width:75px;
	float:left;
	margin-left:12px;
}

#manual-pdf2
{
	width:107px;
	float:left;
	clear:right;
}

#manual3
{
	float:left;
	margin-left:12px;
	margin-bottom:9px;
}

#manual-header h4
{
	font-size:14px;
	color: #555555;
}

#manual-header
{
	margin-bottom:-17px;
	margin-left:12px;
	margin-top:9px;
}

#manual1 h5, #manual2 h5 
{
	color:#555555;
	font-size:11px;
	text-align:left;
}

#howtovideo
{
	float: left;
	padding-right:18px;
	padding-bottom:10px;
}