/* @override 
	http://www.pbcmckinney.org/_css/styles.css
*/

/* Site: Parkway Baptist Church */

* {
   margin: 0;
   padding: 0;
}

body{
   font-size: 62.5%;
   font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
   background: #f5f5ef url(/_img/bg_body.gif) repeat-x;
   line-height: 1;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container{
   width: 770px;
   margin: 0 auto;
   padding-bottom: 50px;
}

a{
   overflow: hidden;
   color: #6e9a35;
   outline: none;
   text-decoration: none;
}

a:hover{
   text-decoration: underline;
}

a img{
  border: none;
}

/* =Header
---------------------------------------------------------------------
*/

#header{
   width: 770px;
   float: left;
   padding-top: 10px;
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#header h1{
   width: 167px;
   height: 100px;
   float: left;
   display: inline;
   margin-bottom: 12px;
   margin-left: 10px;
}

#header h1 a{
   display: block;
   width: 167px;
   height: 100px;
   background: url(/_img/bg_h1.gif) no-repeat;
   text-indent: -9999px;
}

#header p.scripture{
  float: right;
  width: 575px;
  height: 60px;
  background: url(/_img/bg_header_scripture.gif) no-repeat left 10px;
  text-indent: -9999px;
}

#header h3#serviceinfo{
   float: right;
   display: inline;
   height: 30px;
   width: 231px;
   font-size: 1.1em;
   margin-right: 15px;
   margin-top: 22px;
   background: url(/_img/bg_h3_serviceinfo.gif);
}

#header h3#serviceinfo a{
   color: #dfddca;
   text-transform: uppercase;
   text-decoration: none;
   display: block;
   height: 20px;
   padding-top: 10px;
   text-align: center;
}

#header h3#serviceinfo a:hover{
   text-decoration: underline;
}

#search{
   clear: both;
   float: right;
   display: inline;
   margin-top: -17px;
   margin-right: 15px;
   margin-bottom: 20px;
   position: relative;
   z-index: 999;
}

#search fieldset{
   float: left;
}

#search input#search_term{
   width: 165px;
   padding: 3px;
   font-size: 1.3em;
   border: 1px solid #e1e1e1;
   color: #7c7c7c;
   font-weight: bold;
   float: left;
   display: inline;
   margin-right: 4px;
   margin-top: 1px;
}

#search a#search_go{
   display: block;
   float: left;
   width: 39px;
   height: 26px;
   background: url(/_img/bg_search_go.gif) no-repeat;
   text-indent: -9999px;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   list-style: none;
   clear: both;
   float: left;
   width: 770px;
   height: 81px;
   position: relative;
}

#nav li{
   float: left;
   font-size: 1.2em;
   text-transform: uppercase;
}

#nav li a{
   display: block;
   float: left;
   height: 27px;
   padding: 17px 18px 0;
   color: #dfddca; 
   text-decoration: none;
}

#nav li.current a,
#nav li.active a,
#nav li.sfHover a{
   background: #13141d url(/_img/bg_nav_li_current_a.gif) repeat-x;
}

#nav li a:hover,
#nav li.sfHover a{
   background: #252c3f url(/_img/bg_nav_li_a_hover.gif) repeat-x;
}

#nav li.active a{
   background: #13141d url(/_img/bg_nav_li_current_a.gif) repeat-x;
}

#nav li ul{
   position: absolute;
   left: -999em;
   list-style: none;
   line-height: 1;
   background: #13141d;
}

#nav li:hover{
   visibility: inherit; /* fixes IE7 'sticky bug' */
}

#nav .current ul ul{
   display: none;
}

#nav .current ul,
#nav li:hover ul,
#nav li.sfHover ul{
   top: 44px;
   left: 0;
   width: 770px;
   z-index: 999;
   background: #252c3f url(/_img/bg_nav_li_a_hover.gif) repeat-x;
}

#nav .active.sfHover ul,
#nav .current ul{
   background: none;
}

#nav li li{
   float: left;
   text-transform: none;
   font-size: 1em;
}

#nav li li a{
   float: left;
   height: 25px;
   padding: 12px 18px 0;
}

