/*  Company: National Executive
Description: SP Stylesheet
Author: Helen Tran
Author URI: http://c-zephyr.com/ */

/* the basics */

body { 
 background-color: #f4f4f4;
 padding-top: 10px; 
 margin: 0; 
}
.container {
 width: 780px;
} 
#header {
 height: 116px;
}
#sbpage {
 background: url("images/contentback.gif") 0 0 repeat-y; 
 width: 780px;
 overflow: auto;
}
#sidebar {
 float: left;
 width: 189px;
}
#contentarea {
 background: url("images/contentrightback.jpg") 0 0 no-repeat; 
 float: right;
 width: 591px;
}
input, textarea {
 font: 11px arial, helvetica, lucida sans unicode, sans-serif;
 color: #000000;
 padding: 4px;
 background-color: #f5f5f5;
 border: 0px;
}

/* the basic paragraph styles */

a {
 font: bold 12px arial, helvetica, lucida sans unicode, sans-serif;
 color: #222288;
 text-decoration: none;
}
a:hover {
 font: bold 12px arial, helvetica, lucida sans unicode, sans-serif;
 color: #a7aec7;
 text-decoration: none;
}
#contentarea p {
 font: 11px verdana, arial, helvetica, lucida sans unicode, sans-serif;
 color: #333366;
 text-align: left;
 line-height: 19px;
 margin: 0 30px 10px 20px;
}
#contentarea h1 {
 font: 20px arial, helvetica, lucida sans unicode, sans-serif;
 color: #486eb9;
 text-align: left;
 padding: 15px 0 0 17px;
 border-bottom: 1px solid #cfcfcf;
 margin: 5px 310px 0 2px;
}
#contentarea h2 {
 padding: 0px;
 margin: 15px 0 0 20px;
 font: bold 14px verdana, arial, helvetica, lucida sans unicode, sans-serif;
 color: #933030;
 text-transform: uppercase;
 text-align: left;
}
#contentarea td {
 font: 12px helvetica, lucida sans unicode, sans-serif;
 text-align: left;
 background: #f5f5f5;
 border: 1px solid #b3b3b3;
 line-height: 17px;
 padding: 4px;
 color: #444c74;
 vertical-align: top;
}
h3 {
 font: 14px helvetica, lucida sans unicode, san-serif;
 text-align: center;
 margin: 3px;
 color: #486eb9;
}
h4 {
 font: bold 13px helvetica, lucida sans unicode, san-serif;
 text-align: center;
 margin: 3px;
}
h5 {
 font: bold 12px helvetica, lucida sans unicode, san-serif;
 text-align: left;
 text-transform: uppercase;
 margin: 15px 0 7px 0;
}
ul {
 line-height: 17px;
 padding-left: 25px;
 margin: 0;
 color: #444c74;
}
td b {
 color: #933030;
}
td {
 color: #737373;
}

/* fp specifics */

#fptop {
 width: 780px;
}
#fptop1 {
 float: left;
 width: 189px;
}
#fptop2 {
 float: left;
 width: 278px;
}
#fptop3 {
 float: right;
 width: 313px;
}
#fpbottom {
 width: 780px;
}
#fpbottom1 {
 float: left;
 width: 467px;
}
#fpbottom2 {
 float: right;
 width: 313px;
}
.fpprofile {
 background: url("images/fpback.jpg") 0 0 no-repeat;
 float: left;
 width: 467px;
 height: 255px;
 padding: 5px 0 0 20px;
 text-align: left;
}
.fprpic {
 width: 313px;
 height: 104px;
}
.fpourservices {
 background: url("images/firstback.jpg") 0 0 no-repeat;
 height: 92px;
}
.fppostings {
 background: url("images/jobpostingsback.jpg") 0 0 no-repeat;
 float: right;
 width: 313px;
 height: 255px;
}

/* fp paragraph styles */

