<style>
@charset "utf-8";
/* ==================================
Table of Contents
    1.  Global Reset
    2.  Typography
    3.  Layout
    4.  UI Elements
    5.  Page Specific Styles
    6.  Site Specific Styles
================================== */

/* ====================================================================
Section 1 - Global Reset
==================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;

}

:focus {
    outline: 0;
}
input[type='radio'] {
    margin:0;
}
body {
    color: black;
    background: white;
}

caption {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

img {
    border: 0;
}

ul {
    margin: 0;
}
body, html {
    padding:0;
    margin:0;
}


/* ====================================================================
Section 2 - Typography
==================================================================== */
body {
    font-family: Arial, Helvetica, sans-serif;    font-size: 12px;
    line-height:1em;
    color: black;
}
h1, .ui-dialog-title {
/*  color: black;*/
    color: black;
/*  font-size: 2em;*/
    font-size: 2em;
    line-height:1em;
    font-family: inherit;}
h2, h2 a, legend, .header3, .standard_header {
    /*  color: ;*/
    color: black;
    /*  font-size: 1.5em;*/
    font-size: 1.5em;
    font-family: inherit;    line-height:1em;
    text-decoration:none;
    font-weight:bold;
}

h3 {
/*  font-size: 1.3em;*/
    font-size: 1.3em;
    color: black;
    font-family: inherit;    line-height:1em;
}
h3 a, h2 a, .header3 h2, .header3 .header3 {
    font-size: 1em;

}
h4 {
    font-weight: bold;
/*  font-size: 1.1em;*/
    font-size: 1.1em;
    color: ;
    font-family: Inherit;    line-height:1em;
}
small {
    font-size: .9em;
    line-height:1em;
}
p {
    margin:0 0 1.5em 0;
    padding: 0;
    line-height: 1.5em;
    font-size: 1em;
    color: ;
    font-family: Inherit;}
a {
    font-size: ;
    color: ;
    word-wrap:break-word;
    
}
ul {
    font-size: 1em;
    /*line-height:1.5em;*/
    list-style:outside disc;
    padding:0 0 0 30px;
}

#left_column_td, #right_column_td, #middle_column_td, .ui-dialog {
    line-height: 1.5em;
}

#left_column_td ul, #right_column_td ul {
    line-height:1em;
}


/* ====================================================================
Section 3 - Layout
==================================================================== */

/* =================
General
================= */
body {
    }
#outer {
    width: 100%;
    margin: 0;
    padding: 0;

}
.container {
        min-width: 755px;    max-width: 960px;
    margin: 0 auto;
}

/*Clear Fix*/
.container:before, .container:after,
[id*="column_td"]:before, [id*="column_td"]:after {
	content: " ";
	display: table;
}
.container:after, [id*="column_td"]:after {
	clear: both;
}
/*For IE 6/7 only */
.container, [id*="column_td"] {*zoom: 1;}

.clear {
    clear: both
}
.left {
    float: left;
}
.right {
    float: right;
}


/* =================
Top Navigation
================= */
#topnav {
    float: right;
    text-align: right;
    margin: 3px 0 0 0;
    padding: 0 0 0 0;
    font-size: 12px;
    color: white;
	background-color: ;
}
#topnav li {
    list-style: none;
    list-style-position: inside;
    float: left;
    padding: 0 10px;
}
#topnav li a {
    color: white;
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-weight: normal}
#topnav li a:hover {
    color: #ccc;
}



/* ==================================
Header
================================== */
#header {
	background-color:;
}
#header .container {
    height: ;
    }
#logo {
    float: left;
    margin: 10px 10px 0 10px;
}

/* =================
Rotating Banner Images
================= */
#banner_images {
    margin:0;
    padding:0 0 0 0;
    width:100%;
    float:left;
    position:relative;
    top:48px;
    height:110px;

}
#banner_images img {
    max-width:none;
}
#banner_image1, #banner_image2, #banner_image3 {
    border: solid 5px white;
    padding:0;
    margin:0;
}

#banner_image1_div {
    position: relative;
    display: inline;
    top: 0px;
    left: 475px;
    padding:0;
    margin:0;
}
#banner_image2_div {
    position: relative;
    display: inline;
    top: 0px;
    left: 500px;
    padding:0;
    margin:0;
}
#banner_image3_div {
    position: relative;
    display: inline;
    top: 0px;
    left: 520px;
    padding:0;
    margin:0;
}


/* ==================================
Main Navigation
================================== */
/* =================
JS Rollover Styles
================= */
#botnav {
    margin: 0 0 0 0;
    line-height: 66px;
    float:left;
    width:100%;
	background-color: }
#nav {
	background-color:;
    width: auto;
    list-style: none;
    padding: 0;
    float: right;
}
#nav li {
    float: left;
    color: black;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    height: 66px;
}
#nav li a {
    display: inline-block;
    margin-bottom: 0;
    color: black;
    text-decoration: none;
    width: auto;
    background-color: ;
        background-position:0 0;
    background-repeat: repeat-x;
}
#nav li a:hover,
#nav li a.active,
#nav .sfHover li,
#nav .sfHover li a,
#nav .sfHover a {
    color: white;
    background-color:  !important;
        background-position:0 0;
    background-repeat: repeat-x;
}

/*------------------- FLYOUT MENU ESSENTIAL STYLES -------------------*/
#left-col, #right-col {overflow:visible;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {}
.sf-menu ul {position:absolute;top:-999em;width:150px; /* left offset of submenus need to match (see below) */z-index:1999;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
#nav ul a, #nav ul ul a {text-align:left;padding:8px 5px;display:block;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:26px; /* match top ul list item height */z-index:1999;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:150px;top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
.sf-menu .sfHover {background:auto;}

/*** DEMO SKIN ***/
.sf-menu {float:left;}
#nav ul a:hover {}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/}
.sf-menu li {}
.sf-menu li li {background:;padding:8px 0 8px 5px;}
.sf-menu li li li {background:;padding:8px 0 8px 5px;}
.sf-menu li:hover, .sf-menu li.sfHover {outline:0;}
#nav.sf-menu a.sf-with-ul {padding-right:15px;}


/*** arrows **/
.sf-menu a.sf-with-ul {min-width:1px; /* trigger IE7 hasLayout so spans position accurately */position:relative;}
.sf-menu .sf-sub-indicator {position:absolute;display:block;right:5px;top:8px;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-ffffff.png') no-repeat left -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
.sf-menu ul .sf-sub-indicator, .sf-menu ul ul .sf-sub-indicator {top:10px;}


/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul {background:  url('../js/images/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0;}
.sf-shadow ul.sf-shadow-off {background: transparent;}


/*-------------Vertical Menu (.sf-vertical)-------------*/
.sf-vertical, .sf-vertical li {width: 210px;}
.content .sf-vertical, .content .sf-vertical li {float:none;}
.sf-vertical li:hover, .sf-vertical a:hover, .sf-vertical li.sfHover {background:none;}
.sf-vertical a {background:none;}


.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {left:138px;top:0;}
.sf-vertical li ul {background:white;border:1px solid #dddddd;}
.sf-vertical li li {width:auto !important;background:transparent;}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0;top:2px !important;top:4px; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,.sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}



/* ==================================
Main Content
================================== */
/* =================
Columns
================= */
#left-col {
    }
#right-col {
    }
#middle-col-full {
    }
#middle-col {
    }
.content .container {
    text-align: left;
    margin: 0 auto;
    background: white;
}
#left-col, #middle-col, #middle-col-full, #right-col {
    float: left;
}
#left-col, #right-col {
    width: 25%;
}
#middle-col {
    width: 50%;
}
#middle-col-full {
    width: 75%;
}
#middle_column_td {
    padding: ;
}
#right_column_td, #left_column_td {
    padding: 10px;
    overflow:visible;
}

/* =================
Container Styles - New
================= */
.content-container {
  float: left;
  margin: 0 1% 1% 0;
}

.content-container.last {
  margin-right: 0;
}

.inner-content {
  padding: 10px;
}

#header .content-container, .header-btm .content-container, .footer-top .content-container, #footer .content-container, #left-col.content-container, #right-col.content-container, #middle-col.content-container, #middle-col-full.content-container {
    margin:0;
}

#header .inner-content, .header-btm .inner-content, .footer-top .inner-content, #footer .inner-content {
    padding:0;
}

/*---------- 100% ----------*/
.col_1col100 {
  width: 100%;
  margin-right: 0;
}

/*---------- 75% ----------*/
.col_2col7525.one {
  width: 74%;
}

.col_2col2575.two, #middle-col-full {
  width: 75%;
}

/*---------- 70% ----------*/
.col_2col3070.last, .col_2col7030.one {
    width: 70%;
}

/*---------- 60% ----------*/
.col_2col4060.last, .col_2col6040.one {
    width: 60%;
}

/*---------- 50% ----------*/
.col_2col50, .col_3col255025.two {
    width: 49%;
}

.col_2col50.last, #middle-col {
    width: 50%;
}

/*---------- 40% ----------*/
.col_2col4060.one, .col_2col6040.last {
    width: 40%;
}

/*---------- 33% ----------*/
.col_3col33 {
  width: 32.3333333%;
}

.col_3col33.last {
  width: 33.3333333%;
}

/*---------- 30% ----------*/
.col_2col3070.one, .col_2col7030.last {
    width: 30%;
}

/*---------- 25% ----------*/
.col_4col25, .col_2col2575.one, .col_3col255025.one {
  width: 24%;
}

.col_4col25.last, .col_2col7525.two, .col_3col255025.three, #right-col, #left-col {
  width: 25%;
}

/*---------- 20% ----------*/
.col_5col20, .col_5col20.last {
    width: 20%;
}

/*--------------------
Mobile Layout
--------------------*/

/* =================
Sideboxes
================= */
.sidebox {
    width: ;
    height: auto;
    margin: 0 auto;
    border: ;
}
.sidebox .boxhead {
    margin:5px 0 0 0;
    padding: 0;
    border: 0;
    }
.sidebox h2, .standard_header {
    color: ;
    margin:  0 0 5px 0;
    padding:0;
}
.sidebox .boxcontent {
    margin: 0px;
    padding: 10px;
    }
.sidebox .boxcontent .meet_image {
    padding: 1px;
    margin: 10px 5px;
    background: url(../images/spacer.gif) center no-repeat;
}
.sidebox .boxcontent ul {
    margin: 10px 2px;
    padding: 2px;
}
.sidebox .boxcontent li {
    width: 80%;
    font-weight: bold;
    list-style-image: none;
    border-top: 1px solid gray;
    margin: 5px;
    padding: 5px;
    list-style-type: none;
}
.sidebox .boxcontent ul.pagenavsub {
    margin: 0px 2px 0px 20px;
    padding: none;
}
.sidebox .boxcontent .pagenavsub li {
    border-top: none;
    margin: none;
    padding: none;
    list-style-type: none;
}
.sidebox .boxcontent li a {
    color: #898787;
    font-size: 12px;
    text-decoration: none;
    background-color: ;
        background-position:0 0;
    background-repeat: repeat-x;
}
.sidebox .boxcontent li a:hover {
    color: #333;
    background-color: ;
        background-position:0 0;
    background-repeat: ;
    text-decoration: none;
}
.sidebox .boxfoot {
    margin: 0 0 5px 0;
    }