#nav li li a:hover,
#nav li li.active a{
   color: #fff;
   text-decoration: underline;
}

#nav li li.active a{
   text-decoration: none;
}

#nav li:hover ul ul,
#nav li.sfHover ul ul{
   left: -999em;
}


/* =Container-Inner
---------------------------------------------------------------------
*/



/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
   width: 740px;
   float: left;
   background: #f5f5ef url(/_img/bg_content-wrap.gif) repeat-x;
   min-height: 450px;
   padding: 25px 15px 75px;
}

#home #content-wrap{
   padding: 15px;
}

/* = Home Page  
---------------------------------------------------------------------
*/

#tooltip {
	position: absolute;
	z-index: 3000;
	background: transparent url(/_img/bg_tooltip.gif) no-repeat bottom left;
	padding: 0;
	width: 348px;
}

#tooltip .body{
   padding: 16px 14px 16px 48px;
   background: transparent url(/_img/bg_tooltip_body.gif) no-repeat;
   min-height: 84px;
   font-size: 1.1em;
   line-height: 1.4;
}

#tooltip .body h4{
   color: #758e54;
}

#tooltip .body p{
   color: #545454;
   margin-top: .75em;
}

#tooltip h3, #tooltip div { margin: 0; }


.ui-tabs-hide{
   display: none;
}

#home-banner{
   float: left;
   width: 494px;
   height: 215px;
   overflow: hidden;
}

#content #home-banner ul{
   padding: 0;
   margin: 0;
   list-style: none;
}

#content #home-banner ul li{
   width: 486px;
   height: 207;
   overflow: hidden;
   border: 4px solid #24252e;
   background: none;
   padding: 0;
   margin: 0;
}

#content #home-banner li a{
   border: none;
}


#content #home-banner li img,
#content #home-banner li a img{
   margin: 0;
   border: none;
}


#home-featured{
   float: left;
   width: 494px;
}

#home-welcome{
   clear: left;
   float: left;
   display: inline;
   margin: 24px 0 0;
   width: 485px;
}

#home-welcome p a{
   text-decoration: underline;
}

#home-welcome p a:hover{
   text-decoration: none;
}

#home-featured h2,
#home-sidebar h3{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
   color: #4e2427;
   font-size: 1.8em;
}

#home-featured h2{
   margin-bottom: 20px;
}

#home-sidebar{
   float: left;
   width: 231px;
   position: relative;
   padding: 15px 0 115px 15px;
}

#home-sermons{
   min-height: 260px;
   _height:260px;
}

#home-sermons h3{
   padding-bottom: 10px;
   border-bottom: 1px solid #e9e8de;
   margin-bottom: 7px;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
   color: #4e2427;
   font-size: 1.8em;
}

#home-sermons h4 a{
   display: block;
   padding: 10px 34px 10px 10px;
   background: url(/_img/bg_arrow.png) no-repeat 204px 16px;
   line-height: 1.3;
   text-decoration: none;
   font-size: 1.1em;
}

#home-sermons h4 a span{
   display: block;
   font-weight: normal;
   color: #959595;
}

#home-sermons h4 a:hover{
   background-color: #ecece7;
   background-position: 203px 15px;
   padding: 9px 33px 9px 9px;
   border: 1px solid #e1e1e1;
}

p#podcastlink{
   width: 239px;
   height: 64px;
   margin: 15px 0;
}

p#podcastlink a{
   display: block;
   height: 64px;
   text-indent: -9999px;
   background: url(/_img/bg_podcastlink.gif) no-repeat 40px 0;
}

#newhere{
   position: relative;
   width: 255px;
   height: 134px;
   background: url(/_img/discoverpkwy.png);
   left: -8px;
   bottom: 0;
}

#newhere h4{
  height: 0;
  overflow: hidden;
}

#newhere a {
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 134px;
  width: 255px;
}

/*#newhere p{
   width: 138px;
   position: absolute;
   top: 34px;
   left: 90px;
   font-size: 1.2em;
   line-height: 1.5;
}

#newhere p a{
   text-decoration: none;
}

#newhere p a:hover{
   text-decoration: underline;
}
*/
#section{
  margin-top: 20px;
}

