body {
    padding-bottom: 25px;
}

.outofsight {
    display: none;
}


/*********************************************************************/
/* FORMS                                                             */
/*********************************************************************/


input.field {
    margin: 0 2px;
    padding: 0;
    border: 1px solid #005a8c;
    height: 16px;
}

input.error {
    border: 1px solid #005a8c;
    background-color: yellow;
}

div#errors {
   border: 2px dotted red;
   padding: 0.6em;
   margin-bottom: 1em;
}

div.alternate {
    width: 325px;
    border: 1px solid #498B9B;
    border-width: 1px 1px 1px 1em;
    background-color: #D7E6E9;
    margin: 4px 2px 2px 4px;
    padding: 4px 4px;
}

div.alternate div.checkbox {
    display: block;
    text-indent: -18px;
    margin: 0px 0px 0px 22px;
    padding: 0px 0px 4px 0px;
}
 
div.alternate label {
    padding: 0px;
    margin: 0px;
}

div.alternate input.check {
    padding: 0px;
    margin: 0px;
    width: 14px;
    height: 14px;
    border-width: 0px;
}

/*********************************************************************/
/* PAGE LAYOUTS                                                      */
/*********************************************************************/

#frame {border:0px solid #dfdfdf}


div#frame.popup div.container {
	padding-right: 10px;
}

/*.content div.container {
    padding: 12px 0 48px 10px;
}

#frame.content-left div.content div.container {
    padding: 12px 48px 10px 12px;
}

#frame.content-right div.content div.container {
    padding: 12px 12px 48px 24px;
}

#frame.content-center div.content div.container {
    padding: 12px 15px 18px 15px;
}

#frame.content-full div.content div.container {
    padding: 12px 8px;
}
*/
div.inset.right {
    float: right;
    clear: right;
    margin: 0 0 2em 1em;
}

div.inset.left {
    float: left;
    clear: left;
    margin: 0 1em 2em 0;
}

div.inset.fixed {
    width: 162px;
}

div.inset p {
    margin-bottom: 0;
}

div.inset div.image {
    background-color: white;
    border: 1px solid #CF7600;
    text-align: center;
    padding: 0;
}

div.inset div.image p {
    text-align: right;
    margin: 0.25em 0 0 0;
    text-transform: uppercase;
    padding: 0.25em 0.5em;
    background-color: #f2e3bc;
}

div.inset div.image img {
    border: none;
}

div.inset div.image a:hover {
    border: none;
}


/* For the staff list */
div.float-list {
    clear: left;
    margin-left: 30px;
}

div.float-list h3 {
    clear: none;
}

img.inline {
    float: left;
    margin: 0 12px 12px 0;
}

/*********************************************************************/
/* SIDEBARS                                                          */
/*********************************************************************/

div.sidebar {
	background: #efefef;
}

div.sidebar div.container {
    padding: 8px 12px 14px 8px;
background: transparent;

}

div.sidebar div.update {

}

div.sidebar div.container.level1 {
	background: transparent;
}

div.sidebar div.container.level2 {
	background: transparent;
}

div.sidebar h1 {
    padding: 10px 8px 2px 8px;
}

div.sidebar h1.level1 {

}

div.sidebar h1.level2 {

}

div.sidebar h1, .sidebar h1.update {

}

.sidebar h1.update {

}

div.sidebar p {
    margin: 0 0 1.5em 0;
}

div.sidebar div.container ul {
    list-style-image: url('http://dev.nccp.org/images/bullet.png');
    margin: 0.5em 0.5em 0 1.5em;
    padding: 0;
}

div.sidebar div.container li, .content li {
    margin: 0;
    padding: 0 0 0.5em 0;
}

div.sidebar form {
    margin-top: 0.5em;
}

div.sidebar select {
    width: 120px;
}

div.sidebar input.field {
    width: 120px;
}

#subscribe{background-color:#9ea616;color:#fff;padding:9px;}
#subscribe input[type="text"]{width:200px;}
#subscribe input[type="button"]{background:#005595;color:#fff;border:none;padding:3px;}

/*********************************************************************/
/* UPDATE BOX                                                          */
/*********************************************************************/



/*********************************************************************/
/* BREADCRUMBS                                                       */
/*********************************************************************/

div.breadcrumbs {
    background: #125687;
	border-bottom: solid 2px #a2ad00;
    clear: both;
    margin: 0;
    height: 2.1em;
    padding: 5px 10px 0 10px;
}

div.breadcrumbs.big {
    padding: 5px 10px;
    height: auto;
}

div.breadcrumbs.big p {
    margin: 0 0 0.5em 0;
}

div.breadcrumbs.big h1 {
    margin: 0 0 0.1em 0;
}

div.breadcrumbs img {
    float: left;
    margin: 0 10px 0 0;
}

div.breadcrumbs.big form {
    margin-top: 1.7em;
}

div.breadcrumbs form {
	float: right;
}