/* ==================================
Footer
================================== */
#footer,#footer-btm,.footer-top{
	background-color:;
}


.credit {
    padding-left: 2px;
    font-size: 10px;
    text-align: left;
        background-color:transparent;
    }
.credit a {
    color: ;
    font-size: 10px;
    text-decoration: none;
}
.credit a:link,.credit a:active {
    color: ;
}
.credit a:hover {
    color: ;
    text-decoration: underline;
}
a.footnav, .footer-top a {
    color: #8f8f8f;
    text-decoration: none;
}
a:hover.footnav {
    color: white;
}

#footer .container {
    padding:10px 0;
        background-color:transparent;
    }
#footer_bar {
    height: 10px;
    background: transparent;
    margin-bottom:5px;
}
#footer p,.footer-top p{
    margin: 0;
	color:;
}
#footer #footer_cprt {
    width: 50%;
    float: left;
    font-size: 11px;
    text-align: left;
        background-color:transparent;
    }
#footer .content-container #footer_cprt {
    width:100%;
}
#footer #footer_nav {
    text-align: right;
    width: 50%;
    float: right;
    font-size: 10px;
        background-color:transparent;
    }

#footer-btm .container {
    background-color: transparent;
    text-align: left;
    padding: 10px 0;
}
div.credit, #comodo {
    display: inline;
}
a.credit {
    margin-right: 10px;
}

#footer .content-container #footer_nav {
    width:100%;
    list-style:none;
    text-align:right;
}
#footer_nav li {
	color: #8f8f8f;
    display:inline-block;
    padding:0 5px;
    border-left:1px solid;
    zoom: 1;
    *display: inline;
}
#footer_nav li:first-child {
    border-left:0;
}

/* =================
Fat Footer
================= */
#footer .col1, #footer .col2, #footer .col3 {
    width:33%;float:left;text-align:left;
}
#footer .col1 ul, #footer .col2 ul, #footer .col3 ul   {
    list-style:none;
}
#footer_nav .foot-container li  {
    border:0;
}


/* ====================================================================
Section 4 - UI Elements
==================================================================== */
/* ======================
General
====================== */
.gray, .gray a {
    color: #666;
}
.red,.required {
    color: red;
}
.green {
    color: green;
}
.orange {
    color: orange;
}
.italic {
    font-style: italic;
}
.sub-info {
    font-style: italic;
    color: #a4a4a4;
    line-height: 1.2em;
}
.btm-border {
    border-bottom: 1px solid #dddddd;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
}

/* ======================
Accordion
====================== */
#accordion ul {
    list-style:none;
    padding:0;
}
#accordion ul li {
    padding:3px 0;
}
#accordion .ui-accordion-content {
    padding:10px;
}
#accordion .ui-accordion-header a {
    color:#666;
    padding:5px 5px 5px 20px;
}
#accordion .ui-state-active a {
    color:black;
}
#accordion .ui-icon {
    display:inline-block;
    width:15px;
    height:14px;
    background-image: url(../images/ui-icons_4d4d4d_256x240.png);
    background-position: -34px -16px;
    background-repeat:no-repeat;
}
#accordion .ui-state-active a, #accordion .ui-accordion-header a:hover, .accordion .ui-state-active a, .accordion .ui-accordion-header a:hover {
	color: black;
}
#accordion .ui-state-default a, .accordion .ui-state-default a {
	color: #666;
}

.accordion .head {
	background: #f6f6f6;
	border: 1px solid #dddddd;
	margin: 0 0 1px 0;
	padding: 5px;
	cursor: pointer;
}
.accordion .head span {
	display: inline-block;
	width: 18px;
	height: 14px;
	background-image: url(../images/ui-icons_4d4d4d_256x240.png);
	background-position: -32px -16px;
	background-repeat: no-repeat;
}
.accordion .head a {
	font-size: .8em;
	text-decoration: none;
	color: #666;
	width: 90%;
	display: inline-block;
}
.accordion .head.active {
	background: white;
	border-bottom: 0;
}
.accordion .head.active span {
	background-position: -64px -16px;
}
.accordion .head.active a, .accordion .head a:hover {
	color: black;
}
.accordion .content {
	border: 1px solid  #dddddd;
	border-top: 0;
	margin-top: -1px;
	padding: 10px 20px;
	margin-bottom: 1px;
	display:none;
}
.accordion input[type='checkbox'] {
	margin: 0;
}


/*==================
Autocomplete
==================*/
.form .ui-autocomplete-input, .ui-autocomplete-input {
    padding: 5px;
    border: 1px solid #a4a4a4;
    width: 250px;
    margin-right: 5px !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
}
.ui-autocomplete {
    border: 1px solid #a4a4a4;
    border-top: 0;
    text-align: left;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3);
    max-height: 200px;
    overflow: auto;
}
#ui-active-menuitem {
    color: black;
    background: #f6f6f6;
    margin: 0;
}

/* Combo Box Styles */
.ui-button-text {
    display: inline-block;
    background: white;
}
.combo-button a.ui-button {
    border: 1px solid #a4a4a4;
    border-left: 0;
    background: white;
    height: auto;
    padding:6px 0;
    margin: 0px 0 -7px -5px;
}

/* Firefox Hack for arrow height */
@-moz-document url-prefix() {
    .combo-button a.ui-button {
        padding:7px 0 6px 0;
        margin: 0px 0 -9px -5px;
    }

}
/*==================
Breadcrumbs
==================*/
.breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
}
.breadcrumbs li {
    float: left;
}
.breadcrumbs li span {
    display: inline-block;
    padding: 0 5px;
    color: #a4a4a4;
}


/* ======================
Buttons
====================== */
.prime-btn, .sec-btn, .ui-widget .flat {
    background: url(../images/grad-bkg.png) left top repeat-x;
    border: 0;
    padding: 5px;
    color: white;
    width: auto;
    overflow: visible;
    font-weight: bold;
    font-size: 11px;
}
.prime-btn {
    background-color: #333;
}
a.prime-btn {
    display:inline-block;
    text-decoration:none;
}
.ui-widget .flat {
    border:0;
    background-color:#333;
}
.sec-btn {
    background-color: #999;
}
.prime-btn.hover, .sec-btn.hover, .flat:hover, .prime-btn:hover, .sec-btn:hover {
    cursor: pointer;
}
.info-btn {
    display:inline-block;
    border:1px solid #dddddd;
    padding:3px 5px;
    background:#f0f0f0 url(../images/info-btn-bkg.gif) 0 0 repeat-x;
    text-decoration:none;color:#666666;
    font-weight:bold;
    font-size:11px;
}
.info-btn:hover {
    background:#e6e5e5 url(../images/info-btn-hover.gif) 0 0 repeat-x;
}
.info-btn span {
    display:inline-block;
    width:18px;
}
.info-btn.cal span {
    background:url(../images/icon-gray-cal.png) 0 0 no-repeat;
}
.btn-shadow {
    float: left;
    background: #ccc;
    padding: 0 2px 2px 0px;
}
.btn-shadow button, .btn-shadow input {
    margin: -2px 0 0 -2px;
}
.btn-group {
    margin: 10px 0 10px 1%;
    float: left;
    width: 99%;
    text-align: right;
}
.btn-group input, .btns input {
    display:inline-block !important;
}
.btn-group .btn-shadow {
    margin-right: 10px;
    float: right;
}
.next {
    position: relative;
    text-align: left;
    width:87px;
}
input.next {
    width:auto;
}
.next span {
    display: block;
    width: 30px;
    height: 10px;
    position: absolute;
    right: 5px;
    top: 8px;
    background: url(../images/icon-next.png) right center no-repeat;
}
.btn-group button.prev {
    position: relative;
    width:87px;
    text-align: right;
}
.btn-group button.prev span {
    display: block;
    width: 30px;
    height: 10px;
    position: absolute;
    left: 0px;
    top: 2px;
    background: url(../images/icon-prev.png) left center no-repeat;
}
.edit {
    width: 100%;
    text-align: right;
}
.edit .prime-btn {
    float: right;
}

/* ======================
Calendar
====================== */
.calendarphp #middle-col, .calendarphp #middle-col-full {
    overflow-x: visible;
}
.calendarphp .header3 a {
    color: #ccc;
}
.calendarphp .header3 a:hover {
    color: #666;
}
.cal {
    width: 90%;
    margin: 10px auto;
    border: 1px solid #ccc;
    border-collapse: collapse;
    table-layout:fixed;

}
.cal thead {
    background: #333;
    color: white;
    border: 1px solid #333;
    font-size: 14px;
    height: 30px;
}
.cal th {
    width: 14%;
}
.cal td {
    border: 1px solid #ccc;
    vertical-align: top;
    padding: 0;
}

.cal .cal_current {
    padding: 5px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
}
.cal_current .cal-day {
    background: #dddddd;
    margin: -6px -6px 10px -6px !important;
    margin: -8px -8px 10px -8px;
    padding: 5px;
    color: #333;
    font-weight: bold;
}
.cal_current .cal-day.today {
    background: #666;
    color: white;
}
.cal_current .cal-event {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}
.cal_current .cal-event a {
    font-size: 12px;
/*    color: #333;*/

    font-weight: bold;
}
.cal_current .high-z {
    position: relative;
    z-index: 2000;
}
.cal .cal-event .cal-tooltip {
    border: 1px solid #666;
    position: absolute;
    z-index: 1001;
/*    bottom: 30px;*/

    left: -10px;
    width: 320px;
    background-color: #f9f9f9;
    color: #333;
    line-height: 1.4;
    padding: 10px;
}
.cal .cal-event .cal-tooltip h5 {
    font-size: 14px;
    font-weight: bold;
    background: #666;
    color: white;
    margin: -10px -10px 10px -10px;
    padding: 5px;
}
.cal .cal-event .cal-tooltip p.cal-date {
    font-style: italic;
    font-size: 14px;
    color: #aaa;
}

/*Calendar Details*/
.cal-dets h3 {
    color: black;
    padding: 10px 0 0px 0;
}
.cal-dets .cal-date {
    font-style: italic;
    color: #666;
    margin: 5px 0 0px 0;
}

/* ======================
Data Tables
====================== */
.data-table {
    border-collapse: collapse;
    width: 100%;
}