#section p{
  color: #959595;
  font-size: 1.2em;
  line-height: 1.3;
}

#section img{
   border: none;
   margin: 15px 0;
   height: auto;
}

/* = Basement  
---------------------------------------------------------------------
*/

#basement{
   clear: both;
   margin: 20px auto;
   width: 735px;
   float: left;
   border-top: 1px solid #dfddca;
   padding-top: 15px;
}

#basement p{
  margin: 0;
}

#basement p img{
  margin: 0;
}

.home-blog{
   width: 214px;
   min-height: 274px;
   float: left;
   padding: 22px 15px;
   display: inline;
   margin-right: 10px;
   background: url(/_img/bg_basement_div.gif) no-repeat;
}

.home-blog h3{
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   font-size: 1.1em;
   text-transform: uppercase;
   color: #707070;
   font-weight: normal;
   margin-bottom: 15px;
   float: left;
   padding-top: 3px;
}

#basement p.feed{
   height: 16px;
   width: 16px;
   float: right;
   margin-bottom: 15px;
}

#basement p.feed a{
   display: block;
   height: 16px;
   text-indent: -9999px;
   background: url(/_img/bg_feed.gif) no-repeat;
}

/* #basement p{
   margin-bottom: 1em;
   line-height: 1.5;
   color: #464646;
}*/

.home-blog h4{
   clear: both;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
   font-size: 1.8em;
   margin-bottom: 15px;
}

.home-blog h4 a{
   color: #758e54;
   text-decoration: none;
}

.home-blog h4 a:hover{
   text-decoration: underline;
}

.home-blog p{
   font-size: 1.2em;
}

#agenda{
   float: left;
   width: 226px;
}

ul#branchnav{
   list-style: none;
   width: 226px;
   margin: 0;
   float: left;
}

#branchnav li{
   float: left;
   width: 113px;
   margin: 0;
   border-bottom: 1px solid #cbc9b7;
   padding-top: 5px;
   font-size: 1.2em;
}

#branchnav li#an_agenda{
   width: 104px;
   padding: 5px 8px 0 1px;
}

#branchnav li#an_calendar{
   width: 104px;
   padding: 5px 1px 0 8px;
}

#branchnav li a{
   display: block;
   text-align: center;
   padding: 7px 0;
   background: #c0bda2;
   border-bottom: none;
   font-weight: bold;
   text-decoration: none;
   color: #fff;
}

#branchnav li.ui-tabs-selected{
   border-bottom: 1px solid #ebe9dd;
   padding-top: 0;
}

#branchnav li#an_calendar.ui-tabs-selected{
   width: 113px;
   padding: 0;
}

#branchnav li#an_agenda.ui-tabs-selected{
   width: 113px;
   padding: 0;
}

#branchnav li.ui-tabs-selected a{
   background: #ebe9dd;
   text-decoration: none;
   padding: 11px 0 7px;
   margin-top: 0;
   color: #492224;
   border: 1px solid #cbc9b7;
   border-bottom: none;
}

#branch1,
#branch2{
   float: left;
   width: 224px;
   border: 1px solid #cbc9b7;
   border-top: none;
   background: #ebe9dd;
   padding: 15px 0 10px;
   position: relative;
   font-family:  Arial, Helvetica, sans-serif;
}

#agenda p{
   line-height: 1.5;
}

#agenda table.calendar{
   clear: both;
   width: 188px;
   margin: 0 auto;
   border-collapse: collapse;
   color: #464646;
   font-size: 1.2em;
}

#agenda table.calendar caption{
   margin: 0px auto;
   padding-bottom: 10px;
   color: #492224;
   font-weight: bold;
   text-transform: uppercase;
}

#agenda table.calendar caption span{
   display: block;
   width: 18px;
   height: 18px;
}

#agenda table.calendar caption span.calendar-prev{
   position: absolute;
   top: 12px;
   left: 12px;
}

#agenda table.calendar caption span.calendar-next{
   position: absolute;
   top: 12px;
   right: 12px;
}

#agenda table.calendar th{
   padding:  5px 0 5px 0;
   color: #464646;
   text-align: center;
}

