@charset "utf-8";

/* CSS Document */

/* Begin: Master Reset */

/*----------------------------------------------------------------
  Note: Please do not edit the master reset
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
   content: '';
   content: none;
}

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {
   border-collapse: collapse;
   border-spacing: 0;
}

/* End: Master Reset */

/*----------------------------------------------------------------
  Note: You can start editing below this line
*/

/* Begin: General Style */

body {
   background: #004E74; /*url(../images/footer_repeat.jpg) repeat-y center top;*/
   overflow-x: hidden;
}

#main_and_header_cont {
   background:url(../images/main_and_header_cont.jpg) repeat-y center top;
   width: 1024px;
   margin: 0 auto;
}

#main_and_header {
   background:url(../images/main_and_header.jpg) no-repeat center top;
   width: 1024px;
   margin: 0 auto;
   min-height: 1089px;
   height: auto !important;
   height: 1089px;
   position: relative;
}

#main_and_header p {
   padding-bottom: 15px;
   font: 11px Verdana, Geneva, sans-serif;
   color: #fff;
   top: -200px;
}

#right_column1 {
   position: absolute;
   right: 167px;
   top: 347px;
   width: 330px;
   height: 106px;
}

#right_column1 p {
   padding-bottom: 15px;
   font: 15px Verdana, Geneva, sans-serif;
   color: #273a5d;
}

#right_column2 {
   position: absolute;
   right: 162px;
   top: 760px;
   width: 335px;
   height: 286px;
}

#right_column2 h2 {
   font: 32px Arial, Helvetica, sans-serif;
   color: #4e3165;
   padding-bottom: 8px;
}

#right_column2 h3 {
   font: 24px Arial, Helvetica, sans-serif;
   color: #163d58;
   padding-bottom: 15px;
}

#right_column2 p {
   padding-bottom: 15px;
   font: 15px Verdana, Geneva, sans-serif;
   color: #273a5d;
}

#left_column {
   width: 320px;
   padding: 420px 0 0 163px;
}

#left_column ul {
   margin-bottom: 10px;
}

#left_column ul li {
   padding-bottom: 10px;
}

#left_column ul li .text_field {
   display: inline-block;
   width: 226px;
   height: 21px;
   background: url(../images/text_field_bg.jpg) no-repeat left top;
}

#left_column ul li .text_field input, #left_column ul li .text_field select {
   font: 12px Verdana, Geneva, sans-serif;
   background: none;
   border: none;
   width: 220px;
   padding: 3px 3px 0 3px;
   color: #333;
}

#left_column ul li .text_field select {
   width: 225px;
   padding: 2px 3px 0 0;
}

#left_column ul li .text_field select option {
   background: #FFF;
}

#left_column ul li select {
   width: 170px;
}

#left_column ul li label {
   font: 11px Verdana, Geneva, sans-serif;
   color: #FFF;
   width: 89px;
   float: left;
   text-align: right;
   padding-right: 5px;
}

span.text-req {
   font: 11px Verdana, Geneva, sans-serif;
   color: #FFF;
}

#left_column h3#header_your_friends {
   width: 221px;
   height: 29px;
   background: url(../images/header_your_friends.jpg) no-repeat left top;
   margin-bottom: 10px;
}

#left_column h3#header_your_message {
   width: 128px;
   height: 25px;
   background: url(../images/header_your_message.jpg) no-repeat left top;
   margin-bottom: 0px;
}

#fRefMsg {
   width: 313px;
   height: 150px;
   margin-bottom: 8px;
   font: 10px Verdana, Geneva, sans-serif;
   color: #333;
   padding: 0px;
}

.your_friends_block {
   border-bottom: 1px solid #325c98;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.button_holder {
   text-align: right;
}

.add_more_button {
   display: inline-block;
   width: 131px;
   height: 23px;
   border: 0;
   cursor: pointer;
   background: url(../images/button_add_more.jpg) no-repeat left top;
}

.remove_button {
   display: inline-block;
   width: 25px;
   height: 23px;
   border: 0;
   cursor: pointer;
   background: url(../images/button_remove.jpg) no-repeat left top;
}

#add_more_button_g {
   display: inline-block;
   width: 131px;
   height: 23px;
   border: 0;
   cursor: default;
   background: url(../images/button_add_more_g.jpg) no-repeat left top;
}

#send_button {
   display: inline-block;
   width: 97px;
   height: 23px;
   background: url(../images/button_send.jpg) no-repeat left top;
   border: 0;
   cursor: pointer;
}

#right_column2 small {
   padding-bottom: 15px;
   font: 11px Verdana, Geneva, sans-serif;
   color: #0d384e;
}

#footer {
   width: 1024px;
   height: 85px;
   background: url(../images/footer.jpg) no-repeat center top;
   margin: 0 auto;
   position: relative;
}

#footer p {
   position: absolute;
   left: 147px;
   top: 52px;
   font: 12px Verdana, Geneva, sans-serif;
   color: #8da6b4;
}

/* End: General Style */

/* Begin: Individual Elements (Extras)*/

.hide_this {
   position: absolute;
   left: -1000em;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden;
}

/* P.I.E. Float Clearing */
.clear_fix:after {
   content: ".";
   clear: both;
   height: 0;
   visibility: hidden;
   display: block;
}

.clear_fix { display: inline-block; /* Fixes IE/Mac */ }

/* Hides from IE-mac \*/
* html .clear_fix { height: 1%; }

.clear_fix { display: block; }

/* End hide from IE-mac */

/*	Using 'class="align_right"' on an image will align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */
    
img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.align_right {
   margin: 0 0 2px 7px;
   display: inline;
   float: right;
}

img.align_left {
   margin: 0 7px 2px 0;
   display: inline;
   float: left;
}

.fix_png { }

/* End: Individual Elements (Extras) */

.blockUI {
	font-family: Arial, Sanf-serif;
	font-weight: bold;
	font-size: 14pt;
	padding: 20px;
}

.blockUI img {
	padding-right: 12px;
	vertical-align: middle;
}