.data-table td {
    padding: 5px;
    border: 1px solid #dddddd;
}
.data-table table td {
    border: 0;
    padding: 0;
}
.data-table th {
    color: white;
    border: 0;
    padding: 5px;
}
.data-table th h4 {
    margin: 0;
}
.data-table tr.alt {
    background: #f6f6f6;
}
.data-table tr.tr-hover, tr.alt.tr-hover {
    background: #fbfafa;
}
.data-table h3 {
    padding: 0;
}
.data-table h3 a {
    width: 100%;
    padding-bottom: 10px;
}
.data-table h4 {
    color: white;
}
.data-table a {
    font-weight: bold;
}
.data-table input[type='checkbox'] {
    margin:0;
}

/*Gray Top Header*/
.top-head {
    background: #dddddd;
    padding: 5px;
    width: 100%;
}
.top-head a.table-btn {
    display: inline-block;
    background: white;
    padding: 3px 5px;
    font-size: 12px;
    border: 1px solid #a4a4a4;
    color: #797979;
    text-decoration: none;
    font-weight: bold;
}
.top-head a.table-btn:hover {
    border: 1px solid #454545;
    color: #454545;
}
.top-head input {
    border: 1px solid #a4a4a4;
    padding: 3px 5px;
}
.top-head input[type="text"] {
	border: 1px solid #a4a4a4;
	padding: 5px;
	margin: 0;
	width: 150px;
}
.top-head input.table-btn {
    font-size: 12px;
    padding: 2px 5px;
    background: white;
    font-weight: bold;
    color: #797979;
}
.top-head input.table-btn-hover {
    border: 1px solid #454545;
    color: #454545;
    cursor: pointer;
}
.top-head input.table-sec-btn {
    border: 0;
    background: transparent;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 5px;
    color: #797979;
}
.top-head input.table-sec-btn-hover {
    color: #454545;
    cursor: pointer;
}

/*Totals Rows*/
.data-table .total-border {
    border: 0;
    border-top: 3px solid #333 !important;
}
/*Remove Border*/
.data-table .no-border td, .data-table .no-border {
    border: 0 !important;
}
.data-table .no-border.tr-hover, .data-table tr.no-border.alt, .data-table tr.totals.alt, .data-table tr.totals.tr-hover {
    background: none;
}

/* ======================
Document List and Icons
====================== */
.doc-list {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.doc-list img {
	margin: 0 0px 10px 0;
}
.doc-list h4 {
	margin-bottom: .5em;
}
.doc-list h4 a {
	color:inherit;
}

.doc-list a.txt,
.doc-list a,
.doc-list .rtf {
    display:inline-block;
    padding-left:20px;
    background:url(../images/icon-file.png) 0 0 no-repeat;
}
.doc-list a[class*="doc"],
.doc-list .odt {
    display:inline-block;
    padding-left:20px;
    background:url(../images/icon-word.png) 0 0 no-repeat;
}
.doc-list a[class*="xls"],
.doc-list a.xl,
.doc-list a.ods {
    display:inline-block;
    padding-left:20px;
    background:url(../images/icon-excel.png) 0 0 no-repeat;
}
.doc-list a.pdf  {
    display:inline-block;
    padding-left:20px;
    background:url(../images/icon-pdf-sm.png) 0 0 no-repeat;
}
.doc-list a.csv  {
    display:inline-block;
    padding-left:20px;
    background:url(../images/icon-csv-sm.png) 0 0 no-repeat;
}
.doc-list a.jpg,
.doc-list a.jpeg,
.doc-list a.png,
.doc-list a.gif  {
    display:inline-block;
    padding-left:20px;
    background:url(../images/icon-image.png) 0 0 no-repeat;
}
.doc-list .no-icon {
	background:none;
	padding:0;
}

/* ======================
Filter
====================== */
.filter {
    border:1px solid #dddddd;
    border-left:0;
    border-right:0;
    margin:0 0 20px 0;
	width:100%;
	float:left;
}

.filter form {
    padding:10px 0;
}
.filter p {
    margin-right:5px;
	margin-bottom:0 !important;
}
.filter label {
    padding:0;
}
.filter table {
	width:100%;
}
.filter .btns {
	float: right;
	width: 100%;
	text-align: right;
	margin: 10px 0;
}
.filter .btns input {
	margin-left: 5px;
}
.filter #open-all, #toggle-filter a {
	font-style: italic;
	color: #a4a4a4;
}
#toggle-filter {
	padding:0 0 5px 0;
}
.filter .btns .records {
	display: inline-block;
	margin-right: 10px;
}

/* ======================
Forms
====================== */
[id*='mce'] {
	clear: both;
}
label {
    font-weight: bold;
    padding: 0 0 10px 0;
    display: inline-block;
	width:100%;
    line-height: 1.5em;
	font-size: ;
	font-family: ;
	color: ;
}
input[type="text"], textarea, input[type="password"] {
	margin: 0 0 10px 0;
    padding: ;
    border:   ;
	background: ;
}
select {
	margin:0 0 10px 0;
}
input[type="text"], textarea, input[type="password"] {
	width:300px;
	max-width:95%;
}
input[type="checkbox"], input[type="radio"] {
	margin:0;
}
input.mini {
    width: 30px;
}
input.sm {
    width: 70px;
}
fieldset {
    padding: 20px;
    border: 1px solid #dddddd;
    margin: 20px auto;
}
legend {
    font-weight: bold;
    font-size: 18px;
}

/*Layout Form*/
.help-text {
	margin: 0 0 5px 0;
	font-style: italic;
	color: ;
	font-size: ;
	font-family: ;
	font-weight:normal;
	display:block;
}
.ques-group {
	padding: 0 0 10px 0;
	float:left;
	width:100%;
}
.section-head {
	font-size:;
	font-family: ;
	color: ;
	clear:both;
}
.section-head p {
	padding: 0;
	margin: 0 !important;
	line-height: 1em;
}

/* Older forms found in Meeting Registration, Member Account*/
.new-form {
    padding: 0;
    margin: 0;
}
.new-form input[type="text"], .new-form textarea {
	max-width: none;
}


/*==========
Inline Labels
==========*/
.inline-label label {
    display: inline-block;
    width: 200px;
}
.inline-label input[type="text"] {
    width: 300px;
}
.inline-label input[type="text"].no-margin {
    margin: 0;
}
.inline-label .edit {
    margin: -10px -10px 0px 0 !important;
}


.inline-label .ques-group label {
	width: 40%;
	float: left;
	margin-right:2%;
}

.inline-label .ques-group .input-group {
	width:58%;
	float:left;
}
.inline-label .ques-group .full {
	width: 100%;
}

/*==========
Forms that require payment
==========*/
form.pmt {
	width: 70%;
	margin: 0 auto;
}
form.pmt fieldset {
	width: 100%;
}
form.pmt input[type="text"] {
	width: 95%;
	max-width: none;
}
form.pmt .col_1col100 input[type="text"] {
	width: 97.5%;
}
form.pmt [class*="col"] .col_2col50.last input {
	width: 80%;
}


/* ======================
Icons
====================== */
h3.cart {
    background: url(../images/icon-cart.gif) left top no-repeat;
    padding-left: 20px;
}
.print {
    background: url(../images/icon-print.gif) left center no-repeat;
    padding: 3px 0 3px 20px;
}

/* ======================
Messages
====================== */
.error {
    border: 1px solid #8d0202;
    clear: both;
    padding: 10px;
    margin: 20px 0;
    color: #8d0202;
    background: #e3bcbc;
}
.confirm {
    padding: 10px;
    border: 1px solid #a6da1e;
    background: #e6fab1;
    margin: 10px 0;
}
.msg {
    background:#f6f6f6;
    border:1px solid #dddddd;
    padding:2%;
    float:left;
    width:96%;
    margin:0 0 10px 0;
}

/* ======================
Pagination
====================== */
#middle_column_td .page-nav {
    text-align:right;
    margin:20px 0 20px 0px;
    border-bottom:1px solid #dddddd;
    padding-bottom:20px;
    list-style:none;
}
.page-nav li {
    display:inline;
    margin:0 1px;
}
.page-nav li:last-child {
    margin-right:0;
}
.page-nav strong {
    color:#333;
}
.page-nav a {
    text-decoration:none;
    display:inline-block;
    padding:5px;
    border:1px solid #dddddd;
    background:#f6f6f6;
    color:#454545;
    font-size:11px;
}
.page-nav a.current,
.page-nav a.current:hover,
.page-nav a:hover   {
    background:#333;
    color:white;
    border:1px solid #333;
}

/*Alphabetic Page Nav*/
.page-nav.alpha li:first-child {
	display: block;
	padding: 0 0 10px 0 !important;
	margin: 0 -10px 0 !important;
}

/* ======================
Password Strength Meter
====================== */
.testresult, .confirm-pass, .error-pass {
    font-size:12px;
    font-weight:bold;
    display:block;
    width:212px;
}
.goodPass   {
    border-top:8px solid #dda101;
    color:#dda101;
}
.shortPass, .badPass, .error-pass  {
    border-top:8px solid #8d0202;
    color:#8d0202;
}
.strongPass, .confirm-pass {
    border-top:8px solid #648a00;
    color:#648a00;
}

/* ======================
Tooltips
====================== */
.tip {
    padding: 2px 18px 5px 0;
    background: url(../images/icon-info.gif) right top no-repeat;
}
.tipsy {
    background: #eeeeee;
    padding: 0 2px 2px 0px;
    text-align: left;
    color: #333;
    font-size: 11px;
}
.tipsy .arrow {
    background: url(../images/tooltip-arrow.gif) left center no-repeat;
    width: 12px;
    height: 100%;
    display: block;
    position: absolute;
    left: -10px;
    top: -2px;
}
.tipsy-inner {
    background: white;
    padding: 10px;
    border: 1px solid #ccc;
    margin: -2px 0 0 -2px;
    width: 200px;
}
.tipsy-inner {
}
.tipsy-north {
background-position: top center;
    }
.tipsy-south {
    background-position: bottom center;
}
.tipsy-east {

}
.tipsy-west {
    margin-left: 10px;
}

/* ======================
Tabs
====================== */
#tabs .ui-tabs-nav .ui-state-default a {
    color:#a4a4a4;
}
#tabs .ui-tabs-nav .ui-state-active a, .ui-tabs-nav .ui-state-hover a {
    color:#333;
}
#tabs .tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
#tabs .tabs-nav li {
    display: inline-block;
    border: 1px solid #ddd;
    border-bottom: 0;
    margin: 0 2px 0 0;
}
#tabs .tabs-nav a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #a4a4a4;
    background: #f6f6f6;
    padding: 5px;
}
#tabs div[id*="tabs-"] {
    border: 1px solid #ddd;
    padding: 2%;
    float:left;
    width:96%;
}
#tabs .tabs-nav a.active {
    background: white;
    color: #333;
    border-bottom: 2px solid white;
    margin-bottom: -2px;
}
#tabs .tabs-nav a:hover {
    background: white;
    color: #333;
}



