body {
    background: #fff;
	font-size:1em;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}


a {
	 color: #4351A0;
	 text-decoration: none;
}

a:hover {
text-decoration:underline;
}

td {
    font-weight: normal;
   font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

p {
    font-weight: normal;
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}


/* ~~~~~ Form Buttons ~~~~~ */

.button {
   font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
   font-size: 10px;
   background: #003366;
   color: #fff; 
   margin: 0;
   padding: 2px;
}

.button_reset {
   font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
   font-size: 10px;
   background: #cc9900;
   color: #000; 
   margin: 0;
   padding: 2px;
}



/* ~~~~~  Standard template  ~~~~~ */

div#standardHeader {
    width: 100%;
    margin: 0px auto;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    text-align: center;
}

div#standardBodyOuter {
    width: 958px;
    margin: 0px auto;
    text-align: center;
    border-right: 2px solid #fff;
}

div#standardBodyInner {
 	margin-top: 0px; /* Sets the space between header and titles. */
    text-align: center;
    width: 957px;
	margin-left: 1px;
}


div#standardWideBodyInner {
 	margin-top: 0px; /* Sets the space between header and titles. */
    text-align: left;
    width: 960px;
	background:#FFF;
}

div#standardTitle {
    border-top: 2px solid #fff;
	border-left: 2px solid #fff;
    background: #036;
	text-align:center;
    width: 755px;
}

div#standardNav {
    margin: 0px;
	background: #003366;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	padding: 5px 0 5px 0px;
	text-align: center !important;
	font-size:0.9em;
    width: 755px;
}

div#standardNav a, div#standardNav a:visited, div#standardNav a:active {
  color: white;
  text-decoration: none;
  padding: 2px 0 2px 0;
}

div#standardNav a:hover {
  text-decoration: underline;
}

td#standardMainbar {
    vertical-align: top;
   background: #fff;

    
}

div#standardMainbar { 
   width: 755px;
}


td#standardSidebar {
    background: #eee;
    width: 200px;
}

div#standardSidebar {
	border-top:2px solid #fff;
	border-left:2px solid #fff;
    background: #eee; /* Sets the space between sidebar elements */
}



div#standardContent {
     background: #fff;
}

div#standardFooter {
    width: 100%;
	background:#c0c0c0;
    margin: 0px auto;
	border-width:0 4px 2px 2px;
    text-align: center;
}

div#standardFooter img {
}

/* ~~~~~  Standard Wide Template  ~~~~~ */

td#standardWideContent {
    vertical-align: top;
    width: 756px;
}

div#standardWideContent {
	background: #fff;
    width: 756px;
	padding-right:202px;
}


div#standardWideNav {
    margin: 0px;
	background: #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
}

td#standardWideMainbar {
    vertical-align: top;
    text-align: left;
    width: 756px;
}

did#standardWideMainbar {
    vertical-align: top;
    text-align: left;
    margin: 0px;
}

div#standardWideSidebar {
    vertical-align: top;
    background: #fff;
    border: 2px solid #fff;
    width: 200px;
}


div#sidebarWideComponent {
    width: 200px;
    text-align: left;
}

/* ~~~~~  Default Sidebar Components  ~~~~~ */

div.sidebarTitle {
  background: #003366;
  padding: 5px;
  color: white;
  font-size:0.9em;
  border:2px solid #FFF;
  border-width:2px 0;
  text-align:center;
}

div.sidebarTitle a, div.sidebarTitle a:visited, div.sidebarTitle a:active {
  color: white;
  text-decoration: none;
  padding: 2px 0 2px 0;
}

div.sidebarTitle a:hover {
  text-decoration: underline;
}

div.sidebarComponent {
    /* border-top: 2px solid #eee; */
}


div.sidebarContent {
	font-family: "Times New Roman", "Times", "serif";
	text-align: center;
    border: 5px solid #eeeeee;
    padding: 0px;
}