#agenda table.calendar td{
   width: 25px;
   height: 25px;
   color: #464646;
   text-align: center;
}

#agenda table.calendar a{
   display: block;
   width: 19px;
   margin: 0 3px;
   padding: 5px 3px;
   color: #fff;
   background: #9cb673;
   text-decoration: none;
   font-weight: bold;
}

#agenda table.calendar a:hover{
   text-decoration: underline;
}

#agenda .event{
   float: left;
   width: 213px;
   margin: 0 5px;
   font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
}

#agenda .event h4{

   font-size: 1.1em;
   line-height: 1.2;
}

#agenda .event h4 a{
   display: block;
   border: 1px solid #ebe9dd;
   padding: 8px;
}

#agenda .event h4 a:hover{
   background: #F9F8F5;
   border: 1px solid #e1e1e1;
   text-decoration: none;
}

#agenda .event span{
   color: #666;
   display: block;
   font-weight: normal;
   padding-top: 2px;
}

#agenda .event h4 a:hover span{
   text-decoration: none;
}

#agenda p.more{
   float: right;
   margin: 10px 15px 0;
   font-size: 1.1em;
   text-transform: uppercase;
}

#agenda p.more a{
   display: block;
   padding: 3px 10px;
   border: 1px solid #99978A;
   background: #c0bda2;
   color: #fff;
   text-decoration: none;
   line-height: 1.5;
}

#agenda p.more a:hover{
   text-decoration: underline;
}

/* =Content
---------------------------------------------------------------------
*/

#home #content{
   width: 494px;
   float: left;
   padding: 0;
}

#content{
   width: 480px;
   float: left;
   padding-right: 30px;
}

#content h2{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 2.4em;
   font-weight: normal;
   color: #4e2427;
   margin-bottom: .5em;
}

#content h3{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #26365d;
   margin-bottom: .5em;
}

#content h4{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.4em;
   color: #4e2427;
   margin-bottom: .5em;
}
#content h5,
#content h6{
   font-size: 1.2em;
   color: #464646;
   margin-bottom: .5em;
}

#content p,
#content li{
   margin-bottom: 1em;
   color: #464646;
   font-size: 1.2em;
   line-height: 1.5;
}

#content ul,
#content ol{
   margin: 0 0 1.5em 3em;
   padding: 0;
   list-style-position: inside;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   list-style: none;
}

#content ul#byline li{
   font-size: 1.1em;
}

#content ul li{
   margin: 0 0 .5em;
   background: url(/_img/bg_content_li.gif) no-repeat left .5em;
   list-style: none;
   padding-left: 12px;
}

#content ol li{
   margin: 0 0 .5em 0;
}

#content li ul{
   margin: .5em 0 .5em 1em;
}

#content li li{
   font-size: 1em;
}

#content blockquote{
   margin-left: 3em;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content img{
   float: left;
   margin: 0 10px 5px 0;
}

#content a img{
  border: none;
}

#content img.center{
  float: none;
  margin-right: 0;
}

#content #text{
   clear: both;
}

#content h5.featured{
  background: #4e2427;
  float: left;
  line-height: 20px;
  margin-bottom: 0;
  padding: 0 5px;
  color: #eeece9;
}

#content #current-sermon{
  border-top: 4px solid #4e2427;
  float: left;
  padding-top: 10px;
  margin-bottom: 20px;
  clear: both;
  width: 480px;
}

#content .sermon-meta p{
  margin-bottom: 5px;
}
#content .sermon-meta p.byline{
  margin-bottom: 15px;
}

#content .sermonbox{
   background: #eeece9;
   padding: 8px;
   border-bottom: 1px solid #e3dfda;
   clear: both;
}

#content .sermonbox.alt{
   background: #ffffff;
}

#content .sermonbox:hover{
   background: #f6f5f3;
}

#content .sermonbox h4{
   margin-bottom: 5px;
}

#content .sermonbox p{
   padding: 0;
   margin: 0;
}

#content .sermonbox p.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
}

#content .sermonbox ul{
  float: right;
  margin:0;
  width: 82px;
}