/* ======================
Top Step Arrows
====================== */
#steps {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
#steps li {
    float: left;
    background: #a4a4a4 url(../images/steps-bkg.gif) right top no-repeat;
    height: 16px;
/*  padding: 8px 5px;*/
    padding: 8px .5%;
    color: white;
    font-weight: bold;
    line-height:1em;
}

#steps span {
    margin-top: -5px;
    display: block;
    line-height: 1em;
}
#steps li.last {
    background-image: url(../images/steps-last-bkg.gif);
}
#steps li.prev {
    background-image: url(../images/steps-prev-bkg.gif);
}
#steps li.current {
    background: #3c3c3c url(../images/steps-active-bkg.gif) right top no-repeat;
    color: white;
}
#steps li.current-last, #steps li.current.last {
    background: #3c3c3c url(../images/steps-last-current-bkg.gif) right top no-repeat;
}

/*3 Step Process*/
#steps.three li {
/*  width: 223px;*/
    width:32.333333%;
}
/*4 Step Process*/
#steps.four li {
/*  width: 160px;*/
    width:24%;
}
/*5 Step Process*/
#steps.five li {
/*  width: 130px;*/
    width:19%;
}


/* ====================================================================
Section 5 - Page Specific Styles
==================================================================== */


/*==================
Classifieds
==================*/
/* -- Landing Page -- */
.class-landing {
	padding: 2%;
	border-bottom: 1px solid #ddd;
}

.class-landing:nth-child(2n+1) {
	background: #efefef;
}
.class-landing p, .class-landing h3,
.class-detail h3 + p, .class-detail h3 {
	margin: 0;
	padding: 0;
}

.class-landing .last,
.class-detail .last {
	text-align: right;
}
.class-landing .clear {
	height: 0px;
}
.class-landing h3 a {
	color: inherit;
	text-decoration: none;
}
.class-landing h3 a:hover {
	text-decoration: underline;
}

/* -- No Landing Page -- */
.no-landing .class-detail {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
.no-landing .class-detail a[href="classifieds.php"] {
	display:none;
}

/*==================
Member Directory
==================*/
.mem-directory .col1 td td {
	vertical-align: top;
}
.mem-directory div[class*="col"] {
	text-align: center;
}
.mem-directory .col1 {
	text-align: left !important;
}
.mem-directory h3 {
	margin: 0 0 5px 0;
}
.mem-directory th a {
	color: white;
	text-decoration: none;
}
.mem-directory th a:hover {
	text-decoration:underline;
}

.directoryphp .view {
	padding: 15px 0;
}
.directoryphp .view li:first-child {
	padding: 8px 0;
}
.directoryphp .view li {
	display: inline-block !important;
	margin: 0 5px 0 0;
}
.directoryphp .view li a {
	text-decoration:none;
}
.directoryphp .view li.print {
	background-image:none;
	float:right;
}

/*==================
Corp Membership
==================*/
.add h2 {
    display: inline-block;
    margin-right: 10px !important;
}
.data-table.corp-member p {
    margin-bottom: 0;
}
.data-table.corp-member .col1 {
    margin: 0 auto;
    text-align: center;
}

#edit-reg label {
    display: inline-block;
    width: 100px;
}
#edit-reg .btns {
    margin: 15px 0 0px 0
}

form.corp-member {
    width: 80%;
    margin: 0 auto;
}
.corp-member fieldset {
    float: left;
    width: 95%
}
.corp-member .btm-border {
    float: left;
    width: 100%;
}
.corp-member p {
    margin-bottom: 5px;
}
.corp-member input.mini {
    width: 30px !important;
    margin: 0 auto;
    margin-bottom: 10px;
}
.corp-member input.sm {
    width: 100px !important;
}
.corp-member input[type="checkbox"], .corp-member select {
    margin: 0 0 10px 0;
}

.corp-memberphp .left, .corp-memberphp .right {
    width: 48%;
}
#step2Form.inline-label label {
    vertical-align: top;
}
.pickSub label {
    width: 300px;
}
.corp-memberphp h3 .sec-btn {
    float: right;
    margin: -10px 0 0 0;
}
.corp-memberphp .tipsy .arrow {
	background: url(../images/tooltip-arrow-right.gif) left center no-repeat;
	left: 219px;
}
.corp-member .testresult, .corp-member .confirm-pass, .corp-member .error-pass {
	margin-left: 204px;
}

/* ======================
Community Screens
====================== */
.post {
    margin-bottom: 3em;
}
.post:first-child {
    margin-top: 0;
}
h1.entry-title {
    margin-bottom: 5px;
}
.entry-title a {
    color: inherit;
    text-decoration: none;
}
.entry-title a:hover {
    text-decoration: underline;
}
.entry-meta {
    color: #A4A4A4;
    line-height: 1em;
    margin: 0 0 1em;
}
.entry-meta .comments {
    background: url("../images/icon-comment.png") no-repeat scroll 0 -4px transparent;
    color: #333333;
    display: inline-block;
    font-weight: bold;
    height: 30px;
    margin: 0 5px -12px;
    padding-top: 6px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 32px;
}
#comments ol {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#comments ol ol {
    float: left;
    margin: 1em 0 0 5.5em;
}
#comments li {
    border-bottom: 0 none;
    border-top: 1px solid #DDDDDD;
    clear: both;
    float: left;
    padding: 1.5em 1%;
    width: 98%;
}
#comments li ol {
    width: 96%;
    margin: 1.5em 1% 0 3%;
}
#comments li li {
    padding-bottom: 0;
}
#comments > ol > li:last-child {
    border-bottom: 1px solid #DDDDDD;
}
#comments li:nth-child(odd) {
    background: #EFEFEF;
}
#comments li li:nth-child(odd) {
    background: transparent;
}
#comments li img {
    float: left;
    margin: 0px 10px 10px 0;
}
#comments h3 {
    margin-bottom: 5px;
}
#comments small {
    color: #A4A4A4;
    display: block;
    margin-bottom: 1em;
}
#comments .sec-btn {
    float: left;
}
#comments .comment-content {
    float: left;
    width: 88%;
}
#comments label, .blogphp .ui-dialog label, .forumphp .ui-dialog label {
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 100%;
}
#comments input[type="text"], #comments textarea, .blogphp .ui-dialog input[type="text"], .blogphp .ui-dialog textarea, .forumphp .ui-dialog textarea, .forumphp .ui-dialog input[type="text"] {
    margin: 0 0 1em;
    width: 70%;
}
#comments textarea, .blogphp .ui-dialog textarea, .forumphp .ui-dialog textarea {
    height: 100px;
    width: 97%;
    margin: 0 0 5px 0;
}
#comments input[type='checkbox'], .blogphp .ui-dialog input[type='checkbox'], .forumphp .ui-dialog input[type='checkbox'] {
    margin: 0 0 10px 0;
}

/*Calendar*/
.entry-date-time {
    margin: 1em 0;
}
.entry-date-time p {
    margin: 0;
}
.entry-date-time strong {
    display: inline-block;
    width: 50px;
}
.entry-date {
    font-weight: bold;
}

/*Forum*/
#start-thread-link {
    float: right;
    position: relative;
    z-index: 50;
}

#start-thread .text-input {
    width: 50%;
}
#start-thread textarea {
    width: 95%;
    height: 150px;
}
#start-thread {
    margin: 1.5em 0;
    padding: 10px;
    background: #efefef;
}

/*Pop Ups*/
#login .text-input, #subscribe .text-input {
    width: 95%;
}

/* ======================
Photo Gallery
====================== */
#gallery {
	width:100%;
}
.img {
	width: 19%;
	margin-right: 1%;
	margin-bottom:10px;
	float: left;
	position:relative;
}
.img a {
	text-decoration:none;
}
.img .caption div {
	margin: 0;
	padding: 5px;
	border:1px solid #ddd;
	border-top:0;
	line-height:1.5em;
}
.img .thumb {
	height: 150px;
	overflow: hidden;
	border: 1px solid #ddd;
	background:#f6f6f6;
}
.img .thumb img {
	display:block;
	margin:0 auto;
}
.img .social {
	position: absolute;
	bottom: 47px;
	right: 0px;
	text-align: right;
	padding: 5px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	width:94%;
}

/*Lightbox Page Section*/
[id*="gallery-section"] {
	width:100%;
	float:left;
	margin:0 0 10px 0;
}
[id*="gallery-section"] .lightboxPop {
	width: 120px;
	float: left;
	display: block;
	height: 120px;
	overflow: hidden;
	margin:0 5px 5px 0;
}
[id*="gallery-section"] a img {
	max-width:none;
	height:100%;
}
[id*="gallery-section"] .prime-btn {
	clear: both;
	float: left;
	margin-top: 5px;
}

/* ======================
Social Media
====================== */
.social a {
	text-decoration:none;
}
/* ======================
Videos
====================== */
.vid {
	width: 32%;
	margin-right: 1%;
	float: left;
	height:;
}
.vid .thumb {
	overflow: hidden;
	position:relative;
}
.vid .thumb .time {
	padding: 5px;
	width: auto;
	display: inline-block;
	color: white;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}
.vid  .caption {
	color: black !important;
	padding: 5px 5px 5px 0;
	line-height:1.5em;
}
.vid .thumb img {
	display: block;
	margin: 0 auto;
	width:100%;
}
.share a {
	text-decoration:none;
}
.flowplayer .social {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-align: right;
	padding: 5px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	width:96%;
	position:relative;
	z-index:500;
}

/* ======================
Surveys
====================== */
.result {
	margin-bottom: 30px;
}
.result h4 {
	margin-bottom: 1em;
}
.result p {
	margin-bottom: .5em;
}
.result span {
	display: inline-block;
	/* height: 15px;
	background: #666;
	width: 50%; */
}

/* ======================
Site Map
====================== */
.sitemapphp ul ul {
	margin-bottom: 0 !important;
}

/* ======================
Sponsors
====================== */
#footer-sponsors table {
        table-layout:fixed;
}

/* ======================
Meeting Registration Interface
====================== */


/*Login Box Update - For Membership Launch*/
#reg-login-box.login-box {
    width: 56%;
    float: left;
    padding: 2%;
}
#reg-login-box.login-box table {
    margin:0;
    width:auto;
}
#reg-login-box.login-box h2 {
    margin-top: 0;
}
#reg-login-box.login-box .text-input {
    width:90%;
}
#reg-login-box.login-box .left, #reg-login-box.login-box .right {
    float: left;
    width: 49%;
}
#reg-login-box.login-box .left {
    border-right: 1px solid #dddddd;
}
#reg-login-box.login-box .right {
    margin-left: 2%;
    width:48%;
}
#reg-login-box.login-box .new-form .btn-shadow {
    width:95%;
}
#reg-login-box.login-box .new-form .btn-shadow button, #reg-login-box.login-box .right .btn-shadow button {
    width:100%;

}
#reg-login-box.login-box .new-form a {
    display: inline-block;
    padding: 10px 0 0 0;
}