.sidebarContent table {
	width:100%;
}

div.sidebarContent .caption {
	font-size: 10pt;
	text-align: center;
	padding: 2px;
}



/* ~~~~~  Photo  ~~~~~ */

div.photo {
    vertical-align: top;
}

div.photo .titleGraphic {
    padding-top: 10px;
    padding-left: 3px;
}

div.photo .welcome {
    padding: 6px;
}

div.photo .instructions {
    padding: 6px;
}

div.photo .menu {
    padding: 6px;
}

div.photo .recent {
    padding: 6px;
}

div.photo .caption {
    padding-top: 2px;
	font-size: 10pt;
}



/* ~~~~~  Photo Search Results  ~~~~~ */


div.photoSearchResults { 
    vertical-align: bottom;
    padding-left: 2px;
	padding-right: 2px;
	margin: auto;
}

div.photoSearchResults .photo {
    vertical-align: top;
    text-align: left;
	padding-left: 5px;
	padding-top: 2px;
}

div.photoSearchResults .thumbs {
	padding: 0px;
	margin: auto;
	text-align; center;
}

 td.thumb_photo {
	vertical-align: top;
	text-align; center;
	padding: 2px;
	margin: auto;
}

.thumb_photo {
	vertical-align: top;
	text-align; center;
	padding-right: 1px;
	padding-left: 1px;
	margin: auto;
}

p.photo_caption {
	font-size: 10pt;
	padding: 6px;
	text-align: left;
}


p.photo {
	padding: 2px;
	text-align: center;
}

p.results {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}


td.form_element {
    vertical-align: top;
    text-align: left;
	padding-left: 2px;
	padding-top: 0px;
}


td.instructions {
 	padding-left: 2px;
	vertical-align: top;
	font-size: 10pt;
}




div.photoBrowseComponent { 
    vertical-align: bottom;
    padding: 5px;
}

div.photoBrowseComponent .caption {
    text-align: center;
	font-size: x-small;
}
div.photoBrowseComponent .photo {
    text-align: center;
	margin-bottom: 6px;
}



/* ~~~~~  Photo Sidebar ~~~~~ */

div.photoSidebar { 
    vertical-align: bottom;
    text-align: center;
    padding: 0px;
    width: 200px;
}

div.photoSidebar .photo {
    text-align: center;
	padding-top: 6px;
}

div.photoSidebar .caption {
	vertical-align: top;
	text-align: center;
	padding: 0px;
	font-size: 8pt;
}

div.photoSidebarContent {
    border: 5px solid #eee;
    background: #eee;
    margin: 0px
    padding-top: 0px;
    text-align: center;
    vertical-align: top;
}

.photoSidebarContent table {
	width:100%;
}

.photoSidebarContent table .photo div,.caption div,.caption_country div,.term div,.quote div  {
	text-align:center;
	padding-bottom:3px;
}

