/*
10/11/05 Participant Homepage Specific Styles
*/



body {background: url(../images/participants/background.jpg) repeat-x fixed left top;}
#outter {margin: 0 auto 0 auto; padding: 0 0 0 0; text-align: left; width: 772px; /* comment out for liquid */ height: 400px; /* min height */}

#title {background-color: #D0DFCB;}

/* Global Participant Link Styles */
a:link {font-size: 11px; color: #0067c6; text-decoration: underline}
a:visited {font-size: 11px; color: #0067c6; text-decoration: underline}
a:hover {font-size: 11px; color: #0067c6; text-decoration: underline}
a:active {font-size: 11px; color: #0067c6; text-decoration: underline}

#banhead {background-color: #32731E; height: 87px;}
#banhead h1 {float: left; width: 85px;}
#banhead h2 {float: left; margin: 44px 0 0 0;}
#banhead h3 {float: right; font-weight: normal; margin: 54px 8px 0 0;}

/* | Start Sign In Styles | */
#signin {position: absolute; background: url(../images/participants/signin_drop.gif) no-repeat; top: 30px; padding: 0 0 5px 0;}
/* hack */ html>body #signin {top: 29px; padding: 0 0 3px 0;}
#signin ul {width: 156px; padding: 8px 0 0 0;}
#signin li {list-style-type: none; width: 152px; height: 17px; margin: -3px 0;}
/* hack */ html>body #signin li {margin: 0 0 0 0;}
#signin li a {padding: 0 0 0 20px; text-decoration: none; display: block; height: 17px;}
#signin li a:link {color: #000;}
#signin li a:visited {color: #000;}
#signin li a:hover {color: #fff; background: #000 url(../images/common/whiteArrow.gif) no-repeat 3px -1px;}
#signin li a:active {color: #fff; background: #000 url(../images/common/whiteArrow.gif) no-repeat 3px -1px;}

#intro {background: url(../images/participants/intro.jpg) no-repeat;}
#intro_sp {background: url(../images/participants/intro_sp.jpg) no-repeat;}

#buttons {margin: 130px 0 0 235px; }
#buttons a {display: block; float: left; font: normal 11px/1.3em Arial, Helvetica, Verdana, sans-serif; white-space: nowrap; background: url(../images/common/bg_button.gif) repeat-x; text-decoration: none; margin: 0 0 0 12px; border: 1px #999 solid; padding: 6px 12px;}
#buttons a:link {color: #000;}
#buttons a:visited {color: #000;}
#buttons a:hover {color: #069; border: 1px #393 solid; background: url(../images/common/bg_button_on.gif) repeat-x;}
#buttons a:active {color: #000;}

/* use all three to create two column effect */
.pleft {float: left;}
.pright {float: right;}
.clear {clear: both;}

/* image floats on top */
.float1 {float: left;  width: 384px;}
.float2 {float: right;  width: 386px;}
.float3 {float: right; width: 386px;}


#contentppthome {border: 1px #bcbdbe solid; padding: 18px 0 0 0; margin: -3px 0 0 0; background-color: #eaf1e8;}
#contentppthome h1 {font-weight: bold; font-size: 14px; color: #0067c6; font-family: Arial, Helvetica, Verdana, sans-serif; }
#contentppthome h2 a {font-size: 12px;}
#contentppthome h3 {font-weight: bold; font-size: 12px; color: #000; font-family: Arial, Helvetica, Verdana, sans-serif;}
/* Similar to h2, but with a hairline underneath */
#contentppthome h4 {font-weight: bold; font-size: 13px; color: #333; font-family: Arial, Helvetica, Verdana, sans-serif; border-bottom: 1px #ccc solid; margin-bottom: 6px; padding-bottom: 3px; clear: both;}
#contentppthome h5 {font-weight: bold; font-size: 13px; color: #333; font-family: Arial, Helvetica, Verdana, sans-serif; border-bottom: 1px #ccc solid; margin-bottom: 6px; padding: 12px 3px 0 0; clear: both;}
#contentppthome p {margin: 0 0 12px 0;}



/* Table Setup Participant Home3 */
#tblcol {width: 98%; margin: -4px 0 0 0; }
#tblcol tr {vertical-align: top; }
#tblcol td {background-color: #eaf1e8; padding:0 20px 0 40px;}

/* sup, sub tag fixes*/
sup { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; vertical-align: .9ex;}
sub { font-family: Arial, Helvetica, sans-serif; font-size: 75%; vertical-align: -0.6ex;}