#reg-login-box.login-box .login-inner {
    padding: 0px;
    background:none;
    float: left;
    width: 100%;
}

/*Meeting Information*/
.meeting-info {
    float: left;
    width:37%;
    margin:0 0 0 2%;
    padding:0 0 10px 0;
}
.meeting-info h2 {
    margin:0;
}
.meeting-info img.meet-icon {
    float: left;
    margin-right: 10px;
    max-width: 100px;
    margin-top: 1em;
}
.meeting-info .details {
    float: left;
    line-height: 1.5em;
}
.meeting-info .date, .meeting-info .venue {
    color: black;
    font-weight: bold;
    font-size: 1em;
}
.meeting-info .time {
    font-style: italic;
}


/*-------------------------
Meeting Registration - Step 2 (contact info)
-------------------------*/
.meet-reg2 {
/*  width: 540px;*/
    width:80%;
    margin: 0 auto;
}
.meet-reg2 label, .meet-reg2 input, .meet-reg2 textarea {
    width: 100%;
}
.meet-reg2 .left, .meet-reg2 .right {
/*  width: 250px;*/
    width:50%;
    float: left;
}
.meet-reg2 .left {
/*  margin-right: 20px;*/
    width:46%;
    margin-right:4%;
}
.meet-reg2 .clear input, .meet-reg2 .clear textarea, .meet-reg2 .text-input {
    width: 100%;
}
.meet-reg2 textarea {
    height: 100px;
}



/*-------------------------
Meeting Registration - Step 3+4 (tix)
-------------------------*/
.meet-reg3php .content div[id*="middle_column_td"] {
	float: left;
}
.meet-reg3 {
    width: 100%;
    float: left;
}
.meet-reg3 .left, .meet-reg4 .left {
/*  width: 300px;*/
    width: 43%;
    float: left;
    margin: 0px 5% 0 0px;
}
.meet-reg3 .right, .meet-reg4 .right {
/*  width: 350px;*/
    width: 50%;
    float: left;
    margin: 0px 0px 0 0;
}
.meet-reg3 .left label {
    width: 100%;
}
.meet-reg3 .left .mini {
    margin-right: 5px;
    vertical-align: 1px;
}
.meet-reg3 .left div {
    margin: 0 0 20px 0;
}
.meet-reg3 .right .sm {
    width: 100px;
    display: inline;
    margin-right: 0px;
}
.meet-reg3 .right .total .prime-btn {
    margin: 0;
}
.meet-reg3 .col1, .meet-reg4 .col1 {
    width: 155px;
    text-align: left;
}
.meet-reg3 .head .col1, .meet-reg4 .head .col1 {
    width: 100%;
}
.meet-reg3 .col2, .meet-reg4 .col2, .meet-reg3 .col3, .meet-reg4 .col3, .meet-reg3 .col4, .meet-reg4 .col4 {
    text-align: center;
}
.meet-reg3 .head .col3, .meet-reg3 .head .col4, .meet-reg4 .head .col3, .meet-reg4 .head .col4 {
    width: 30px;
    margin: 0 auto;
}
.meet-reg3 .col4, .meet-reg4 .col4 {
    text-align: right;
}


#add-tix label {
    max-width: 100%;
}


/*-------------------------
Meeting Registration - Step 4 (order review)
-------------------------*/
.meet-reg5 table {
    max-width:500px;
	width:100% !important;
}

.meet-reg5 .edit {
	margin: 0 0 5px 0;
	float: left;
}

.meet-reg5 .left {
    margin-right: 20px;

}
.meet-reg5 .data-table {
    width: 100%;
    margin: 10px 0 0 0;
}
.meet-reg5 .col1 {
    text-align:left;
}
.meet-reg5 .data-table .col2, .meet-reg5 .data-table .col3 {
    text-align: center;
}
.meet-reg5 .head .col2, .meet-reg5 .head .col3, .meet-reg5 .head .col4 {
    width: 30px;
    margin: 0 auto;
}


/*-------------------------
Meeting Registration - Step 5 (payment)
-------------------------*/
.meet-reg4 .left label {
    width: 100%;
}
.meet-reg4 .left div {
    margin: 0 0 10px 0;
}
.meet-reg4 .left .tipsy-east {
    margin-left: 140px;
}
.meet-reg4 .left .text-input {
    width:95%;
}
.meet-reg4 .left .sm {
    width: 100px;
}



/*-------------------------
Meeting Registration - Step 6 (all done)
-------------------------*/
.meet-reg6 table {
	width: 100% !important;
}

.meet-reg6 .left, .meet-reg6 .right {
    float: left;
    margin-right: 40px;
}
.meet-reg6 h2 {
    clear: both;
    padding: 0 0 10px 0;
}
.meet-reg6 .data-table {
    margin-bottom: 20px;
    width: 98%;
}
.meet-reg6 .head .col2, .meet-reg6 .head .col3, .meet-reg6 .order-table .head .col4 {
    width: 30px;
    margin: 0 auto;
    text-align: center;
}

.meet-reg6 .order-table .col2 {
    text-align: center;
}
.meet-reg6 .col3 {
    width: 100%;
    text-align: center;
}
.meet-reg6 .order-table .col4 {
    text-align: right;
    margin: 0 auto;
    width: 100%;
}

.meet-reg6 .pmt .col1 {
    width:100%;
}
.meet-reg6 .pmt .col2 {
    width: 200px;
}
.meet-reg6 .pmt .head .col2 {
    text-align: center;
    width: 100px;
}

/*Adjustments for 3 column layouts*/
[class*="meet-reg"] [class*="col_3col"] #steps li {
	font-size: .8em;
}
[class*="col_3col"] [class*="meet-reg"] .left, [class*="col_3col"] [class*="meet-reg"] .right {
	width: 100%;
	float: none;
}
[class*="col_3col"] .meet-reg5 td {
	display: block;
	width:92%;
}
[class*="col_3col"] .meet-reg5 fieldset {
	width:100%;
}
[class*="col_3col"] .meet-reg5 .data-table td {
	width: auto !important;
	display: table-cell;
}


/* ======================
Member Area Interface
====================== */

/*-------------------------
Pay Dues
-------------------------*/
#reg-login-box .login-box table {
    width:100%;
    margin:0 auto;
}
#reg-login-box .login-box .text-input {
    width:96%;
}
#reg-login-box .login-box .btn-shadow {
    float:left;
}
.memberdues3php #reg-login-box {
    margin:10px auto;
    float:none;
}
.memberdues3php .login-inner {
    width:400px;
}
.memberdues3php #reg-login-box label {
    width:100%;
}
.memberdues3php #reg-login-box .text-input {
    margin-right:0;
    width:380px;
    float:left;
}
.memberdues3php #reg-login-box .btn-shadow {
    margin-right:10px;
    float:right;
}
.memberdues3php .italic {
    float:right;
    width:100%;
    text-align:right;
    margin-right:10px;
}
.pay-dues1 fieldset, .mem-app2 fieldset {
    width:auto;
    max-width:500px;
}
.pay-dues1 table {
    margin:0 0 20px 0;
}
.pay-dues1 h3, .mem-app2 h3 {
    margin:0 0 5px 0;
}
.pay-dues1 p, .mem-app2 p {
    margin:0 0 5px 0;
}
.pay-dues1 input[type="radio"], .mem-app2 input[type="radio"] {
    margin:0;
}
.pay-balance2 .left {
    width: 300px;
    float: left;
    margin: 0px 20px 0 0px;
}
.pay-balance2 .right {
    width: 360px;
    float: left;
    margin: 0px 0px 0 0;
}

.pay-balance2 label {
    width:100%;
}
.pay-balance2 .text-input {
    width:230px;
}

/*-------------------------
Account Editor
-------------------------*/
.account_info3php .tipsy-east {
    margin-left:275px;
}
.account-editor fieldset {
    width:auto;
    max-width:500px;
}
.account-editor .msg {
    float:none;
    margin:10px auto;
    width:65%;
}

.account_info3php #edit-group {
    display:none;
}
#edit-group #accordion {
    width:400px;
    margin-bottom:10px;
}
#edit-group .col2 {
    max-width:210px;
}
.group-desc td {
    background:#666;
    color:white;
    border:0;
    font-weight:bold;
}
.account-editor input[readonly='readonly'] {
    background:#efefef;
    color:#333;
}
.account-editor select {
    margin-bottom:10px;
}
.account-editor small {
    display:inline-block;
    margin-bottom:20px;
}
.account-editor .text-input {
    width:95%;
}

/*-------------------------
Event List
-------------------------*/
.event-list3php h3 {
    margin:0;
}
.event-list3php select {
    margin-right:5px;
}
.event-list3php .col3 {
    text-align:center;
}
.event-list3php .data-table {
    margin:10px 0;
	float:left;
}

/*-------------------------
Member Application
-------------------------*/
.mem-app1 .next, .mem-app2 .next, .mem-app3 .next, .mem-app4 .next, .mem-app5 .next {
    padding:5px;
    width:auto;
}
.mem-app1 fieldset, .mem-app2 fieldset, .mem-app3 fieldset,  .mem-app5 fieldset {
    width:500px;
}
.mem-app1 .text-input {
    width:300px;
}
.mem-app3 .data-table {
    margin:10px 0 0 0;
}
.mem-app3 .col2, .mem-app3 .col3 {
    text-align:center;
}
.mem-app3 .col4 {
    text-align:right;
}
.mem-app4 .left {
    width: 300px;
    float: left;
    margin: 0px 20px 0 0px;
}
.mem-app4 .right {
    width: 360px;
    float: left;
    margin: 0px 0px 0 0;
}
.mem-app4 label {
    width:100%;
}
.mem-app4 .text-input {
    width:230px;
}

/*-------------------------
Pay Balance
-------------------------*/
.pay-balance h3 {
    margin:0;
}
.pay-balance .col2 {
    width:270px;
}
.pay-balance .col3 p, .pay-balance .col4 p, .pay-balance .col5 p, .pay-balance .col6 p {
    margin-bottom:0px;
}
.pay-balance .col3 p {
    text-align:center; /* Date */
    margin-bottom:0px;
}
.pay-balance .col4 p, .pay-balance .col5 p {
    text-align:right; /* Invoice elements */
}

/*-------------------------
Order History
-------------------------*/
.order-history h3 {
    padding:0;margin:0;
}
.order-history .col3, .order-history .col4, .order-history .col5 {
    text-align:center;
}
 .order-history .col6 {
    text-align:right;
}
.order-history .btn-shadow {
    margin-right:0;
    float:right;
}
/*-------------------------
Order Detail
-------------------------*/
.order-detail h3 {
    padding:0;
    margin:0;
}
.order-detail .order-table .col1 {
    text-align:left;
}
.order-detail .order-table .col2, .order-detail .order-table .col3 {
    text-align:center;
}
.order-detail .order-table .col4 {
    text-align:right;
}
.order-detail .pmt  {
    margin-top:10px;
}