#content .sermonbox ul li{
  text-indent: -9999px;
  float: left;
  margin: 0 0 0 5px;
  padding: 0;
  height: 29px;
  width: 36px;
  background: none;
}

#content .sermonbox ul li a{
  float: left;
  height: 29px;
  width: 36px;
}

#content .sermonbox li.sl_listen a{
  background: url(/_img/bg_sermonlist-play.gif) left bottom;
}

#content .sermonbox.alt li.sl_listen a{
  background: url(/_img/bg_sermonlist-play.gif) left top;
}

#content .sermonbox:hover li.sl_listen a{
  background: url(/_img/bg_sermonlist-play.gif) left center;
}

#content .sermonbox li.sl_download a{
  background: url(/_img/bg_sermonlist-dl.gif) left bottom;
}

#content .sermonbox.alt li.sl_download a{
  background: url(/_img/bg_sermonlist-dl.gif) left top;
}

#content .sermonbox:hover li.sl_download a{
  background: url(/_img/bg_sermonlist-dl.gif) left center;
}

#content #mediabox{
   float: right;
   width: 113px;
   padding: 0;
   list-style: none;
}

#content #mediabox li{
   margin-bottom: 5px;
   font-size: 1.1em;
   font-weight: bold;
   background: none;
   padding: 0;
}

#content #mediabox li a{
   display: block;
   height: 27px;
   background-repeat: no-repeat;
   text-indent: -9999px;
}

#content #mediabox li#mb_video a{
   background-image: url(/_img/mb_video.gif);
}

#content #mediabox li#mb_download a{
   background-image: url(/_img/mb_download.gif);
}

#content #mediabox li#mb_notes a{
   background-image: url(/_img/mb_notes.gif);
}

#content #mediabox li#mb_listen a{
   background-image: url(/_img/mb_listen.gif);
}

p#pagination{
  margin: 10px;
}

p#pagination a{
  padding: 2px 5px;
}

/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
   width: 228px;
   float: right;
}
#sidebar .recent-sermons h3{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
   color: #4e2427;
   font-size: 1.8em;
   margin-bottom: 10px;
   font-weight: bold;
}

#sidebar .recent-sermons ul{
  list-style-type: none;
}
#sidebar .recent-sermons ul li{
  position: relative;
  color: #959595;
  margin: 1px 1px 6px;
  padding: 5px;
}
#sidebar .recent-sermons ul li:hover{
  color: #959595;
  margin: -1px 0 5px;
  border: 1px solid #959595;
  background: #fff;
}
#sidebar .recent-sermons ul li a{
  display: block;
  font-size: 1.2em;
  line-height: 1.6;
}
#sidebar .recent-sermons ul li a.audio{
  position: absolute;
  right: 8px;
  top: 8px;
  background: url(/_img/bg_sermons-sb-play.gif) no-repeat right top;
  width: 18px;
  height: 18px;
  font-size: 1.2em;
  line-height: 1.6;
  text-indent: -9999px;
}


#blog-sidebar{
   min-height: 260px;
   _height:260px;
}

#blog-sidebar h3{
   padding-bottom: 10px;
   border-bottom: 1px solid #e9e8de;
   margin-bottom: 7px;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
   color: #4e2427;
   font-size: 1.8em;
}

#blog-sidebar ul{
	list-style-type: none;
	margin-bottom: 15px;
}

#blog-sidebar li a{
   display: block;
   padding: 10px 34px 10px 10px;
   background: url(/_img/bg_arrow.png) no-repeat 204px center;
   line-height: 1.3;
   text-decoration: none;
   font-size: 1.1em;
}

#blog-sidebar li a:hover{
   background-color: #ecece7;
   background-position: 203px center;
   padding: 9px 33px 9px 9px;
   border: 1px solid #e1e1e1;
}

/* = Events  
---------------------------------------------------------------------
*/

#content #calendar-outer{
   position: relative;
}

#content table.calendar{
   margin-bottom: 25px;
   border: 1px solid #e3dfda;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 10px;
   font-size: 1.8em;
   font-weight: normal;
   color: #4e2427;
}

