@charset "utf-8";
/* ==[ GENERAL STYLES - Johnson Direct - VFW She Serves ]== */
body {margin:0;padding:0;background:#605371 url(images/background.jpg) repeat-x top; -webkit-font-smoothing: antialiased;}
img {border:none;vertical-align:middle;}
a {color:#3796b5;text-decoration:underline;outline:none;}
a:hover {color:#3796b5;text-decoration:none;}
.clr {clear:both;}

/* ==[ CONTAINER ]== */
div#container {width:960px;margin:0 auto;padding:0;overflow:hidden;}
   #container.subpage {}

/* ==[ HEADER ]== */
div#header {width:100%;height:345px;margin:0;padding:0;overflow:hidden;}
   #container.subpage #header {height:112px;}

   /*[ HEADER -> NAVIGATION ]*/
   #header #navigation {width:55%;height:27px;margin:41px 0 0 0;float:left;}
   #header #navigation ul {margin:0;padding:0;list-style-type:none;}
   #header #navigation ul li {margin:0 1px 0 0;padding:0;float:left;}
   #header #navigation ul li a {padding:5px 8px 7px 8px;background:url(images/nav_bg.jpg) no-repeat right top;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#fff8e7;text-decoration:none;display:block;}
   #header #navigation ul li a .left {width:7px;height:27px;margin:-5px 0 0 -8px;position:relative;background:url(images/nav_left.jpg) no-repeat left top;float:left;}
   #header #navigation ul li a:hover {background:url(images/nav_bg-hover.jpg) no-repeat right top;}
   #header #navigation ul li a:hover .left {background:url(images/nav_left-hover.jpg) no-repeat left;}
   
   /*[ HEADER -> SOCIAL ]*/
   #header #social {width:auto;margin:25px 0 0 0;float:right;}
   #header #social img {margin:0 5px 0 0;}
   
   /*[ HEADER -> UTILITY NAV ]*/
   #header #util {width:45%;margin:5px 0 0 0;float:right;clear:right;}
   #header #util ul {margin:0;padding:0;list-style-type:none;}
   #header #util ul li {height:12px;margin:0;padding:0 5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;border-right:1px solid #e89048;float:right;}
   #header #util ul li.last {border:none;}
   #header #util ul li a {color:#e89048;text-decoration:none;display:block;}
   #header #util ul li a:hover {color:#e89048;text-decoration:underline;display:block;}
   
   /*[ HEADEr -> SLIDER ]*/
   #header #slider {
     position: relative;
     width:960px;height:277px;clear:both;display:block;}
     
   #slider h1 {
     background: transparent url('images/vfw_logo_slider.png') left top no-repeat;
     display: block;
     width: 220px;
     height: 230px;
     text-indent: -3000px;
     position: absolute;
     left: 36px;
     top: 5px;
     z-index: 10;
   }
   
   
   
   #slider .slide-controls {
     color: #fff;
     font-family: arial, sans-serif;
     font-size: 14px;
     position: absolute;
     bottom: 10px;
     left: 270px;
     z-index: 10;
   }
   
   .slide-controls a {
     background-color: #ccc;
     background-color: rgba(0, 0, 0, 0.3);
     color: #fff;
     padding: 3px 7px;
     margin-right: 3px;
     text-decoration: none;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
   }
   
   .slide-controls a.activeSlide {
     color: #ccc;
     background-color: #000;
     background-color: rgba(0, 0, 0, 0.5);
   }
   
   .slide-container {}
   
   .slide-container .slide {
     display: none;
     width: 960px;
     height: 277px;
     
   }
   
   .slide-container .first {
     display: block;
   }
   
   .slide a.join {
      width: 160px;
      height: 100px;
      right: 5px;
      bottom: 25px;
      position: absolute;
      z-index: 10;
    }
   
   .slide .slide-content {
     color: #fff;
     height: 90px;
     width: 515px;
     position: absolute;
     top: 155px;
     left: 270px;
   }

   .slide .slide-content h2 {
     color: #b2e1e3;
     font-size: 35px;
     font-weight: normal;
     margin: 0; padding: 0;
   }
   
   .slide .slide-content p {
     font-family: arial, sans-serif;
     font-size: 14px;
     margin: 0; padding: 0;
     font-weight: normal;
   }
   

   