/*-------------------------
Login Screen
-------------------------*/
.login-box {
    padding:10px;
    border:1px solid #dddddd;
    background:#f6f6f6;
    width:50%;
    margin:0 auto 20px auto;
}
.login-box table {
    margin:0 auto;
    width:100%;
}
.login-box .text-input {
    width:97%;
}
.login-box h3 {
    margin:0 0 10px 0;
}
.login-box .btn-shadow {
    margin-left:2px;
}


/*-------------------------
Supervisor Page
-------------------------*/
.supervisor {
    width:80%;
    margin:0 auto;
}
.supervisor .top-head {
    margin-top:10px;
}
.supervisor select {
    margin-right:10px;
}
.supervisor .col1 {
    text-align:center;
}

/*-------------------------
Create an Account (non-member)
-------------------------*/
.create-account label {
    width:100%;
}
.create-account .text-input {
    width:98%;
}
.create-account select {
    margin-bottom:10px;
}
#middle-col-full .create-account {
    width:70%;
    margin:0 auto;
}

/*-------------------------
Add a Prospect
-------------------------*/
#middle-col-full .add-prospect  {
    width:500px;
    margin:0 auto;
}
#middle-col .add-prospect  {
    width:400px;
    margin:0 auto;
}
.add-prospect .text-input {
    width:100%;
}

/* ======================
Newsletter Archives
====================== */
#news-arch {
    width:100%;
}
#news-arch td {
    border:1px solid #dddddd;
    padding:10px;
}
#news-arch ul {
    list-style:none;
    margin:0 0 10px 0;
    padding:0;
}
#news-arch h2 {
    padding:0;
    margin:0 0 10px 0;
}

/* ======================
Calendar Sidebox
====================== */
.side-cal {
    border-collapse:collapse;
}
.side-cal a {
    color:black;
    text-decoration:none;
}
.side-cal td {
    border:1px solid #dddddd;
}
.side-cal {
    text-align:center;
    width:100%;
}
.side-cal th {
    background:#333;
    color:white;
}
.side-cal .prev a {
    color:#a4a4a4;
}
.side-cal .event {
    background:#a4a4a4;
    color:white;
    font-weight:bold;
}
.side-cal .no-border {
    border:0;
}
.side-cal a .gray:hover  {
    color:#666;
}
.side-cal a.event {
    border:0;
}



/* ==================================
Gallery Page
================================== */
#gallery {
    float:left;
    padding:0;
    margin:0;
}
#gallery li {
    float:left;
    margin:0;
    padding:5px;
    width:48%;
}

/* ==================================
Member Lookup by Address
================================== */
.member-search #sidebar {
    background:#ececeb;
    height:380px;
    overflow:auto;
    border:1px solid #dddddd;
    padding:10px;
}
.member-search .search input, .member-search .search strong, .member-search .search button.prime-btn  {
        display:inline-block;
}
.member-search .search {
    width:100%;
    padding:0 0 20px 0;
}
.member-search .search input[type='text'] {
    margin:0 5px 0 0;
    width:200px;
}
.member-search #map img {
    max-width:none;
}
/*==================
Catalog
==================*/
.catalogphp h2 {
	clear: both;
}
.catalogphp .breadcrumbs {
	width: 80%;
	float: left;
	margin-top: 10px;
}

.cart {
	margin-bottom: 20px;
}
.cart h2 {
	display: inline-block;
}
.cart .prime-btn {
	float: right;
	color:auto;
}
.content-container.catalog {
	margin-bottom: 20px;
}
.price {
	padding: 10px;
	background: #f6f6f6;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 10px;
}
.desc, .qty {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.5em;
}
.qty {
	padding-bottom:1.5em;
}
.catalogphp #slider, .catalogphp #carousel {
	margin:0;
	padding-right:10px;
}
.catalogphp #carousel img {
	max-width: 100px;
}
.catalogphp #carousel {
	margin: 10px 0;
}
.catalogphp #reg-login-box {
	width: 94%;
	float: left;
}
#cart-login-box input[type="text"], #cart-login-box input[type="password"] {
	width: 90%
}
#cart-login-box {
	width: auto;
	float: left;
}
#cart-login-box .left, #cart-login-box .right {
	width: 48%
}
#cart-login-box .left {
	border-right: 1px solid #ddd;
	padding-right: 1%;
}
#cart-login-box .prime-btn.next {
	width: 100% !important;
}
#cart-login-box .btn-shadow {
	width: 98%;
}

.cart .col2 img {
	float: left;
	margin-right: 5px
}
.cart h3 {
	margin-bottom: 0;
}
.cart img {
	max-width: 60px;
}
.cart [class*="col"] {
	text-align:center;
}
.cart .col2 {
	text-align:left;
	width:150px;
}
.cart .no-border input[type="text"] {
	width: 100px;
}
.cart tr.no-border:nth-child(8) td {
	font-size: 1.2em;
}
.cart2 .left, .cart2 .right {
	width: 50%;
}
.catalog .prime-btn {
	margin-top: 10px;
}
.catalog {
	margin-bottom: 30px !important;
}
.catalog > a:first-child {
	display: block;
	min-height: 236px;
}
.catalog .desc {
	border: 0;
	margin: 0;
	padding: 0;
}
.catalog .desc p {
	margin-bottom:0 !important;
}
.catalog img {
	max-width:100%;
}
/*Single Screen Checkout*/
.box {
	margin-bottom: 10px;
	float: left;
	width: 96%;
	padding: 2%;
}
.box.open > h2 {
	border-bottom: 1px solid #ddd;
	padding: 5px 10px 10px;
	margin: 0 -10px 10px -10px !important;
}
.box.open {
	border: 1px solid #dddddd;
}
.box .left, .box .right {
	width: 50%;
	margin: -10px 0;
	padding: 10px 0;
}
.box .left {
	border-right: 1px solid #ddd;
	width: 45%;
	padding-right: 2%;
	margin-right: 2%;
}

.box.closed {
	background: #a4a4a4;
	border:1px solid #a4a4a4;
	float: left;
	width: 96%;
	padding: 2%;
	color: white;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.3em;
}
.box.inactive {
	background: #efefef;
	border:1px solid #ddd;
}
.box.inactive > h2 {
	color:#333;
	padding:0;
}
.box.inactive .left {
	border:0;
}

.box fieldset {
	border: 0;
	border-bottom: 1px solid #ddd;
	padding: 0;
	padding-bottom: 20px !important;
}
.box legend {
	padding: 0 0 15px 0;
}
.box .left {
	border: 0
}
.box input {
	max-width: 95% !important;
}
.box.inactive:first-child .right {
	text-align: right;
}
.box.inactive:first-child .left h2 {
	padding: 0;
	margin: 0 !important;
}
.box.inactive .prime-btn {
	float: right;
	margin: 0;
}
.box.inactive h2 {
	float: left;
	margin: 0 !important;
}

/* ====================================================================
Section 6 - Templates
==================================================================== */

/* ==================================
Latest Blog Post Template
================================== */
.blog-list {
    width:100%;
    margin:0 0 1.5em 0;
}

.blog-list h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.blog-list .thumb {
    width:23%;
    max-height: 90px;
    overflow: hidden;
    float:left;
    margin:3px 2% 1% 0;
}

.blog-list .info {
    float:left;
    width:75%;
}

.blog-list p {
    margin:0;
}

.light {color:#a4a4a4;}


/* ==================================
Slider
================================== */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flexslider .slides, .flexslider .slides li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0 0 40px;
	background: #fff;
	position: relative;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
.flexslider .slides li {
	width: 100%;
	position: relative;
}

.carousel li {
	margin-right: 5px
}

/*---------------Content Area------------*/
.flexslider .content-area {

  background: rgba(0,0,0,.65);
  bottom: 0;
  color: #FFFFFF;
  height: auto;
  padding:1%;
  position: absolute;
  width: 98%;

}


/* Direction Nav */
.flex-direction-nav {*height: 0;
}
.flex-direction-nav a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	background: url(../images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: -36px;
	border: 0;
}
.flex-direction-nav .flex-prev {
	left: -36px;
	border: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 5px;
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	border: 0;
}
.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter: alpha(opacity=30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -30px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1; *display: inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border: 0;
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,0.9);
	cursor: default;
	border: 0;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


/* ==================================
Misc Styles
================================== */

.caption {
    font-size:12px;
    color:black;
    font-weight:normal;
    line-height:1em;
}

a.sub_nav {
    color: #384063
}

a:hover.sub_nav {
    color: #295d50
}

.header3 {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

a.header3, a:link.header3, a:visited.header3, a:active.header3 {
    color: black;
}

a:hover.header3 {
    color: ;
}

.header2 {
    font-weight: bold;
}

.warnmsg {
    color: red;
    font-size: 14px;
}

.flat {
    border-style: solid;
    border-color: #666666;
    border-width: 1px;
    background-color: #eeeeee;
}

.date {
    font-size: 14px;
    font-weight: 500;
    color: #666
}

.copy {
    font-size: 12px;
    text-align: left;
    color: #dddddd;
    padding: 5px;
}

.large_header {
    font-size: 16px;
    font-weight: bold;
}
.medium_header {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}
.small_header {
    font-size: 13px;
    font-weight: bold;
}
.std_subheader {
    font-size: 18px;
    color: ;
}

.darklink {
    color: black;
    text-decoration: none;
    font-weight: bold;
}
.darklink:hover {
    color: #898787;
}
.sidebox label .search {
    font-size: 14px;
    margin: 0;
    padding: 0 5px 0 0;
}
.sitemap li {
    width: 80%;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    list-style-type: none;
}
.sitemap li a {
    color: #898787;
    text-decoration: none;
}
.sitemap li a:hover {
    color: #374373;
    text-decoration: none;
}

.gallery_nav li {
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    list-style-type: none;
}
.gallery_nav li a {
    color: #898787;
    text-decoration: none;
}
.gallery_nav li a:hover {
    color: #374373;
    text-decoration: none;
}

/*BREADCRUMBS*/

.breadcrumb {
    color: #666
}
.breadcrumb a:link {
    color: #666
}
.breadcrumb a:hover {
    color: #999
}

/*HELPERS*/
.recpt_tbl_bg {
    background-color: #a9a9a9;
}
.recpt_td_bg {
    background-color: #f5f5f5;
}
.pay_ttl_bg {
    background-color: #fcca68;
}
.pay_td_bg1 {
    background-color: #f5f5f5;
}
.pay_td_bg2 {
    background-color: #dcdcdc;
}
.pay_tr_bg {
    background-color: #F2F2F2;
}
.dir_cat_link,a.dir_cat_link, a:link.dir_cat_link, a:visited.dir_cat_link, a:hover.dir_cat_link, a:active.dir_cat_link {
    text-decoration: none;
    color: #384063;
}
a:hover.dir_cat_link {
    color: #999999;
}

.dir_cat_hr {
    color: #CCCCCC;
}
li.newsnav {
    list-style: circle;
}
.newsnav a {
    text-decoration: none;
    font-style: italic;
    color: #000000;
}
.newsnav a:hover {
    color: #999999;
}
.page_title {
    padding-top: 10px;
}
.rss_link {
    padding: 10px 10px 10px 10px;
}


/* member bio popup*/
#member {
    width: 450px;
    padding: 10px;
}

#member h2 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: black;
}