.fppostings h1 {
 font: 20px helvetica, lucida sans unicode, sans-serif;
 color: #9dace8;
 text-align: left;
 margin: 18px 0 2px 20px;
}
.fppostings h2 {
 font: 14px helvetica, lucida sans unicode, sans-serif;
 color: #7e8cc7;
 text-align: left;
 margin: 10px 0 0 20px;
}
.fppostings a {
 font: 12px arial, helvetica, lucida sans unicode, sans-serif;
 color: #b1bbdf;
 text-decoration: none;
}
.fppostings a:hover {
 font: 12px arial, helvetica, lucida sans unicode, sans-serif;
 color: #ffffff;
 text-decoration: none;
}
.fppostings table {
 margin: 0px 15px 0 18px;
}
.fppostings td {
 font: 11px helvetica, lucida sans unicode, sans-serif;
 color: #a7aecc;
 line-height: 15px;
}
.fpourservices h1 {
 text-align: left;
 font: 17px arial, helvetica, lucida sans unicode, sans-serif;
 color: #6666cc;
 padding-top: 19px;
 padding-left: 16px;
 margin-bottom: 6px;
 border-bottom: 1px solid #cfcfcf;
 width: 200px;
}
.fpourservices p {
 font: 12px helvetica, lucida sans unicode, sans-serif;
 color: #333366;
 text-align: justify;
 line-height: 17px;
 padding-left: 8px;
 margin: 0 15px 0 10px;
}
.fpprofile h1 {
 font: 17px arial,helvetica, lucida sans unicode, sans-serif;
 color: #6666cc;
 text-align: left;
 padding-left: 26px;
 margin: 7px 0 5px -13px;
 width: 200px;
 border-bottom: 1px solid #cfcfcf;
}
.fpprofile p {
 font: 12px helvetica, lucida sans unicode, sans-serif;
 color: #333366;
 text-align: justify;
 line-height: 16px;
 margin: 3px 30px 0 0;
 padding: 0 0 0 13px;
}
.fpprofile h2 {
 font: bold 14px helvetica, lucida sans unicode, sans-serif;
 color: black;
 text-align: left;
 margin: 10px 0 0 13px;
}
p.profiletwo {
 font: 12px helvetica, lucida sans unicode, sans-serif;
 color: #333366;
 text-align: justify;
 line-height: 16px;
 margin: 5 30px 0 0;
 padding: 0 0 0 13px;
 border: 0;
}
p.profilelink {
 font: 12px helvetica, lucida sans unicode, sans-serif;
 color: #333366;
 text-align: right;
 line-height: 17px;
 margin: 5 30px 0 0;
 padding: 0 0 0 13px;
 border: 0;
}

/* fp link styles */

.fpprofile a {
 color: #333366;
 font: bold 12px helvetica, lucida sans unicode, sans-serif;
 font-style: italic;
 text-decoration: none;
}
.fpprofile a:hover {
 color: #ffffff;
}

/* navigation link styles */

#nav1 a { 
 width: 189px;
 height: 28px;
 display: block;
 background: url("images/nav1.jpg") 0 0 no-repeat;
}
#nav1 a:hover { background-position: 0 -28px; }
#nav1b a { 
 width: 189px;
 height: 31px;
 display: block;
 background: url("images/nav1b.jpg") 0 0 no-repeat;
}
#nav1b a:hover { background-position: 0 -31px; }
#nav2 a { 
 width: 189px;
 height: 30px;
 display: block;
 background: url("images/nav2.jpg") 0 0 no-repeat;
}
#nav2 a:hover { background-position: 0 -30px; }
#nav3 a { 
 width: 189px;
 height: 30px;
 display: block;
 background: url("images/nav3.jpg") 0 0 no-repeat;
}
#nav3 a:hover { background-position: 0 -30px; }
#nav4 a { 
 width: 189px;
 height: 30px;
 display: block;
 background: url("images/nav4.jpg") 0 0 no-repeat;
}
#nav4 a:hover { background-position: 0 -30px; }
#nav5 a { 
 width: 189px;
 height: 30px;
 display: block;
 background: url("images/nav5.jpg") 0 0 no-repeat;
}
#nav5 a:hover { background-position: 0 -30px; }
#nav6 a { 
 width: 189px;
 height: 30px;
 display: block;
 background: url("images/nav6.jpg") 0 0 no-repeat;
}
#nav6 a:hover { background-position: 0 -30px; }
#nav7 a { 
 width: 189px;
 height: 31px;
 display: block;
 background: url("images/nav7.jpg") 0 0 no-repeat;
}
#nav7 a:hover { background-position: 0 -31px; }
#nav8 a { 
 width: 189px;
 height: 28px;
 display: block;
 background: url("images/nav8.jpg") 0 0 no-repeat;
}
#nav8 a:hover { background-position: 0 -28px; }