div.photoSidebarContent .caption {
	vertical-align: top;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* ~~~~~ Privacy ~~~~~ */
div.privacyComponent { margin: 10px; 
}


/* ~~~~~  News  ~~~~~ */

div.news {
	vertical-align: top;
}

div.news .titleGraphic {
    padding-top: 10px;
    padding-left: 3px;
}

div.news  .menu {
    padding: 3px;
}


div.news  .intro {
    padding: 3px;
}

div.news  .error {
    padding: 6px;
}

div.news .greeting {
	padding: 3px;
 }
 
div.news .readMore { 
	padding-left: 3px;
}

div.news .photo { 
 	text-align: left;
	padding-left: 3px;
	padding-top: 6px;
} 

div.news .headline { 
	font-weight: bold;
	font-size: 9pt;
	padding-bottom: 0px;
	padding-left: 3px;
}

div.news .summary {
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
}

div.news .headline {
	font-weight: bold;
	font-size: 9pt;
	padding-bottom: 3px;
}

div.news .content {
	padding: 5px;
}


/* ~~~~~  Newsletter  ~~~~~ */

div.newsletterSignupSuccess {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 50px;
	padding-bottom: 90px; 
	text-align: center;
	}


/* ~~~~~  Spotlight  ~~~~~ */


div.spotlightSignup {
	font-size: 8pt;
    text-align: left;
    padding: 10px;
}

div.spotlightFormHeading {
    background: white;
    padding: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}


div.spotlightSignup .title {
    padding-top: 10px;
    padding-left: 3px;
    font-size: 9pt;
    font-weight: bold;
}

div.spotlightSignup .check {
    padding: 4px;
}


div.spotlightSignup table{
     padding-left: 10px;
     padding-top: 3px;
     padding-bottom: 3px;
    font-size: 8pt;
}

div.spotlightSignup .terms {
    padding: 4px;
    font-size: 8pt;
}

div.spotlightSignup .instructions {
    padding-left: 3px;
    padding-top: 10px;
}

div.spotlightSignup .error {
    padding: 2px;
}

div.spotlightSignup .menu {
    padding: 6px;
}


div.spotlightSignup .form_element {
    padding: 4px;
}


div.spotlightTitle {
    padding: 5px;
}


div.spotlightPhoto {
    vertical-align: bottom;
    padding: 5px;
}


div.spotlightSignupComponent .label {
    font-size: 7pt;
}



/* ~~~~~  Spotlight Sidebar ~~~~~ */


div.spotlightSidebar { 
    vertical-align: bottom;
    padding: 0px;
    width: 200px;
}

div.spotlightSidebarContent {
    border: 5px solid #eee;
    background: #eee;
    padding-top: 0px;
    text-align: center;
    vertical-align: top;
}

.spotlightSidebarContent td {
	width:100%;
}


div.spotlightSidebar .photo div {
    text-align: center;
	padding-top: 6px;
}

.photo div {
	text-align:left;
}

td.photo div {
	text-align:center;
}

div.spotlightSidebarContent .caption {
	vertical-align: top;
	font-size: 8pt;
	font-weight: normal;
	text-align: center !important;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 0px;
}

div.spotlightSidebarContent .quote {
	vertical-align: top;
	text-align: center;
	padding: 2px;
	font-size: 8pt;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 8px;
	
}

div.spotlightSidebarContent .caption_country {
	vertical-align: top;
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
	line-height: 14pt;
}

div.spotlightSidebarContent .term {
	vertical-align: top;
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
	line-height: 10pt;
}

.spotlightSidebarContent table {
	width:100%;
}


/* ~~~~~  Spotlight Index ~~~~~ */


div.spotlightIndex {
    vertical-align: top;
}


.title, .title a {
    padding-top: 10px;
	color:#900;
	font-size:16px;
}

div.spotlightIndex table{
    padding-left: 16px;
    vertical-align: top;
	margin-left:10px;
}

div.spotlightIndex td{
    padding-right: 10px;
	padding-bottom: 3px;
}

div.spotlightIndex .profile { 
	background: #fff;
}

div.spotlightIndex .terms {
    padding: 4px;
    font-size: 8pt;
}

div.spotlightIndex .greeting {
    padding-left: 10px;
    padding-top: 2px;
}

div.spotlightIndex .instructions {
    padding-left: 10px;
    padding-bottom: 0px;
}

div.spotlightIndex .error {
    padding: 12px;
    color: #cc0000;
}

div.spotlightIndex .form_element {
    padding: 4px;
}


div.spotlightIndex .photo { 
	padding: 20px; 
	text-align: center; 
}

div.spotlightIndex .name { 
	padding-right: 2px; 
	text-align: left; 
}

div.spotlightIndex .label { 
	padding-right: 14px; 
	text-align: left; 
}



div.spotlightIndex .new_members { 
	padding: 10px; 
	text-align: left; 
}

div.new_members td { 
	padding-left: 30px; 
	padding-right: 30px; 
}


div.new_members tr{ 
	padding-bottom: 20px; 
}


div.caption { 
	font-weight: bold; 
	line-height: 14px;
	text-align: left; 
	padding-top: 0px;
}

/* ~~~~~  Spotlight Search Results  ~~~~~ */

div.spotlightSearchResults {
	vertical-align: top;
	padding-top: 12px;
	text-align: center;
}


div.spotlightSearchResults table{
	margin-top: 6px;
	text-align: center;
	background: #999;
	width: 360px;
	border: 1px solid #000;
}


div.spotlightSearchResults tr{
	padding: 2px;
	text-align: left;
	background: #333;
}

div.spotlightSearchResults td{
	text-align: left;
	padding: 2px;
	background: #666;
}

div.spotlightSearchResults .caption {
  	color: #000000;
  	padding: 1px;
}

div.spotlightSearchResults .label {
    font-size: 9pt;
    font-weight: bold;
    background: #fff;
}
div.spotlightSearchResults .label2 {
    font-size: 9pt;
    font-weight: bold;
    background: #ffcc66;
}

div.spotlightSearchResults .icon {
    vertical-align: top;
    text-align: center;
    width: 30px;
    background: #fff;
}

div.spotlightSearchResults .cell {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 11px;
     background: #fff;
}


div.spotlightSearchResults .cell2 {
     font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
     font-size: 11px;
     background: #eee;
}



/* ~~~~~  Spotlight Detail ~~~~~ */

div.spotlightDetail {
	font-size: 8pt;
    text-align: left;
    padding: 10px;
}

div.spotlightDetail .title {
    padding-top: 10px;
    padding-bottom: 6px;
    padding-left: 8px;
    font-size: 9pt;
    font-weight: bold;
}

div.spotlightDetail .profile { 
	background: #fff;
}


div.spotlightDetail table{
	vertical-align: top;
    padding-left: 3px;
    padding-bottom: 3px;
    font-size: 8pt;
}

div.spotlightDetail .terms {
    padding: 4px;
    font-size: 8pt;
}

div.spotlightDetail .instructions {
    padding-left: 3px;
    padding-top: 10px;
}

div.spotlightDetail .error {
    padding: 2px;
}

div.spotlightDetail .menu {
    padding: 6px;
}


div.spotlightDetail .form_element {
    padding: 4px;
}


div.spotlightDetail .photo { 
	padding: 2px; 
	text-align: center; 
}

div.spotlightDetail .name { 
	padding: 2px; 
	text-align: left; 
}

div.spotlightDetail .label { 
	padding: 2px; 
	text-align: left; 
}


div.spotlightDetail .qa { 
	padding-left: 45px;
}


div.spotlightDetail .question { 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 14px;
	text-align: left; 
	padding-top: 10px; 
}

div.spotlightDetail .answer { 
	font-size: 9pt; 
	font-weight: normal; 
	line-height: 14px; 
	color: #3f007d; 
	text-align: left;
	padding-right: 10px; 
}





/* ~~~~~  Spotlight Email ~~~~~ */

div.spotlightEmail {
    text-align: left;
    padding: 10px;
}

div.spotlightEmail .intro {
    text-align: left;
    padding-left: 4px;
    padding-bottom: 10px;
}

div.spotlightEmail .title {
    padding-top: 4px;
    padding-left: 4px;
    font-size: 9pt;
    font-weight: bold;
}

div.spotlightEmail table{
	vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.spotlightEmail tr{
    padding-bottom: 13px;
}

div.spotlightEmail td{
    padding: 3px;
}


div.spotlightEmail .error {
    padding: 2px;
}


div.spotlightEmail .form_element {
    padding-left: 90px;
    padding-top: 20px;
}


div.spotlightDetail .label { 
	padding: 2px; 
	text-align: left; 
}



/* ~~~~~  Paging  ~~~~~ */

div.spotlightResults {
     vertical-align: top;
}

div.spotlightResults  table {
	vertical-align: top;
	padding: 5px;
}

div.spotlightResults  tr {
	vertical-align: top;
}

div.spotlightResults  td {
	vertical-align: top;
	padding-left: 5px;

}

div.spotlightResults .instructions{
     vertical-align: top;
     padding-left: 5px;
     font-size: 9pt;
}




/* ~~~~~  Lessons  ~~~~~ */


div.lesson {
	font-size: 8pt;
    text-align: left;
	padding:6px;
	width:360px;
}

div.lesson table {
    padding: 8px;
}

div.lesson tr{
    padding-bottom: 2px;
}

div.lesson tr td {
	vertical-align:top;
}

div.lesson .titleGraphic {
    padding-top: 10px;
    padding-left: 3px;
}

div.lesson tr td {
	line-height:1.25em;
}

div.lesson .check {
    padding: 4px;
}

div.lesson .intro {
    padding-top: 9px;
    font-weight: bold;
    font-size: 8pt;
}

div.lesson .instructions {
    padding: 6px;
}

div.lesson .error {
    padding: 2px;
}

div.lesson td {
    padding-bottom: 4px;
}

div.lesson .form_element {
    text-align: center;
    padding: 10px;
}





/* ~~~~~  Lesson Quiz  ~~~~~ */

div.quizResults {
    background: #fff;
 	border: 1px solid black;
}

div.quizResultsContent {
	margin-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 9px;
}


/* ~~~~~  Registration  ~~~~~ */

div.registrationSidebarLoginComponent {
	background: #eeeeee;
}


div.registrationSidebarLoginComponent .label {
    color: #000000;
}


div.registrationSidebarLoginComponent .message {
	text-align: center;
	font-size: 8pt;
	color: #000000;
}

/* ~~~~~  News ~~~~~ */

div.newsIndexComponent .headline { 
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 3px;
	color: #003366;
}

div.newsDetailComponent .headline {
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 3px;
	color: #003366;
}

/* ~~~~~  Photo ~~~~~ */

div.photoSidebarComponent {
	background: #eeeeee;
}

/* ~~~~~  Newsletter ~~~~~ */
div.newsSidebarContent {
	text-align: center;
}

div.newsletterSignup {
	text-align: center;
	padding: 10px;
}

/* ~~~~~  Registration  ~~~~~ */


div.registrationForm {
	font-size: 8pt;
    text-align: left;
}

div.registrationForm table {
    padding: 8px;
}

div.registrationForm tr{
    padding-bottom: 2px;
}

div.registrationForm .titleGraphic {
    padding-top: 10px;
    padding-left: 3px;
}

div.registrationForm .check {
    padding: 4px;
}

div.registrationForm .terms {
    padding: 8px;
    font-size: 8pt;
}

div.registrationForm .instructions {
    padding: 6px;
}

div.registrationForm .error {
    padding: 2px;
}

div.menu td {
    padding-bottom: 4px;
}


div.registrationForm .form_element {
    text-align: center;
    padding: 10px;
}
div.registrationSidebarLoginComponent {
  	padding: 0px;
 	 margin: 0px;
}

div.registrationSidebarLoginComponent .label {
    font-size: 10pt;
    padding: 5px;
   
}

div.registrationSidebarLoginContent {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

div.registrationSidebarLoginComponent .message {
	text-align: center;
	font-size: 12pt;
}


/* ~~~~~  Login   ~~~~~ */
div.login {
	vertical-align: top;
	text-align: center;
}

div.login table {
	text-align: center;
	padding-top: 16px;
}

div.login tr {
	text-align: center;
	padding: 6px;
}


div.login td {
	text-align: center;
	padding: 6px;
}

div.login .message {
	vertical-align: top;
	padding-top: 16px;
	padding-bottom:10px;
	font-size: 9pt;
	text-align: center;
}

div.login .label{
	text-align: center;
	font-size: 9pt;
	font-weight: normal;
}

div.login .formElement{
	text-align: center;
	font-size: 9pt;
	font-weight: normal;
	padding-bottom: 6px;
}


/* ~~~~~  Text Nav Footer ~~~~~ */

div.txtNavComponent { 
 	  text-align: center;
 	  font-size: 9pt;
 	  padding-top: 16px;
 	  padding-bottom: 16px;
 	  padding-right: 3px;
 	  padding-left: 3px;
}
/* ~~~~~  Forgot Password   ~~~~~ */

div.forgot {
	vertical-align: top;
	text-align: center;
}

div.forgot  .message {
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
}

div.forgot  .label{
	text-align: center;
	font-weight: normal;
}

div.forgot table {
	text-align: center;
}

div.forgot tr {
	text-align: center;
	padding: 26px;
}

/* ~~~~~ Forgot Password ~~~~~ */
div.passwordForgetSuccess {
	padding-left: 15px;
}


/* ~~~~~  Tell Friend  ~~~~~ */

div.tellFriendFooterComponent {
    padding-top: 150px;
    padding-bottom: 5px;
    text-align: center;
}

div.tellFriendFormComponent { 
	padding-top: 10px;
	padding-bottom: 10px; 
	text-align: center;
}

div.tellFriendFormComponent .outer{ 
	text-align: left;
	padding-left: 80px;
	padding-right: 60px;
}

div.tellFriendFormComponent .inner{ 
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}

div.tellFriendFormComponent  .error {
    padding: 2px;
    color: #cc0000;
}

div.tellFriendFormComponent .form { 
	text-align: center;
}


div.tellFriendFormComponent .form_element { 
	text-align: center;
	padding: 10px;
}

div.tellFriendSuccess {
	padding: 5px;
	text-align: center;
}


/* ~~~~~  Default Launcher Components  ~~~~~ */

div.launcherComponent {
	vertical-align: top;
	padding-top: 10px;
    padding-left: 2px;
    padding-right: 2px;
}

div.launcherOuter {
    margin-left: 2px;
}

div.launcherWelcome {
    padding: 5px; /* Padding around the welcome text at the top of the launcher. */
}

td.launcherIcon {
    vertical-align: top; /* Determines how the icon is aligned in its 2 cell rowspan. */
    padding-left: 3px;
}

div.launcherTitle {
    margin-left: 13px;  /* Sets the margin separating the launcher title from the icon. */
}

td.launcherContent {
    vertical-align: top; /* Determines how the launcher text is aligned vertically. */ 
}

div.launcherContent {
}

.launcherContent li {
    margin-left: 15px;  /* Sets the margin separating the launcher text from the icon. */
}

.launcherContent ul {
    list-style-image: url('images/bullet.gif');
}

/* New Template */

#hdr {
	background:#FFF;
	margin-bottom:0 !important;
	padding-bottom:42px;
}

#main-nav {
	position:relative !important;
	left:2px !important;
	* width:958px !important;
}

.label,.caption {
	font:11px verdana,arial,helvetica,sans-serif !important;
}

#standardFooterInner {
	margin:0 auto !important;
	padding:0 !important;
	border-width:0 2px;
	text-align:center;
}

#sfi_centered {
	width:960px;
	margin:0 auto;
	text-align:center;
	background:#FFF;
}

#standardFooterInner img {
	border-right:200px solid #FFF;
	}

form table {
	margin: auto;
	padding:10px 0;
}

div#main-nav ul {
	* width:956px !important;
	
	}
	
#highlight {
	position:absolute;
	* top:-132px;
	padding-left:2px;
}

div#audience-nav, a#logo {
	position:relative !important;
	width:238px;
}

.recent td {
	padding:10px;
}