/* LAYOUT */
body, html {
margin:0;
padding:0;
height:100%;
background:url(/cprp/retirement.nsf/images/bg-texture.gif) repeat top left;
}
#wrapper {
margin:0 auto;
width:846px;
position:relative;
z-index:100;
}
#container {
background:url(/cprp/retirement.nsf/images/bg.png) repeat-y center top;
}
#logo {
margin-left:24px;
}
#compass {
position:absolute;
right:0px;
top:0px;
}
#header {
background:url(/cprp/retirement.nsf/images/bg-top.png) no-repeat center top;
height:164px;
}
#content {
padding:10px 60px;
}
#content_text ul {
margin:20px 0 0 20px;
padding:0px;
list-style:none;
}
#content_text li {
margin-bottom:5px;
padding-left:18px;
background: url(/cprp/retirement.nsf/images/bullet.png) 0 8px no-repeat;
}
#menu {
height:24px;
}
#menu ul {
margin:0;
padding:0;
padding-left:24px;
list-style:none;
height:24px;
}
#menu li {
float:left;
height:24px;
padding:4px 2px;
background:url(/cprp/retirement.nsf/images/bg-menu.png) repeat-x left top;
}
#menu .separator img {
margin-bottom:-3px;
}
#menu li.separator {
margin:0;
padding:0;
}
#slideshow-container {
border:5px solid #004b8d;
}
#slideshow {
float:right;
margin:0 0 10px 20px;
width:340px;
}
#content_bottom {
background:url(/cprp/retirement.nsf/images/bg-bottom.png) no-repeat center top;
height:16px;
}
.disclaimer {
font-size:8pt;
line-height:1.1em;
}
#footer {
margin:3px 60px;
text-align:right;
margin-bottom:40px;
}
#compass_rose {
position:absolute;
bottom:-130px;
left:-218px;
z-index:-1;
background:url(/cprp/retirement.nsf/images/compass.png) no-repeat left top;
width:433px;
height:400px;
}
h1, h2,h3 {
margin:0;
padding:0;
margin-bottom:10px;
}
.index h1, .index h2, .index h3 {
width:350px;
}
.clear {
clear:both;
}
/* STYLE */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#222;
}
a:link {
color:#a84339;
}
a:active, a:focus {
color:#bb3d31;
}
a:visited {
color:#a3534c;
}
a:hover {
color:#bb3d31;
background-color:#ddd;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
#header a:hover {
background-color:transparent;
}
h1 {
color:#000;
font-size:20pt;
font-weight:normal;
font-family: Times New Roman, Helvetica, sans-serif;
}
h2 {
font-size:15pt;
font-weight:normal;
font-family: Times New Roman, Helvetica, sans-serif;
color:#000;
}
h3 {
font-size:12pt;
font-weight:bold;
font-family: Times New Roman, Helvetica, sans-serif;
}
#content_text {
line-height:1.7em;
}
#footer {
line-height:1.5em;
font-size:9pt;
color:#fff;
}
#footer a:link, #footer a:active, #footer a:focus, #footer a:visited, #footer a:hover {
color:#fff;
background-color:transparent;
}
hr {
color:#fff;
border:0;
border-bottom:1px solid #999;
}
.imgRight {
float: right; /*right in our text*/
margin: 0 2px 2px 7px; /*space around the image*/
}
/* MENU */
#menu {
font-size:10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:-0.5px;
}
#menu table {
margin-left:24px;
}
#menu a:link {
color:#000;
text-decoration:none;
}
#menu a:active, #menu a:focus {
color:#333;
text-decoration:underline;
}
#menu a:visited {
color:#111;
text-decoration:none;
}
#menu a:hover {
color:#000;
text-decoration:underline;
background-color:transparent;
}
.index #menu #index a,
.services #menu #services a,
.testimonials #menu #testimonials a,
.vendors #menu #vendors a,
.contact #menu #contact a {
color:#fff;
text-decoration:none;
}
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}
/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/
/* QuickMenu 0 */
/*"""""""" (MAIN) Container""""""""*/
#qm0
{
width:auto;
background-color:transparent;
background-image:url(/cprp/retirement.nsf/images/bg-menu.png)
}
/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
font-family:arial;
}
/*THE ABOVE WAS VERDANA CHANGED from VERDANA TO ARIAL LKI*/
.qmparent {
line-height:1.8em;
height:24px;
padding:0px 8px;
}
/*"""""""" (MAIN) Parent Items""""""""*/
#qm0 .qmparent
{
background-repeat:no-repeat;
/*background-position:95% 50%;*/
text-align:center;
}
/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
color:#000000;
text-decoration:none;
}
/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:5px 5px 5px 5px;
background-color:#EEEEEE;
border-width:1px;
border-style:solid;
border-color:#8fa484;
text-align:left;
}
/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:1px 5px 3px 5px;
margin:5px 0;
background-color:transparent;
color:#000000;
font-size:8pt;
font-weight:bold;
border-width:0px;
border-style:none;
border-color:#000000;
}
/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover
{
background-color:#ccc;
text-decoration:none;
}
/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 ul li:hover>a
{
background-color:#ccc;
text-decoration:none;
}
/*"""""""" (SUB) Parent Items""""""""*/
#qm0 div .qmparent, #qm0 ul .qmparent
{
}
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
background-color:#666666;
color:#FFFFFF;
}
/*"""""""" Individual Titles - LISA MENU FONT """"""""*/
#qm0 .qmtitle
{
margin:2px 5px 5px 5px;
color:#222222;
font-family:arial;
font-size:11px;
font-weight:bold;
}
/*THE ABOVE WAS VERDANA CHANGED from VERDANA TO ARIAL LKI*/
/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx
{
border-top-width:1px;
margin:4px 5px 4px 5px;
border-color:#999999;
}
/*"""""""" Individual Vertical Dividers""""""""*/
#qm0 .qmdividery
{
height:24px;
margin:0;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 ul
{
width:100%;
}
/*"""""""" Custom Rule""""""""*/
#qm0 .qmdividery
{
width:6px;
background-image:url(/cprp/retirement.nsf/images/menu-separator.png);
background-repeat:no-repeat;
background-position:left top;
}
#menu #menu-end {
font-size:1px;width:6px;height:24px;background-image:url(/cprp/retirement.nsf/images/menu-end.png);
}
#menu #menu-start {
font-size:1px;width:30px;height:24px;background-image:url(/cprp/retirement.nsf/images/bg-menu.png);
}
/*"""""""" Custom Rule""""""""
ul#qm0 li:hover > a.qmparent
{
background-image:url(qmimages/arrow_1.gif);
}*/
/**********************************************************************************************************************************/
/* SCHOLARSHIP APPLICATION FORM */
/**********************************************************************************************************************************/
.clear {
clear:both;
}
#form {
margin:30px;
}
.field {
padding:0px 10px 20px 0;
position:relative;
}
div.field label {
line-height:1.2em;
}
label {
display:block;
clear:left;
font-weight:normal;
margin-bottom:1px;
font-size:9pt;
color:#333;
}
label.right-side {
display:inline;
font-weight:normal;
}
.label-left label{
display:inline;
}
label span {
font-size:7pt;
color:#555;
}
input {
padding:1px 3px;
}
input,select,textarea {
background-color: #eaeaea;
border-color:#8fb9d0;
border-width:1px;
border-style:solid;
color:#000;
font-size:10pt;
}
.formfld {
background-color: #eaeaea;
border-color:#8fb9d0;
border-width:1px;
border-style:solid;
color:#000;
font-weight:normal;
font-size:9pt;
font-family:verdana;
}
fieldset input,fieldset select,fieldset textarea {
background-color: #f5f5f5;
border-color:#8fb9d0;
border-width:1px;
border-style:solid;
color:#000;
}
#footer input,#footer select,#footer textarea {
background-color: #daf0fc;
border-color:#8fb9d0;
border-width:1px;
border-style:solid;
color:#333;
}
textarea:focus, input:focus, textarea:active, input:active {
background-color: #fff;
}
.submitbutton, .submitbutton:focus, .submitbutton:active, .submitbutton.validation-passed {
background-color: #a0d178;
color:#003366;
font-weight:bold;
border:1px solid #85b75b;
padding:1px;
}
.submitbutton-forms {
margin-left:30px;
}
/* validation */
input.disabled {
background-color: #F2F2F2;
}
input.required, textarea.required {
}
input.validation-failed, textarea.validation-failed {
color : #000;
background-color: #fcf3c8;
}
input.validation-passed, textarea.validation-passed {
color : #000;
background-color: #ededed;
}
.validation-advice {
position:absolute;
text-align:left;
color : #FF0000;
font-size:7pt;
padding:5px 0 5px 5px;
line-height:1.2em;
display:inline;
}
.custom-advice {
float:left;
text-align:left;
color : #ff0000;
font-size:7pt;
padding:0 0 5px 3px;
}
.required_star {
color:#003366;
}
.terms {
display: none;
height:0px;
width:0px;
}
.checkbox label {
display:inline;
margin-left:5px;
}
.radio-inline span.separator {
padding:0 10px;
}
.checkbox input , input.checkbox , .radio-inline input{
border-width:0;
background-color:transparent;
}
fieldset {
padding:5px 20px 5px 20px;
border:1px solid #d9cdbb;
display:block;
margin:15px 0;
background-color:#fff;
}
legend {
margin-left:-7px;
margin-bottom:0px;
padding-bottom:10px;
font-weight:bold;
font-size:10pt;
color:#644f34;
}
fieldset.number {
padding:5px 30px;
border:0px solid #bbb;
display:block;
border-width:0;
margin:15px 0;
position:relative;
}
.number legend {
margin-left:-30px;
margin-bottom:-72px;
padding-bottom:10px;
font-weight:bold;
color:#444;
line-height:1.2em;
top:18px;
position:absolute;
}
.inline {
width:100%;
}
.inline .field{
float:left;
position:relative;
}
.inline .field input{
display:inline-block;
}
.inline .validation-advice {
position:absolute;
text-align:left;
color : #FF0000;
font-size:7pt;
padding:0 0 5px 3px;
display:block;
}
.inline-inputs input, .inline .inline-inputs input {
display:inline;
}
.hidden-sub-field {
margin-left:20px;
}
h4 {
margin-bottom:5px;
font-size:10pt;
}
form a {
color:#003366;
text-decoration:underline;
cursor:pointer;
}
fieldset .columns-2 {
float:left;
width:350px;
margin-right:30px;
}
.agent_content {
font-size:10pt;
}
#checklist {
margin:0 0 20px 0;
}
#checklist ul {
margin:20px 0 0 20px;
padding:0px;
list-style:none;
}
#checklist ul span {
padding-right:10px;
}
#checklist ul li {
margin-bottom:1px;
padding-left:40px;
background: url(/cprp/retirement.nsf/images/checklist-incomplete.gif) 0 0 no-repeat;
line-height:30px;
}
#checklist .mail {
background: url(/cprp/retirement.nsf/images/checklist-mail.gif) 0 0 no-repeat;
}
#checklist .complete {
background: url(/cprp/retirement.nsf/images/checklist-complete.gif) 0 0 no-repeat;
}
#checklist ul {
padding: 5px 10px 10px 20px;
margin:10px 0 0 10px;
}
#checklist2 {
margin:0 0 20px 0;
}
#checklist2 ul {
margin:20px 0 0 20px;
padding:0px;
list-style:none;
}
#checklist2 ul span {
padding-right:10px;
}
#checklist2 ul li {
margin-bottom:1px;
padding-left:40px;
background: url(/cprp/retirement.nsf/images/checklist-incomplete.gif) 0 0 no-repeat;
line-height:30px;
}
#checklist2 .mail {
background: url(/cprp/retirement.nsf/images/checklist-mail.gif) 0 0 no-repeat;
}
#checklist2 .complete {
background: url(/cprp/retirement.nsf/images/checklist-complete.gif) 0 0 no-repeat;
}
#checklist2 ul {
padding: 5px 10px 10px 20px;
margin:10px 0 0 10px;
}