/*Updated 1/8/2010 - Made updates to the following: 
@group Body and Header (added styles for p, h1, and h2 tags), and updated the margin property for the #container selector
@group sidebar (#sidebar-right .subnavigation .agents img) deleted the border attribute
@group Body Content Styles, (h3 blockquote, em, strong, code, ul li, ol li, li) defined the selectors to be more specific and added additional styles to the ol, ul and ol li selectors
@group Scrolling News Carousel (.stepcarousel .newspanel h2) changed the font-size
@group Primary Nav (#primary-links > li.news) deleted every other property instead of width to align the text in the middle


/* @group Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {
	height: 0%;
}

/* @group General*/
a:link 
	{
		color:#003399;
	}

a:hover,
a:active
	{
	color:#5e85b6;
	text-decoration:underline;
	}



/* @group Body and Header */
body {
  line-height:1.6;
  font-size:12px;
  font-family:Verdana,Arial,sans-serif;
}

p {
margin-bottom:10px;
margin-top:10px;
font-size:12px;
font-weight:normal !important;
}

.caption p
	{
	text-align:left;
	font-weight: bold !important;
	font-size:11px;
	margin-top:-2px;
	}

.caption_l p
	{
	text-align: left;
	font-weight: bold !important;
	font-size:11px;
	margin-top:-2px;
	}

#main-content ul li
	{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 50px;
	}
	
#main-content ol li
	{
	display: list-item;
	list-style-type: none !important;
	margin: 0 !important;
	padding-left: 10px;
	}

table tr td ul li,
table tr td ol li {
  display: list-item;
  list-style-type: none !important;
  margin: 0 !important;
  padding-left: 10px;
}

#TableContents ul li,
#TableContents ol li {
  display: list-item;
  list-style-type: none !important;
  margin: 0 !important;
  padding-left: 10px;
}

ul.content-a li,
ul.content-b li {
  display: list-item;
  list-style-type: none !important;
  margin: 0 !important;
  padding-left: 10px;
}

/*ul li,
ol li {
  display: list-item;
  list-style-type: disc;
  margin:0px;
  padding:0;
}*/
/*li {list-style-type: decimal-leading-zero;}*/

/*added by SRSAW for right sidebar */

#sidebar-right ul li, ol li
	{
		list-style-type:none;
		list-style-position:outside;
		list-style-image:none;
		margin:0px 0px 10px 0px;
	}

#mlsidebar-right ul li, ol li
	{
		list-style-type:none;
		list-style-position:outside;
		list-style-image:none;
		margin:0px 0px 10px 0px;
	}


h1 {
	margin-bottom:1em;
	margin-top:1em;
	font-size:130%;
	text-decoration:none;
	font-weight:bold;
	line-height:1.2;
}

h2 {
  font-size:110%;
  font-weight:bold;
  text-decoration:none;
  margin-bottom:.5em;
  line-height:1.2;
}

h2 a {
	color:#003399 !important;
	text-decoration:none;
}

h2 a:hover,
h2 a:active
	{
	color:#5e85b6 !important;
	text-decoration:underline;
}

h2 a:visited
{
	color:#5e85b6 !important;
	text-decoration:none;
}



#container {
	width: 794px;
	margin: 0px auto 0;
	position:relative;
	background-color: #FFFFFF;
}
#container-inner {
	width: 794px;
	margin: 0;
	position:relative;
	
}
#photos {
	width: 480px;
	margin: 0 0 0 300px;
	height: 425px;
	padding: 10px 0 0 5px;
	
}

#mlphotos {
	width: 499px;
	margin: 0 0 0 218px;
	padding: 15px 0 0 0px;
	
}

#header {
	width: 794px;
	position: relative;
	height: 138px;
	background: url(images/logo.jpg) no-repeat top left;
}
#header h1.org-name,
#header h2.site-name {text-indent: -9999px; height: 138px;}
#header h1.org-name {
  position: relative;
}

#header h1.org-name a {
  position: absolute;
  width: 300px;
  height: 80px;
  text-indent: -9999px;
  left: 30px;
  top: 30px;
}