/* ==[ CONTENT ]== */
div#content {width:960px;margin:0;padding:23px 0 0 0;background:url(images/content_shadow-background.jpg) repeat-x top #FFF;overflow:hidden;}
   #container.subpage #content {background:#FFF url(images/subpage_background.jpg) repeat-x top;}

   /*[ CONTENT -> COLUMN BOX ]*/
   #content .column_box {width:280px;height:330px;padding:5px 18px;border-right:1px solid #d9d9d9;float:left;overflow:hidden;}
   #content .column_last {border:none;}
   #content .column_box h1 {margin:0;padding:0;font-family:"Times New Roman", Times, serif;font-size:20px;font-weight:normal;color:#635675;text-align:left;line-height:24px;}
   #content .column_box h1 .mod1 {font-style:italic;}
   #content .column_box p {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#292929;text-align:left;line-height:18px;}
   #content .column_box p a {color:#3796b5;text-decoration:underline;}
   #content .column_box p a:hover {color:#3796b5;text-decoration:none;}
   #content .column_box img.alignright {float:right;}
   #content .column_box ul {margin:0 0 0 30px;padding:0;list-style-type:square;}
   #content .column_box ul li {margin:0;padding:0 0 0 15px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#292929;text-align:left;line-height:18px;}
   #content .column_box #join-button a {width:111px;height:36px;margin:15px auto 0 auto;padding:0;background:url(images/button_join-now.jpg) no-repeat;display:block;}
      #content .column_box #how-to-join a {width:119px;height:36px;margin:15px auto 0 auto;padding:0;background:url(images/button_how-to-join.png) no-repeat;display:block;}
	   #content .column_box #subscribe a {width:119px;height:36px;margin:15px auto 0 auto;padding:0;background:url(images/button_subscribe.png) no-repeat;display:block;}
   
   /*[ CONTENT -> BOTTOM AREA ]*/
   #content #bottom-area {width:100%;height:127px;margin:20px 0 0 0;border-top:1px solid #5a324d;border-bottom:2px solid #5a324d;background:url(images/bottombar-background.jpg) no-repeat;}
   #content #bottom-area .box {width:180px;height:104px;margin:13px 0 0 0;padding:0 0 0 57px;border-right:1px solid #b9a986;overflow:hidden;float:left;}
   #content #bottom-area .last {border:none;}
   #content #bottom-area .box h2 {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#605371;text-align:left;}
   #content #bottom-area .box h2 .mod1 {font-weight:normal;font-style:italic;}
   #content #bottom-area .box p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#624838;text-align:left;}
   #content #bottom-area .box p a {color:#624838;text-decoration:underline;}
   #content #bottom-area .box p a:hover {color:#624838;text-decoration:none;}
   
   /*[ CONTENT -> SIDEBAR ]*/
   #container.subpage #content #sidebar {width:173px;margin:-23px 0 0 0;padding:0 20px;border-right:1px solid #eae8e8;background:url(images/sidebar_background.jpg) repeat-x top;float:left;}
   #container.subpage #content #sidebar #logo {margin:-41px 0 0 0;padding:0;position:absolute;z-index:500;float:left;}
   #container.subpage #content #sidebar #logo-spacer { height: 140px; }
   #container.subpage #content #sidebar .divider {width:100%;margin:10px 0;padding:0;border-bottom:2px dashed #e2d1db;}
   #container.subpage #content #sidebar h2 {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#27193c;text-align:left;}   
   #container.subpage #content #sidebar h3 {font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;color:#e89048;text-align:left;}
   #container.subpage #content #sidebar ul { font-size: 10px; list-style-type: none; -webkit-padding-start: 0px; -moz-padding-start: 0px; padding-left: 0; margin-left: 0; }
   #container.subpage #content #sidebar ul li { margin-bottom: 7px; }
   #container.subpage #content #sidebar ul li a { color: #221438; font-family: arial, sans-serif; }
   
   #container.subpage #content #sidebar p {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#292929;text-align:left;}
   #container.subpage #content #sidebar p a {color:#3796b5;text-decoration:underline;}
   #container.subpage #content #sidebar p a:hover {color:#3796b5;text-decoration:none;}
   #container.subpage #content #sidebar p img.alignleft {margin:5px 5px 0 0;float:left;}
   
   /*[ CONTENT -> CONTEXT ]*/
   #container.subpage #content #context {width:520px;margin:0 20px;padding:0;float:left;}
   #container.subpage #content #context h1 {margin:0 0 15px 0;padding:0;font-family:"Times New Roman", Times, serif;font-size:30px;font-weight:normal;color:#955a84;text-align:left;}
   #container.subpage #content #context h2 {margin:0;padding:0;font-family:"Times New Roman", Times, serif;font-size:20px;font-weight:normal;color:#635675;text-align:left;}
   #container.subpage #content #context p {margin:0 0 15px 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#292929;text-align:left;line-height:18px;}
   #container.subpage #content #context img.alignright {margin:0 0 0 10px;float:right;}
   #container.subpage #content #context ul li {margin:0;padding:0;list-style-type:disc;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#292929;text-align:left;line-height:18px;}
   #container.subpage #content #context ul.column { width: 45%; float: left; padding-left: 15px; }
   #container.subpage #content #context ul.column li { margin-bottom: 15px; }
   #container.subpage #content #context ul.left { margin-right: 15px; }
   
   /*[ CONTENT -> RIGHT SIDEBAR ]*/
   #container.subpage #content #rsidebar {width:149px;margin:0 10px 0 0;padding:13px 13px 0 13px;text-align:center;background:url(images/rightsidebar_background.jpg) no-repeat center top;float:right;}
   #container.subpage #content #rsidebar h3 {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#292929;text-align:left;}
   #container.subpage #content #rsidebar p {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#000;text-align:left;line-height:18px;}
   #container.subpage #content #rsidebar img {border:1px solid #FFF;}
   #container.subpage #content #rsidebar a#join {width:110px;height:36px;margin:15px auto 0 auto;padding:0;background:url(images/rightsidebar_joinbutton.jpg) no-repeat;display:block;}
   
/* ==[ FOOTER ]== */
div#footer {width:100%;margin:0;padding:10px 0;overflow:hidden;text-align:center;}
   #footer p {margin:0;padding:0 0 10px 0;font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#a89db6;}
   #footer img.icon {margin:10px 5px 0 0;}
   
/* ==[ EXTRA STYLES FOR HIGHLIGHTING WORDS ]== */
.headlinePurple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #2F2144;
}