#content table.calendar caption span{
   position: absolute;
   top: 0;
   width: 18px;
   height: 0;
   padding-top: 19px;
   overflow: hidden;
   color: #8A4700;
}

#content table.calendar caption span.calendar-prev{
   left: 130px;
   background-image: url(/_img/cal_previous.gif);
}

#content table.calendar caption span.calendar-next{
   right: 130px;
   background-image: url(/_img/cal_next.gif);
}

#content table.calendar th{
   padding: 6px 0;
   background: #EDEBE8;
   color: #545454;
   font-size: 1.3em;
   font-weight: normal;
   text-align: center;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #e3dfda;
   border-left: 0;
   border-top: 0;
   background: #FFF;
   color: #626262;
   font-size: 1em;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: #f6f5f3;
}

#content table.calendar td a{
   text-decoration: none;
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
   padding: 0;
}

#content table.calendar td li{
   padding-left: 4px;
   margin-left: 0;
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
   background: none;
}

#content table.calendar td li a{
   text-decoration: underline;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}


/* =Members Area
---------------------------------------------------------------------
*/
#members_area table{
   font-size: 1.2em;
   margin-bottom: 10px;
   clear: both;
}

#members_area td.thing{
   width: 25%;
   padding-left: 10px;
}

#members_area tr h4{
  margin-top: 10px;
  margin-bottom: 0;
}

/* Sidebar */
#sidebar #memberProfile h3{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
   color: #4e2427;
   font-size: 1.8em;
   margin-bottom: 10px;
}

#sidebar #memberProfile p{
   float: left;
   margin: 0 10px 10px 0;
}

#sidebar #memberProfile ul{
   list-style-type: none;
   float: right;
}

#sidebar #memberProfile li{
   font-size: 1.2em;
}

#member-search{
   clear: both;
   margin: 10px 0;
}

#member-search h4{
  margin-bottom: 5px;
}

#sidebar #memberProfile #member-search p{
  margin-top: 8px;
}

/* Member's Gallery */
#content #user-profile img{
  margin-bottom: 15px;
}

#members_area .gallery_nav{
  clear: both;
}

#members_area .galleryImage{
  clear: both;
  margin-top: 8px;
}

#members_area .galleryImage p.image img{
  margin-bottom: 10px;
}
#members_area .galleryImage p.title,
#members_area .galleryImage p.desc,
#members_area .galleryImage p.date{
  margin-bottom: 5px;
}

#members_area form label{
  float: left;
  clear: left;
  line-height: 1.5;
  margin: 0 10px 0 0;
}

#members_area form label.checkbox{
  float: none;
  line-height: 2.5;
}

#members_area form p.checkbox input{
  float: left;
  margin: 8px 10px 0 0;
}

#members_area form input{
  float: left;
  margin-bottom: 10px;
}

#members_area form #gallerySubmit{
   margin-right: 10px;
}

/* Member Directory */
.directory #letter-directory ol{
   list-style-type: none;
   height: 30px;
   margin: 0 0 10px;
}

.directory #letter-directory ol li{
   float: left;
   display: inline;
   font-size: 1.2em;
   margin: 8px 3px 8px 3px;
   color: #3d4952;
}
.directory #letter-directory ol li a {
   padding: 5px;
   margin: -3px -2px -3px -3px; /*keeps li without a tags looking the same. */
}
.directory #letter-directory ol li a:hover {
   background: #535c64;
   color: #fff;
   text-decoration: none;
}
#content.directory div.clear{
  clear: both;
}

#content.directory .person{
  float: left;
  width: 115px;
}

#content.directory .person p{
  clear: both;
}

#content.directory .person p.pic a{
  display: block;
  height: 100px;
  overflow: hidden;
}

#members_area #user-profile ul{
  float: left;
  margin-left: 0;
}

#members_area #user-profile ul li{
  background: none;
  margin-bottom: 0;
}
/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   background: #e7e7db;
   border-top: 4px solid #77939c;
   padding: 16px 24px;
   height: 63px;
}

#footer p{
   float: left;
   color: #707070;
   font-size: 1.2em;
}

#footer p.powered{
   float: right;
}