#header h2.site-name {
	width: 182px;
	position: absolute;
	top:1px;
	right: 15px;
}


/*Header Signin*/
#signIn {
	position:absolute;
	top:108px;
	width:331px;
	z-index:800;
	right: 18px;
}
  #signIn img {
    display:block;
    margin:0 auto;

  }
  
  #signIn ul {
	margin:0 auto;
	text-align:right;

  }
    #signIn li {
	text-align:center;
	display:inline;
	list-style:none;
	padding-left:10px;
	margin-left:10px;
    }
      #signIn li:first-child {
        border:0;
        padding:0;
        margin:0;
      }
  
  #signIn a {
	color:#fff;
	text-transform:lowercase;
	text-decoration: none;
	font-size: 11px;
  }
    #signIn a:hover {
    text-decoration:underline;
  }

/* @group Primary Nav */
#primary-links {
	height: 34px;
	padding: 0 3px 0 1px;
	z-index: 1;
	background-color: #333333;
	width: 788px;
}
#primary-links > li {
	position: relative;
	display: block;
	float: left;
	width:0px;
	height:34px;
	text-align:center;
	border-right: 1px solid #988359;
	line-height:33px;
	z-index:200;
	margin:0;
	background-color: 4d4d4d;
}
#primary-links > li a {
	display: block;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	display:block;
	width:100%;
	height: 100%;
	position: relative;
}
#primary-links > li:last-child,
#primary-links > li.last {
	background: none;
	border: none;
}
#primary-links li .subnav ul li.first a {background: none;}

#primary-links li .subnav ul li a:hover {
    text-decoration:underline;
  }
#primary-links > li.active,
#primary-links > li.current {
  background: #443d3c;
  z-index: 201;
}
#primary-links > li.current a,
#primary-links > li.active a {
  background: #443d3c; 
  z-index: 300;
}
#primary-links > li.first {
	width:30px;
}
#primary-links > li:first-child a,
#primary-links > li.first a 
{
  background: transparent url(images/home.gif) no-repeat center left;
  text-indent: -9999px;
  border: none;
  background-position: 0 0;
}
#primary-links > li.first a:hover 
{
  background: transparent url(images/homehv.gif) no-repeat center left;
  text-indent: -9999px;
  border: none;
  background-position: 0 0;
}

#primary-links > li.about {width:80px;}
#primary-links > li.whatwedo {width:102px;}
#primary-links > li.membership {width:98px;}
#primary-links > li.insurance {width:84px;}
#primary-links > li.calendar {width:76px;}
#primary-links > li.contact {width:76px;}
#primary-links > li.links {width:66px;}
#primary-links > li.letters {width:72px;}
#primary-links > li.hall {width:94px;}

/* @group subnav */
#primary-links li .subnav {
	position: absolute;
	top:30px;
	left: -15px;
	background: none;
	float: none;
	z-index: 199;
	width: 170px;
	border: 1px solid #988359;
	background: #443d3c;
	padding: 7px 5px 7px 5px;
	display:none;
	list-style:none;
	margin-left:0;
}
#primary-links li.whatwedo .subnav {width:170px;}
#primary-links li.membership .subnav {
	width:180px;

e
	
}
#primary-links li.insurance .subnav {width:150px;}
#primary-links li.calendar .subnav {width:150px;}
#primary-links li.about .subnav {width:125px;}
#primary-links li.hall .subnav {width:100px;}
#primary-links li.contact .subnav {width:150px;left:auto;right:-1px;}
#primary-links li.links .subnav {width:150px;left:auto;right:-1px;}
#primary-links li .subnav ul {display: block; float: left;margin-right:10px;width:auto;}
#primary-links li .subnav ul li {
  display: list-item; 
  float: none; 
  background: none;
  padding-left: 10px;
  border: none;
  margin-bottom:3px;
  text-align:left;
  line-height:1;
  list-style:none;
  margin-left:0;
}
#primary-links li .subnav ul li a {
	display: inline;
	float: none;
	border: none;
	padding: 0;
	line-height: 1.6;
	font-size: 13px;
	background: none;
}
#primary-links li .subnav li.first a {background: none; text-indent: 0;}