div.breadcrumbs select {
    margin: 0;
    border: none;
    font-size: 120%;
}

/*********************************************************************/
/* HEADER                                                            */
/*********************************************************************/

#header{margin:2px 0;}
#header div#tools {text-transform:uppercase;font-size:12px;text-align:right;margin-top:10px}
#tools span{padding:8px;}



/*********************************************************************/
/* FOOTERS                                                           */
/*********************************************************************/

#footer{font-size:12px;padding:35px 0 20px;margin-top:30px;}

/*********************************************************************/
/* MISCELLANEOUS                                                     */
/*********************************************************************/

.separator {
    padding: 0 0.5em;
}

.clearing {
    clear: both;
}

p.topborder {
    padding-top: 30px;
	padding-bottom: 30px;
}

.pad-top {padding-top:14px}
.pad-bottom {padding-bottom:14px}

.indented {
	padding-left: 20px;
}

.rightcol {
	float: left;
	width: 330px;
}

.glossary td{padding:10px;}

/*********************************************************************/
/* TOC FOR INDEX PAGES                                               */
/*********************************************************************/

ul.toc-buttons {
    margin-left: 0 !important;
    padding: 0;
    font-size: 88%;
}

ul.toc-buttons li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    text-transform: uppercase;
}

ul.toc-buttons li a {
    padding: 2px 4px;
    border: 1px solid #e68f1a;
    background-color: #f2e3bc;
}

ul.toc-buttons li a:hover {
    background-color: #e68f1a;
    color: white;
}

ul.toc-buttons li.current a {
    background-color: #1c3f95;
    color: white;
}

/*********************************************************************/
/* CLICKABLE MAPS                                                    */
/*********************************************************************/

div.clickable-map {
    background: transparent url('http://nccp.org/images/states.png') no-repeat;
    height:368px;
    width:500px;
    position: relative;
    z-index: 1;
}

div.clickable-map a.state-link {
    position: absolute;
    font-size: 88%;
    top: 0;
    left: 0;
    width: 24px;
    height: 16px;
    margin-top: -6px;
    margin-left: -10px;
    text-align: center;
    line-height: 16px;
    background-color: #d5d0c2;
}
div.clickable-map a:hover.state-link {
    text-decoration: none;
    background-color: #b2cfc3;
    color: white;
}

div.notes {
    width: 545px;
}

div.notes ol {list-style-type: decimal;margin:0 30px;}


/*********************************************************************/
/* SPECIAL FOR PROFILES                                              */
/*********************************************************************/

.profiles .content.omega h2 {clear: both;padding-top:20px;border-top: 1px solid #e68f1a;}
.profiles .content.omega p {padding-bottom:20px;}
.profiles .center {text-align: center;}
.profiles .printonly {display: block;}
.profiles div.inset.left .image, .profiles .logo  {display: none;}
.profiles div.inset.left{float: none;}
.profiles .inset.left p{margin-bottom:29px;}
.profiles div.notes {
    width: 100%;
}
.ec-leftcol, .profile-leftcol {
	float:left;
	margin-right:4px;
}

.ec-rightcol, .profile-rightcol {
	float:right;
}

.ec-clearnone, .profile-clearnone {
	clear: none;
}

/*********************************************************************/
/* TOOLS                                                             */
/*********************************************************************/

table.data td.header{padding:2px 15px}

/*********************************************************************/
/* CUSTOM PAGES                                                      */
/*********************************************************************/

.anniversary div.container p{font-size:14px;padding:8px 0;}
.anniversary div.container h2{font-size:16px;padding:20px 0 12px;color:#000;font-weight:bold;}
.anniversary div.container h3{font-size:16px;padding:8px 0 8px;color:#f9ad52;}
.anniversary div.container .person p, .anniversary div.container .person h4, .anniversary div.container .nospace{margin:0;padding:0;}
.anniversary .purchase{background:#ffe0bf;margin-top:20px;margin-right:10px;padding:5px;min-height:134px;}
.nowrap{white-space:nowrap}
.event-item p {font-size:12px}


/*********************************************************************/
/* SOCIAL MEDIA                                                      */
/*********************************************************************/
@font-face {
    font-family: 'si';
    src: url('/socicon-v1.5/socicon.eot');
    src: url('/socicon-v1.5/socicon.eot?#iefix') format('embedded-opentype'),
         url('/socicon-v1.5/socicon.woff') format('woff'),
         url('/socicon-v1.5/socicon.ttf') format('truetype'),
         url('/socicon-v1.5/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(PATH_TO/socicon.svg) format(svg);
    }
}

#soc {
    float:right;
}
#soc > p {
    font-size:18px;
    padding:0;
}
.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 17px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 12px;
    color: #ffffff;
    background-color: #4068b7;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook:before {
    content:'\e041';
}
.soc-tumblr:before {
    content:'\e059';
}
.soc-twitter:before {
    content:'\e040';
}