#member h3 {
    padding: 0;
    margin: 0;
    font-style: italic;
    font-weight: normal;
    color: black;
}

#info {
    list-style: none;
    padding: 0;
    margin: 0;
}

#info li {
    padding: 0;
    margin: 0;
}

#info address {
    font-style: normal;
    padding: 0;
    margin: 0;
    line-height: 1em;
}

#info .bold {
    font-weight: bold;
    width: 80px;
    display: inline-block;
}

#info .indent {
    padding-left: 80px;
}

#description img {
    float: left;
    margin: 0 10px 5px 0;
}

/*Member Login*/
.login-link {
    text-align: center;
    margin-top: 15px;
}
a.login {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    background: url(../Image/login-icon.png) left top no-repeat;
    text-align: center;
    width: 102px;
    height: 34px;
    padding-top: 5px;
    color: ;
    text-decoration: none;
}
a.login:hover {
    color: ;
    text-decoration: none;
    background-position: left -40px;
}

.news_icon {
    float: left;
    padding-right: 10px;
}
.productDescriptionTd {
    width: 250px
}

/*Restricted Docs*/
a.restricted-doc {
    text-decoration: none;
    color: #a4a4a4;
    cursor: text;
}

.data-table th {
    background-color: #333;
}





/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

body, html {height:100%;}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera */
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height:100%;}


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=dddddd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=70&borderColorHeader=dddddd&fcHeader=222223&iconColorHeader=01009a&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=70&borderColorContent=dddddd&fcContent=222223&iconColorContent=a6da1e&bgColorDefault=f6f6f6&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=01009a&iconColorDefault=4d4d4d&bgColorHover=01009a&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=50&borderColorHover=000037&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=a6da1e&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=01009a&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=a6da1e&fcError=222222&iconColorError=a6da1e&bgColorOverlay=d1d1d1&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=b8b8b8&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=25&thicknessShadow=1px&offsetTopShadow=2px&offsetLeftShadow=3px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget {}
.ui-widget .ui-widget {}
.ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #222223; }
.ui-widget-content a { color: #222223; }
.ui-widget-header a { color: #222223; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #dddddd; background: #f6f6f6; font-weight: bold; color: #01009a; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #01009a; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus {}
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #dddddd; background: #ffffff; font-weight: bold; color: #a6da1e; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #a6da1e; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #cccccc; background: #ffffff ; color: #444444; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #444444; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #a6da1e; background: #ffffff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #222222; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #222222; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px;  }
.ui-widget-content .ui-icon { }
.ui-widget-header .ui-icon { }
.ui-state-default .ui-icon {  }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { }
.ui-state-active .ui-icon { }
.ui-state-highlight .ui-icon { }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-positioposition: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius:0px; }
.ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; }
.ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius: 0px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; }
.ui-corner-right {  -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; }
.ui-corner-left { -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }

/* Overlays */
.ui-widget-overlay { background: black; opacity: .60;filter:Alpha(Opacity=60); }
.ui-widget-shadow { margin: 2px 0 0 3px; padding: 1px; background: #b8b8b8 url(images/ui-bg_flat_0_b8b8b8_40x100.png) 50% 50% repeat-x; opacity: .25;filter:Alpha(Opacity=25); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size:1em; padding:5px; }
.ui-accordion .ui-accordion-header a:hover {color:#4d4d4d;}
.ui-accordion-icons .ui-accordion-header a {padding-left:25px;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; max-height:150px;}
.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	margin: -1px;
}
/* Button
----------------------------------*/

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */





/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; text-align:left;}
.ui-dialog .ui-dialog-titlebar { padding:10px 10px 10px 15px; position: relative;font-weight:bold;font-size:1.6em; margin-bottom:-10px; }
.ui-dialog .ui-dialog-title { float: left;font-size:24px; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right:0px; top:10px; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { position: relative;zoom: 1;border:0;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0;font-size:1em;}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap;z-index:2; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block;padding:20px; background: none;border:1px solid #dddddd; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.5px 0;font-size:1.1em;font-weight:bold; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/*------Calendar of Events------*/
.calendarphp #middle-col, .calendarphp #middle-col-full {overflow-x:visible;}
.calendarphp .header3 a {color:#ccc;}
.calendarphp .header3 a:hover {color:#666;}
.cal {width:90%;margin:10px auto;border:1px solid #ccc;border-collapse:collapse;}
.cal thead {background:#333;color:white;border:1px solid #333;font-size:14px;height:30px;}
.cal th {width:14%;}
.cal td {border:1px solid #ccc;vertical-align:top;padding:0;}
.cal .cal_current {padding:5px;min-height:100px;height:auto !important;height:100px;}
.cal_current .cal-day {background:#dddddd;margin:-6px -6px 10px -6px !important;margin:-8px -8px 10px -8px;padding:5px;color:#333;font-weight:bold;}
.cal_current .cal-day.today {background:#666;color:white;}
.cal_current .cal-event {border-bottom:1px solid #ccc;padding:5px 0;}
.cal_current .cal-event a {font-size:12px;color:#333;font-weight:bold;}
.cal_current .high-z {position:relative;z-index:2000;}
.cal .cal-event .cal-tooltip {border:1px solid #666;position:absolute;z-index:1001;bottom:30px;left:-10px;width:320px;background-color:#f9f9f9;color:#333;line-height:1.4;padding:10px;}
.cal .cal-event .cal-tooltip h5 {font-size:14px;font-weight:bold;background:#666;color:white;margin:-10px -10px 10px -10px;padding:5px;}
.cal .cal-event .cal-tooltip p.cal-date {font-style:italic;font-size:14px;color:#aaa;}

/*Calendar Details*/
.cal-dets h3 {color:black;padding:10px 0 0px 0;}
.cal-dets .cal-date {font-style:italic;color:#666;margin:5px 0 0px 0;}/*==============Custom CSS==============*/

/*==================================================
General
==================================================*/
/*Clear Fix*/
.container:before, .container:after {
	content: " ";
	display: table;
}
.container:after {
	clear: both;
}
/*For IE 6/7 only */
.container {*zoom: 1;
}

/*Scale Images and Media*/
img {
	max-width: 100%;
	height: auto;
}

/*Word Break*/
p a {
                -ms-word-break: break-all;
                word-break: break-all;
                word-break: break-word;            /* Non standard for webkit */
                -webkit-hyphens: auto;
                -moz-hyphens: auto;
                hyphens: auto;
}

/*==================================================
Header
==================================================*/

#header {
	margin: 0 0 10px 0;
}
#botnav {
	width: 65%;
	float: right;
	margin: -15px 0 0 0;
	padding: 0;
}
#logo {
	margin: 10px 0;
	float: left;
}
#outer {
	border-top: 5px solid black;
}

/*==================================================
Navigation
==================================================*/

#nav a {
	border-right: 1px solid #dbdbdb;
	padding: 0 10px;
}
#nav a:hover, #nav ul a, #nav ul a:hover, #nav.sf-menu .sfHover, #nav .sfHover a, #nav.sf-menu a.active {
	background: #fe4e01;
	color: white;
}

/*Drop Downs*/
#nav.sf-menu li:hover ul, #nav.sf-menu li.sfHover ul {
	left: 0;
	top: 66px; /* match top ul list item height */z-index:199;
}
#nav ul li {
	height: auto;
}
#nav.sf-menu .sf-sub-indicator {
	top: 20px;
}
#nav.sf-menu a.sf-with-ul {
	padding: 0 20px 0 10px;
}
#nav ul a {
	padding: 5px;
	line-height: 1em;
}
#nav ul a:hover {
	text-decoration: underline;
}
#nav.sf-menu li li {
	padding: 0;
}
#nav.sf-menu li:hover, .sf-menu li.sfHover {
	outline: 0;
}
.flex-direction-nav a {
  height: 50px;
}
/*==================================================
Footer
==================================================*/

#footer, #footer-btm, .footer-top {
	background: #2d2d2d;
}

/*==================================================
Main Content
==================================================*/

#left_column_td, #right_column_td {
	padding: 0;
}
#left-col.content-container {
	width: 24%;
	margin-right: 1%;
}
#middle-col.content-container {
	width: 49%;
	margin-right: 1%;
}


/*Columns*/
.content {
	padding: 20px 0;
}
.content .container .col_2col50.one > div, .content .container .col_2col2575.one > div, .content .container .col_3col33.one > div, .content .container .col_3col255025.one > div {
	border-right: 1px solid #dddddd;
	padding-right: 10px !important;
}
.content .container .col_3col33.last > div, .content .container .col_3col255025.last > div {
	border-left: 1px solid #dddddd;
	padding-left: 20px !important;
}
.content .content-container.col_1col100 > div {
	height: auto !important;
}



/*Slider*/
.slider {
	clear: both;
}
.slider .flex-control-nav {
	text-align: right;
}
.slider .flex-control-nav li {
	margin: 0 0 0 3px;
}
.slider .flex-control-nav a {
	border-radius: 0;
	-mox-border-radius: 0;
	-webkit-border-radius: 0;
	color: #787878;
}
.slider .flex-control-nav a.flex-active {
	background: #e3d217;
	color: #e3d217
}
.slider ul {
	margin-bottom: 0 !important;
}
.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
    height: 50px;
}

hr {
    background-color: #dddddd;
    border: 0 none;
    color: #dddddd;
    height: 1px;
    margin: 10px 0;
}

.meeting-list, .news-list, .blog-list, .article-list, .member-list {
  border-bottom: 1px solid #dddddd;
  margin: 0 0 1.5em;
  padding-bottom: 20px;
  width: 100%;
}