/* @group Search Area And Forms */

/*Updated email id name to emailobj to fix conflict with our act form pages*/

#search {
  height: 37px;
  padding: 0 13px;
  background: transparent url(/eb/common/new_kofc/images/searchbg.png) repeat-x center center;
  position:relative;
}
#search input.text,
#search form legend,
#search form select {
  margin: 0;
  display: block;
  float: left;  
  width:auto;
  margin: 8px 15px 0 0;
  border: 1px solid #333;
  height: 20px;
}

#search input.text {
  padding: 3px 0 0 5px;
  height: 17px;
}
#search-form #search-input {
  padding: 3px 0 0 15px;

}
#search form legend, form#emailobj legend {display: none;}
#search form fieldset.emailobj label {
  display: block;
  border: none;
  text-transform: uppercase;
  color: #fff;
  font-family: Arial;
  font-weight: bold;
  font-size: .8em;
  margin: 9px 15px 0 0;
  float: left; 
  width:auto;
}


#main-ent {
	width:730px;
	padding: 20px 10px 10px 25px;
	position: relative;
	float: left;
}
body.interior #main-ent {
  width:620px;
  padding-top:20px;
  padding-left:40px;
  padding-right:20px;
}
#content a:link, 
#content a:hover,
#content a:visited {color: #5e85b6;}
#content {
	position: relative;
	top: 0px;
	padding: 0 0px;
}

#sidebar-right {
	width: 280px;
	padding: 10px 6px 10px 10px;
	float:left;
	border-left:0px solid #d3d3d2;
}

#mlsidebar-right {
	width: 200px;
	padding: 10px 6px 10px 10px;
	float:left;
	border-left:0px solid #d3d3d2;
}


/* @group sidebar*/
body.interior #sidebar-right {
  padding-top:20px;
}
#sidebar-right .ads img {
  display:block;
  margin-bottom:12px;
  border:none !important;
}

#sidebar-right .subnavigation {
	margin-top:20px;
	padding:0 10px;
	width:195px;
	margin-bottom:40px;
	position:relative;
}
  #sidebar-right .subnavigation .bottom {
	display:block;
	width:215px;
	height:27px;
	position:absolute;
	left:0;
  }
  #sidebar-right .subnavigation h3,
  #sidebar-right .social h3 {
    line-height:2.2;
    font-size:14px;
    color:#465f80;
    font-weight:bold;
    margin-bottom:10px;
  }
  #sidebar-right .subnavigation .agents li {
    margin-bottom:8px;
    list-style:none;
    overflow:hidden;
    font-size:12px;
  }
  #sidebar-right .subnavigation .agents li.last {margin-bottom:0;}
    #sidebar-right .subnavigation .agents img {
      float:left;
      margin-right:5px;
      margin-bottom:5px;
    }
    #sidebar-right .subnavigation .agents h4 {font-weight:bold;}
    #sidebar-right .subnavigation .agents p {
      line-height:1.2;
      color:#666666;
    }
    
#sidebar-right .social h3 {margin-bottom:0;}

/* Link styles for right nav. Inserted by SAW 12/21/09 */

#nav-secondary {
  margin:20px 0;
  overflow:hidden;
}

#nav-secondary li {
  margin-bottom:15px;
  display:block;
}

#nav-secondary li a {
	font-size:110%;
	font-weight:bold;
	color:#003399 !important;
	text-decoration:none;
}

#nav-secondary li a:active,
#nav-secondary li a:hover
		{
	color:#5e85b6 !important;
	text-decoration:underline;
		}

/*#nav-secondary li a:visited 
{
	color:#5e85b6 !important;
	text-decoration:none;
		}*/

/* @group footer*/
#footer {
	width: 644px;
	position: absolute;
	height: 20px;
	font:  10px/14px Verdana, Arial, sans-serif;
	float: left;
	padding: 5px 0 0 10px;
	left: 44px;
	top: 596px;
	text-align: center;
}

#footer #wrapper {
	position: absolute;
	margin: 0 auto;
	width: 770px;
	color: #ffffff;
	padding-top:20px;
}

#footer #wrapper a {
	color: #ffffff;
}

