body {
    line-height: 18px;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    /*color: #333;*/
    color: #000;
    font-size: 14px;
    line-height: 20px;
}

a {
    color: #27648b;
    text-decoration: underline;
}

p {
    padding: 0px 0px 20px 0px;
    color: #000;
}

h1 {
    line-height: 48px;
    font-size: 31px;
    color: #981b1e;
    padding: 0px 0px 3px 0px;
    margin: 0px 0px 16px 0px;
    background-image: url(../images/dash-repeater.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    text-transform: uppercase;
}

h2 {
    color: #000;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    margin: 0px;
    padding: 0px 0px 3px 0px;
}

h3 {
    font-size: 14px;
    font-weight: bold;
    color: #112c3d;
    line-height: 15px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#wrapper {
    background-image: url(/images/bgd-repeater.jpg) !important;
    background-repeat: repeat-x !important;
    background-position: left top;
    background-color: #DBDBD9;
}

#header-wrapper {
    background-image: url(/images/bgd-header.jpg);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

#header {
    width: 960px;
    margin: 0 auto;
    height: 215px;
    position: relative;
    background-image: url(/images/bgd-header2.jpg);
    background-repeat: no-repeat;
}

#header-login {
    position: absolute;
    width: 482px;
    height: 103px;
    padding: 20px 0px 0px 28px;
    z-index: 100;
    text-align: left;
    left: 449px;
    top: 19px;
    background-image: url(/images/login-bgd.jpg);
    background-repeat: no-repeat;
}

#header-login .checkbox {
    line-height: 15px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

#header-login a {
    color: #82E8FF;
    font-size: 12px;
    font-weight: bold;
    
}

.header-login-wrapper {
    margin: 0px;
    padding: 10px 23px 0px 10px;
    width : 155px !important; /* Resize Width */
    float: left;
    text-align: left; 
    background-image: url('/images/login-field.gif');
    background-position: top left;
    vertical-align: bottom;
    background-repeat: no-repeat;
}

.header-login-wrapper input[type=text],
.header-login-wrapper input[type=password] {
    cursor: pointer;
    border:0px solid #586A76;
    color:#ffffff;
    font-weight:bold;
    font-size:15px;/* Resize Font*/
    height:18px;
    width : 154px;
    line-height:15px;
    background-color:#586A76;
    margin-bottom:15px;
}

a.forgot-password {
    /*display: none;*/
    line-height: 21px;
}

a.register {
    cursor: pointer;
    line-height: 30px;
}

.register-teaser {
    float: right;
}
#header-login-button {
    width: 76px;
    float: left;
    text-align: center;
}

.header-logout-wrapper {
    margin: 0px;
    font-size: 18px;
    color: #ffffff;
    padding: 10px 16px 4px 10px;
    width: 339px;
    float: left;
    text-align: right;
    vertical-align: bottom;	
}

.header-logout-wrapper p {
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #ffffff;
}

#header-twitter, #header-facebook {
    float: left;
    height: 25px;
}

#header-twitter {
    margin-top: 25px;
}

#header-facebook {
    margin-top: 27px;
    margin-left: 10px;
}

#nav {
    position: absolute;
    width: 584px;
    height: 58px;
    z-index: 100;
    text-align: right;
    left: 377px;
    top: 157px;
}

#nav a img {
    margin-left: 2px;
}

#subnav {
   position: absolute;
   width: 584px;
   left: 377px;
   top: 215px;
}

#content {
    width: 960px;
    margin: 0px auto;
    background-color: #F0F1EF;
}

#center {
    background-image: url(/images/page-top.gif);
    background-repeat: no-repeat;
    padding: 30px 30px 30px 30px;
}

#col-right {
    width: 240px;
    float: right;
}

#col-right span {
    margin: 10px;
}

.clear-col-right {
    display: block;
    clear: both;
    background-image: url(/images/dash-repeater.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 10px;
    width: 100%;
    margin: 0px 0px 8px 0px;
    padding: 0px;
}

#col-left {
    width: 630px;
    float: left;
}

#col-left h1 {
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 10px;
}

.vpadding, .vpadding-small {
    display: block;
}

.vpadding-small {
    height: 15px;
}

.vpadding {
    height: 20px;
}

.clear {
    display: block !important;
    overflow: hidden !important;
    clear: both !important;
    height: 1px !important;
}

.hidden {
    display: none;
}

#footer-wrapper {
    background-image: url(/images/bgd-footer.jpg);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-color: #102632;    
}

#footer {
    width: 960px;
    margin: 0 auto;
    height: 83px;
    background-image: url(/images/bgd-footer2.jpg);
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #8B8B8B;
    position: relative;
}

#footer h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    padding: 16px 0px 10px 0px;
    margin: 0px;
}

#footer a {
    font-size: 12px;
    font-weight: bold;
    color: #8B8B8B;
}

#footer a:hover {
    text-decoration: underline;    
}

#footer span {
    padding: 0px 6px 0px 6px;    
}

/* ----- VOUCHED ----- */

.Reponses
{
    
    overflow-y: scroll;
    width: 630px;
    height: 500px;
    margin-bottom: 40px;
}

.User
{
    width: 110px;
    float: left;
    text-align: center;
    padding-bottom: 22px;
}

.User h3
{
    margin-top: 8px;
    color: #981b1e;
}

.Bubble
{
    width: 481px;
    margin-bottom: 22px;
    float: right;
    margin-right: 20px;
    background-repeat: repeat-y;
}

*html .Bubble
{
    display: inline;    
    
}

.Bubble .BubbleInner p 
{
    padding: 20px 25px 25px 50px;
    background-position: bottom;
    background-repeat: no-repeat;
}

.Bubble.White
{
    background-image: url(../images/bubble-white-repeater.gif);
}

.Bubble.White .BubbleInner 
{
    background-image: url(../images/bubble-white-top.gif);
    background-repeat: no-repeat;
}

.Bubble.White .BubbleInner p 
{
        
}

.Bubble.Blue
{
    background-image: url(../images/bubble-blue-repeater.gif);
}

.Bubble.Blue .BubbleInner 
{
    background-image: url(../images/bubble-blue-top.gif);
    background-repeat: no-repeat;
}

.Bubble.Blue .BubbleInner p 
{
    background-image: url(../images/bubble-blue-bottom.gif);
}

.Comments-Wrapper-Yearbook
{

    padding: 10px 0px 0px 10px;
    width: 620px; /* Resize Width */
    height: 149px; /* no padding: 37px; */
    text-align: left;
    background-image: url('../images/yearbook-comment.gif');
    background-repeat: no-repeat;
    background-position: top left;
    margin: 15px 0px 0px 0px;
}

.Comments-Wrapper-Yearbook .Comments
{
  cursor: pointer;
  border: 0px solid #ffffff;
  color: #990016;
  font-weight: bold;
  font-size: 15px;/* Resize Font*/
  height: 130px;
  width: 608px;
  line-height: 22px;
  background-color: #FCFCFC;
  overflow: hidden;
}

a.RegisterFor
{
    height: 45px;
    overflow: hidden;
}

.indent {
   margin-left: 40px;
}



.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: lightblue; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}