.post {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

form table td {
padding: 3px;
}

.sf-shadow ul li:first-child a {
  padding: 10px;
} /*adds padding to dropdown menu items only*/



/*==================================================
Sideboxes
==================================================*/

.sidebox .boxhead, .sidebox .boxfoot {
	display: none;
}
.sidebox {
	margin: 0 0 30px 0;
}
.sidebox .boxcontent {
	padding: 0;
}
.sidebox .boxcontent ul li {
	border: 0;
}

/*==================================================
Buttons
==================================================*/

.prime-btn, .sec-btn, .read-more {
	padding: 8px;
	background-image: none;
	text-transform: uppercase;
	line-height: 1em;
	font-size: 1em;
	font-family: inherit;
}
.prime-btn:hover, .sec-btn:hover, .read-more:hover {
	opacity: .8;
}
.btn-shadow {
	background: none;
}
.read-more {
	color: #fe4e01;
	text-decoration: none;
}

/*==================================================
Typography
==================================================*/

h1, h2, h3, h4, h5, h6, .standard_header {
	font-weight: bold;
}

h1 {
	line-height: 1.333333333333333em; /* 48 / 36 */
	margin:0 0 .6666666666666667em 0; /* 24 / 36 */
}

h2 {
	line-height: 1em; /* 24 / 24 */
	margin:0 0 1em 0 !important; /* 24 / 24 */
}

h3 {
	line-height: 1.142857142857143em; /* 24 / 21 */
	margin:0 0 1.142857142857143em 0; /* 24 / 21 */
}

h4 {
	line-height: 1.333333333333333em; /* 24 / 18 */
	margin:0 0 1.333333333333333em 0; /* 24 / 18 */
}

h5 {
	font-size: 1em; /* 16 / 16 */
	line-height: 1.5em; /* 24 / 16 */
	margin:0 0 1.5em 0; /* 24 / 16 */
}

p {
	line-height: 1.5em; /* 24 / 16 */
	margin:0 0 1.5em 0; /* 24 / 16 */
}

small {
	font-size: .9em; /* 12 / 16 */
}
em {
	font-style: italic;
}

a:hover {
	text-decoration: none;
}
.content ul {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

/*==================================================
CSS For Templates
==================================================*/
/*List of Meetings, Blog Posts, Newsletter, Member Spotlight, Articles*/

.meeting-list, .news-list, .blog-list, .article-list, .member-list {
	width: 100%;
	margin: 0 0 1.5em 0;
}
.meeting-list .thumb, .news-list .thumb, .blog-list .thumb, .article-list .thumb, .member-list .thumb {
	max-width: 38%;
	float: left;
	margin: 3px 2% 1% 0;
}
.meeting-list .info , .meeting-detail .info , .news-list .info , .blog-list .info , .article-list .info, .member-list .info {
	width: 100%;
}
.meeting-list .thumb ~ .info , .meeting-detail .thumb ~ .info , .news-list .thumb ~ .info , .blog-list .thumb ~ .info , .article-list .thumb ~ .info, .member-list .thumb ~ .info {
	float: left;
	width: 60%;
}

.meeting-list p, .news-list p, .blog-list p, .article-list p, .member-list p {
	margin: 0 0 1em 0;
}

/*Meeting Module Template*/
.meeting-list.module .date-info {
	width: 16%;
	margin-right: 5%;
	float: left;
	background: #f26122;
	padding: 2%;
	text-align: center;
	font-weight: bold;
	color: white;
}
.date-info .month {
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	padding: 0;
}
.date-info .year {
	font-size: 30px;
	padding: 5px 0;
	display: block;
	text-transform: uppercase;
}
.meeting-list.module .info {
	width: 75%;
	float: left;
}
.meeting-list.module h3 a {
	color: #30398f;
	text-decoration: none;
}
.meeting-list.module h3 a:hover {
	text-decoration: underline;
}
.meeting-list.module h3 {
	margin-bottom: 5px !important;
}


/*Meeting Details*/
.meeting-detail h2 {
	margin-bottom: 1em;
}
.meeting-detail .thumb {
	float: left;
	margin: 3px 2% 1% 0;
	max-width: 38%;
}
.meeting-detail .thumb ~ .info {
	float: left;
	width: 60%;
}
.meeting-detail .register {
	width: 100%;
	padding: 10px 0;
	border: 1px solid #dddddd;
	border-left: 0;
	border-right: 0;
	margin-bottom: 10px;
}
.meeting-detail .info .cal, .meeting-detail .info .directions {
	width: auto;
	margin: 0 0 10px 0;
}
.meeting-detail p {
	margin-top: 0;
}


/*Home Page Meeting Details*/
.meeting-detail-home {
	width: 100%;
	margin: 0 0 1.5em 0;
}
.meeting-detail-home h2 {
}
.meeting-detail-home .thumb {
	max-width: 48%;
	float: left;
	margin: 3px 2% 1% 0;
}
.meeting-detail-home .thumb img {
	width: 100%;
}
.meeting-detail-home .thumb ~ .info {
	float: left;
	width: 50%;
}
.meeting-detail-home p {
	margin: 0 0 10px 0;
}
.meeting-detail-home .info-btn.cal {
	margin: 0;
}


/*Button Icons*/
.info-btn {
	line-height: 1.5em;
}
.info-btn.cal {
	padding: 3px 5px;
	border: 1px solid #dddddd;
	display: inline-block;
	width: auto;
}
.info-btn.cal span {
	background: url(../images/icon-gray-cal.png) 0 0 no-repeat;
}
.info-btn.directions span {
	background: url(../images/icon-gray-directions.png) 0 2px no-repeat;
	width: 20px;
}
.info-btn.photos span {
	background: url(../images/icon-gray-photos.png) 0 2px no-repeat;
	width: 20px;
}
.info-btn.photos {
	margin-bottom: 10px;
}

/*Documents*/
.docs a {
	display: inline-block;
	padding-left: 20px;
	background: url(../images/icon-file.png) 0 0 no-repeat;
}
.docs .word {
	background: url(../images/icon-word.png) 0 0 no-repeat;
}
.docs .excel {
	background: url(../images/icon-excel.png) 0 0 no-repeat;
}
.docs .pdf {
	background: url(../images/icon-pdf-sm.png) 0 0 no-repeat;
}

/*Newsletter*/
.news-section .thumb {
	max-width: 30%;
	float: left;
	margin: 3px 2% 2% 0;
}
.news-section .thumb img {
	width: 100%;
}
.newsphp h1 img {
	float: right;
}
.sidebox ul li.newsnav {
	padding: 0 0 0 10px !important;
	background-position: top left !important;
}
.newsnav li a {
	font-style: normal;
}
.newsnav .boxcontent ul li {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/*Clear Fix*/
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
	*zoom: 1;
}

/*=============Mobile Styles=============*/
@media handheld, only screen and (max-width: 768px) {

	.meeting-list .thumb, .news-list .thumb, .blog-list .thumb, .article-list .thumb, .member-list .thumb {
		max-width: 100%;
		float: none;
		margin: 0px 0% 1% 0;
	}
	.meeting-list .thumb ~ .info , .meeting-detail .thumb ~ .info , .news-list .thumb ~ .info , .blog-list .thumb ~ .info , .article-list .thumb ~ .info, .member-list .thumb ~ .info {
		float: none;
		width: 100%;
	}
	.meeting-detail .thumb {
		float: none;
		margin: 0px 0% 1% 0;
		max-width: 100%;
	}
	.meeting-detail .thumb ~ .info {
		float: none;
		width: 100%;
	}
	.meeting-detail-home .thumb {
		max-width: 100%;
		float: none;
		margin: 0px 0% 1% 0;
	}
	.meeting-detail-home .thumb ~ .info {
		float: none;
		width: 100%;
	}

}

/*=============Mobile Styles=============*/
@media handheld, only screen and (max-width: 768px) {
	body {
		font-size: 14px;
		-webkit-text-size-adjust: none;
	}

	body, .container {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.col_1col100, .col_2col7525.one, .col_2col2575.two, .col_2col50, .col_3col255025.two, .col_2col50.last,
	.col_3col33, .col_3col33.last, .col_4col25, .col_2col2575.one, .col_3col255025.one, .col_4col25.last, .col_2col7525.two,
	.col_3col255025.three, #middle-col.content-container, #middle-col-full.content-container, #right-col.content-container, #left-col.content-container,
	#header .col_2col50, #header .col_2col50.last {
		width: auto;
		float: none;
		margin: 0;
		padding: 0 20px;
	}


	#header, #footer, .footer-top {
		border: 1px solid transparent;
		margin: 0;
	}


	/*Header*/
	#nav, #botnav {
		background: none;
		width: 100%;
	}
	#nav li {
		padding: 0;
		height: auto;
		width: 100%;
		line-height: 2em;
	}
	#nav.sf-menu li:hover ul, #nav.sf-menu li.sfHover ul {
		left: 0;
		top: 3em;
		z-index:199;
	}
	#nav li a, #nav.sf-menu li a.sf-with-ul {
		padding: 2%;
		width: 96%;
		float: none;
		margin: 0 0 1px 0;
		background: #2c2f31;
		text-align: left;
		display: block;
		color: white;
	}

	#header #logo {
		width: 100%;
		text-align: center;
		float: left;
		margin-bottom: 30px;
	}
	#header {
		padding: 0 20px;
	}

	.content .container .col_2col50.one > div, .content .container .col_2col2575.one > div, .content .container .col_3col33.one > div, .content .container .col_3col255025.one > div {
		border-right: 0;
		padding-right: 0px !important;
	}
	.content .container .col_3col33.last > div, .content .container .col_3col255025.last > div {
		border-left: 0;
		padding-left: 0px !important;
	}

	#search {
		text-align: center;
		margin: 10px 0;
	}
	#search input[type='text'], #newsletter-signup input[type='text'] {
		width: 80%;
	}
	#search input[type='image'] {
		left: -4px;
	}
	
	/*Board of Directors*/
	#board td {
		width: 100%;
		display: block;
		background: white !important
	}
	#board td:nth-child(2n) {
		background: #f5f5f5 !important;
	}
	

	/*Meeting Registration*/
	#reg-login-box.login-box .left, #reg-login-box.login-box .right {
		width: 100%;
		float: none;
		border: 0;
		padding: 0;
		margin: 0;
	}
	#reg-login-box.login-box, .meeting-info {
		width: 80%;
	}
	#reg-login-box.login-box .left {
		border-bottom: 1px solid #dddddd;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}
	#reg-login-box.login-box input[type='text'], #reg-login-box.login-box input[type='password'] {
		padding: 1%;
		width: 93%;
	}
	#reg-login-box.login-box form {
		margin: 0 auto;
	}

	#steps.five li , #steps.four li, #steps.three li {
		width: 100%;
		border: 1px solid;
		background-image: url(../images/steps-last-bkg.gif)
	}
	#steps li.current {
		background: #3c3c3c url(../images/steps-last-current-bkg.gif) right top no-repeat;
	}

	.meet-reg2 .left, .meet-reg2 .right, .meet-reg3 .left, .meet-reg3 .right, .meet-reg4 .left, .meet-reg4 .right, .meet-reg6 .left, .meet-reg6 .right {
		width: 100%;float;none;
	}
	.meet-reg5 table {
		width: auto;
	}

	/*Footer Styles*/
	#footer #footer_cprt, #footer .content-container #footer_nav, #footer-btm .container {
		text-align: center;
	}

	#newsletter-signup input[type='image'] {
		padding: 7px 5px 8px 5px;
		top: 11px;
	}

}

@media handheld, only screen and (max-width: 768px) {
	.login-box {width:auto !important;}
}
</style>