#footer .copyright {
	float: left;
	width:auto;
}

#footer .bottom-nav {
	float: right;
	list-style-type: none;
	text-transform: uppercase;
	width:auto;
}

#footer .bottom-nav li {
	float: left;
	margin:0 10px 0 0;
	padding-right: 10px;
	border-right: 1px solid #ffffff;
	width:auto;
	list-style-type: none;
}

#footer .bottom-nav li.last {
	margin: 0;
	padding: 0;
	border: 0;
}

/* @group Subnav */
#leftnav {
	float: left; 
	width: 182px; 
	padding: 0;
	margin: 0;
}
#leftnav ul.parent-nav {
  height:auto;
  font: 14px/14px Verdana,Arial,sans-serif;
  margin:0;
  padding:0;
  list-style-type:none;
  color:#463f3d;
}
#leftnav div.parent-nav-wrapper {
	padding:0 0 60px 0;
	margin: 0;
}
#content #leftnav li a {
	color:#483e3b;
	text-decoration:none;
}

/* @group Body Content Styles */
body.interior .content {width: 625px; margin: 3px 310px 10px 25px;}
h3 {margin: 0 0 10px 0;font-size:14px;font-weight:bold;}
blockquote {
  border: 1px solid #c8c3bd;
  margin: 10px 25px;
  padding: 10px;
  background: #f6f4e3;
  color: #816b4e;
  line-height:1.6;
}
em {font-style: italic;}
strong {font-weight: bold;}
code {
  font-family: monospace;
  background: #efefef;
  padding: 10px;
  margin: 10px 25px;
  display: block;
  border: 1px solid #000; 
}


/*Video Container*/
.video {margin-bottom:30px;}

/*Misc Styles*/
.read-more {font-weight:bold;font-size:13px;}

ul.fancy {padding:0 !important;}
ul.fancy li {
  font-weight:bold;
  color:#4d4d4d;
  font-size:13px;
  margin-bottom:10px;
  padding-left:20px;
  list-style:none !important;
}

.webinar {margin-top:40px;overflow:hidden;}
  .webinar h3 {margin-bottom:15px !important;}
  .webinar dl {float:left;width:30%;margin-right:3%;font-size:13px;}
    .webinar dl dt {font-weight:bold;text-decoration:underline;}

.share-this {display:block;margin-top:60px;}

/*Program Tabs*/
.tabs {overflow:hidden;}
   .tabs ul.navigation {float:left;width:125px;position:relative;margin:0 !important;padding:0 !important;}
	.tabs ul.navigation li {list-style:none !important;position:relative;margin:0 0 5px 0 !important;width:100%;background:url(/eb/common/new_kofc/images/tabs-sprite.png) -125px 0 no-repeat;}
      .tabs li.eight {z-index:1;}
      .tabs li.seven {z-index:2;}
      .tabs li.six {z-index:3;}
      .tabs li.five {z-index:4;}
      .tabs li.four {z-index:5;}
      .tabs li.three {z-index:6;}
      .tabs li.two {z-index:7;}
      .tabs li.one {z-index:8;}
      .tabs li.current {z-index:50;}
	.tabs ul.navigation li a {display:block;font:14px Verdana,Arial,sans-serif;color:#fff !important;text-decoration:none;text-align:center;background:url(/eb/common/new_kofc/images/tabs-sprite.png) -125px bottom no-repeat;padding: 0 5px 25px;position:relative;top:19px;}  
	
	.tabs ul.navigation li.current {background-position:0 0;padding:0; margin:0 !important;}
	  .tabs ul.navigation li.current a {color:#463f3d !important;font-size:16px;text-shadow:0 1px 0 #fff;background-position:0 bottom;}
.tabs div.panes {float:left;width:495px;background:#ece8dc url(/eb/common/new_kofc/images/tabs-pane-top.png) right top no-repeat;min-height:500px;color:#463f3d;position:relative;}
  .tabs div.panes div .inner {padding:20px;}
  .tabs div.panes div {position:relative;}
  .tabs div.panes span.bottom {display:block;width:495px;height:4px;position:absolute;bottom:0;left:0;background:url(/eb/common/new_kofc/images/tabs-pane-bottom.png) no-repeat;}
  
  .tabs div.panes ul {width:auto;}
  .tabs div.panes ul li {list-style:none;}

.program-item {clear:both;position:relative;overflow:hidden;}
  div.panes div h2 {/*font-size:22px !important;color:#463f3d !important;*/text-shadow:0 1px 0 #fff;margin-bottom:10px !important;}
  .program-item .title {overflow:hidden;margin-bottom:20px;}
    .program-item img {float:left;margin:0 10px 10px 0;border:7px solid #fff;display:block;}
    .program-item .info {float:left;position:relative;}
  
  .program-item blockquote {margin:0 !important;padding:0 55px !important;width:200px;font-size:14px;text-align:center;background:transparent;border:0;background:url(/eb/common/new_kofc/images/program-blockquote-bg.png) no-repeat;color:#463f3d;line-height:1.6;}
  .program-item h3 {font-size:22px !important;color:#587398;font-weight:normal;margin-bottom:0;}
  
  .program-item .features {clear:both;margin-top:20px;}
    .program-item .features ul {float:left;width:50%;font-size:14px;}
      .program-item .features li {margin:0 0 5px;list-style:none;}
	  
  .program-featured {overflow:hidden;padding-bottom:30px;margin-bottom:10px;background:url(/eb/common/new_kofc/images/program-featured-border.png) center bottom no-repeat;}

/*Accordion*/
.accordion {
  width:225px;
  margin-bottom:10px;
}
.accordion h2,
.accordion h2 a,
.accordion .pane li a {
  color:#3d3d3d !important;
  cursor:pointer;
  text-decoration:none;
}
  .accordion li a:hover {
    text-decoration:underline;
  }
.accordion h2 {
  font-size:11px;
  border-top:1px solid #ccc;
  padding: 7px;
  margin-bottom:0;
}
  .accordion h1.current {
    background:#f5f5f5;
  }
.accordion .pane {
  display:none;
  background:#d3d3d3;
  padding:7px;
  color:#7791b1;
}
  .accordion .pane li {
    margin-bottom:3px;
  }
  
  /*accordionFourth*/
  
  .accordionFourth h4 {
  font-weight:bold;
  margin-top:10px;
  line-height: 2em;
}

.accordionFourth h4 span {
  padding-right:25px;
  margin-top:10px;
  line-height: 2em;
}

.accordionFourth h4.selected span {
  padding-right:25px;
  margin-top:10px;
}

.accordionFourth div {
  display:none;
}

.accordionFourth p {padding:0 !important; }

  /*End accordionFourth*/
  
/*Gutter*/
#gutter {
  position: relative;
  top: -20px;
  padding:15px 15px 15px 30px;
  clear:both;
  overflow:hidden;
}
  #gutter h2 {
    font-size:10px;
    text-transform:uppercase;
    margin-bottom:0;
    line-height:1.4;
    color:#5c5a59 !important;
  }
  
#gutter #sitemap {
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
  overflow:hidden;
  float:left;
  width:790px;
  padding-top:10px;
}
  #gutter #sitemap .column {
    float:left;
    width:150px;
  }
    #gutter #sitemap .column ul {
      margin-bottom:10px;
    }
    #gutter #sitemap .column li {
      margin:0;
      list-style:none;
      font-size:10px;
    }

	#gutter #sitemap .a {
      width:150px;
	  margin-right: 10px;
    }
	#gutter #sitemap .b {
	  width: 160px;
	  margin-right: 10px;
	}
	#gutter #sitemap .c {
	  width: 140px;
	  margin-right: 5px;
	}
	#gutter #sitemap .d {
	  width: 146px;
	  margin-right: 5px;
	}

    #gutter #sitemap a {
      color:#5c5a59 !important;
      text-decoration:none;
    }
      #gutter #sitemap a:hover {
        text-decoration:underline;
      }

#gutter #social {
  border-top:1px solid #ccc;
  padding: 10px 0 0 10px;
  float:left;
  width:125px;
}

#gutter #social img {
  display:block;
  margin-top:20px;
}