/* ---------------------------------------------------------------------------------------------------------
basic layout
---------------------------------------------------------------------------------------------------------- */
* {
        font-family: Arial, Helvetica, sans-serif;
}

body {
        margin: 0px}   

div,
td,
p {
        font-size:12px;
        line-height:18px;
        color:#333333;
}

a,
a:link,
a:active,
a:visited {
        text-decoration:underline;
        color:#000000;
}

a:hover {
        text-decoration:underline;
        color:#3973AC;
}

ul {
        margin: 5px;
        padding: 5px;
        list-style: none;
        list-style-type: square;
}

li {
        line-height: 18px;
        padding-left: 5px;
        padding-top: 0px;
        list-style-position: inside;
}

img {
        border: 0px;
}
/** clear the banner to make it sit in the bottom **/
.clear {
        clear:both;
}


/* ---------------------------------------------------------------------------------------------------------
chpc_template layout
---------------------------------------------------------------------------------------------------------- */
.ch-bg-header {
        background-image: url(../images/chpcBG_r1_c1.jpg);
        background-repeat: no-repeat;
        background-position: left top;
}
.ch-bg-NavMenu {
        background-image: url(../images/chpcBG_r2_c1.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        background-color: #CACAD4;
}
.ch-bg-body {
        background-image: url(../images/chpcBG_r2_c2.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        background-color: #CACAD4;
}
.ch-bg-rightEdge {
        background-image: url(../images/chpcBG_r2_c3.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        background-color: #615F7D;
}
.ch-color-Light {
        background-color: #CACAD4;
}
.ch-color-dark {
        background-color: #615F7D;
}
.ch-div-NavMenu {
        width: 120px;
        position: relative;
        float: left;
        overflow: visible;
        margin-top: 100px;
        z-index: 10;
}
.ch-div-breadcrumb {
        position: relative;
        height: 25px;
        width: 810px;
        left: 0px;
        top: 0px;
        clear: both;
        z-index: 1;
}
.ch_div_wrapper {
        margin-top: 5px;
        position: relative;
        width: 100%;
}
.ch-div-BodyCol {
        position: relative;
        width: 790px;
        float: left;
        background-color: #FFFFFF;
        margin-top: 5px;
        margin-left: 5px;
        padding: 3;
        
}
.ch-div-BannerCol {
        position: relative;
        width: 200px;
        float: left;
        margin-top: 5px;
        margin-left: 5px;
        padding: 3;
        overflow: hidden;
}
.ch-div-RightCol {
        position: absolute;
        width: 140px;
        background-color: #CACAD4;
        float: left;
        padding: 3px;
        overflow: hidden;
        left: 830px;
        top: 150px;
        border: 1px dashed #FFFFFF;
}
.ch-footer {
        background-color: #CACAD4;
        padding: 5px;
        font-size:10px;
        text-align:center;
}




/* ----------------------------------------------------------------------------------------------------------
mambo content layout
----------------------------------------------------------------------------------------------------------- */

/** pathway block **/
span.pathway {
        display:block;
        text-align:left;
        color:#000000;
        font-size:10px;
        font-weight:bold;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #E5E5E5;
        height:20px;
        margin-bottom:10px;
}

/** content title **/
.componentheading {
        font-family:Georgia, "Times New Roman", Times, serif;
        color:#000000;
        font-size: 20px;
        line-height:25px;
        padding: 5px 0 5px 0;
        display:block;
}

.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size:16px;
        color:#3973AC;
        font-weight: bold;
        padding-top: 25px;
        background-color:inherit;
        display:block;
}

.contentpaneopen {
        width:100%;
}


/** pdf, printer version, and email to friend button **/
.buttonheading {
        width: 16px!important;
        text-align:right;
}

.sectiontableheader {
        font-weight: bold;
}

.category, .categorytitle {
        font-weight: bold;
        color:#3973AC;
        background-color:inherit;
}

.sectiontableentry1 {
        background-color: #EFEFEF;
        padding: 2px;
        color:#333333;
}

.sectiontableentry2 {
        background-color: #FFFFFF;
        padding: 2px;
        color:#333333;
}

/** blog Styles **/
.blogsection {
        color:#3973AC;
        background-color:inherit;
}

.blog_more {
        font-weight: bold;
        line-height: 25px;
        padding-top: 20px;
        color: #3973AC;
        border-bottom: 1px solid #E5E5E5;
        background-color:inherit;
}

/** small text in content **/
.small {
        color:#999999;
        font-size:10px;
        font-weight: bold;
        background-color:inherit;
}

/** date info in content **/
#content_main .createdate {
        color:#4A87C4;
        font-size:10px;
        padding: 0 0 15px 0;
        line-height:8px;
        background-color:inherit;
}

#content_main .modifydate {
        color:#999999;
        font-size:10px;
        padding: 0;
        background-color:inherit;
}

/** toc page navigation  **/
.pagenav_prev,
.pagenav_next {
        font-size:11px;
}


/** content item navigation  **/
.pagenavbar  {
        display:block;
        width:100%;
        background-color:inherit;
        height:20px;
        line-height:25px;
        text-align:right;
        letter-spacing:2px;
        color:#999999!important;
        clear:both;
        font-size: 11px!important;
        margin-top: 10px;
        background-image: url(../images/bg_pagenav.jpg);
        background-repeat: repeat-x;
        background-position: center bottom;     
}

.pagenav {
        height:20px;
        line-height:25px;
        text-align:right;
        letter-spacing:2px;
        color:#999999;
        clear:both;
        font-size: 11px;
        margin-left: 0;
        margin-right: 0;
        background-color:inherit;
}

.back_button {
        display:block;
        text-align:left;
        font-weight:bold;
        font-size:12px;
        width:100%;
        margin-bottom:10px;
        letter-spacing:2px;
}

/** highlight word search result **/
.highlight {
        font-weight:bold;
        background-color: #FFFF00;
        padding: 2px 0 2px 0;
        
}

/** table of content layout **/
table.contenttoc {
        border:1px solid #000000;
        padding:1px;
        width:130px;
        margin: 0 0 10px 10px;
}

/** table of content header **/
.contenttoc th {
        color:#FFFFFF;
        background-color:#666666;
        font-size:11px;
        display:block;
        width:124px;
}

/** unordered list for latest news module **/
ul.latestnews li,ul.mostread li {
        line-height: 18px;
        font-size:11px;
        font-weight:bold;
        list-style-type: none;
        list-style-position: outside;
}


/** fix opera table width for content list in table category**/
table.contentpane td.contentdescription {
        width:100%!important;
}


/* ---------------------
Links
--------------------- */

/** any left column link **/
#leftcol a:link,
#leftcol a:active,
#leftcol a:visited {
        color:#FFFFFF;
}

a.pagenav:link ,
a.pagenav_next:link,
a.pagenav_pre:link,
div.back_button a,
div.back_button a:link,
a.latestnews:link,
a.latestnews:active,
a.latestnews:visited,
a.mostread:link,
a.mostread:active,
a.mostread:visited {
        text-decoration:none;
}

/*** read more link ***/
.readon,
a.readon:link,
a.readon:active,
a.readon:visited {
        color:#666666;
        font-weight:bold;
        text-align:left;
        margin-top:10px;
        letter-spacing: 2px;
        font-size:10px;
        text-decoration:none;
}

/*** blog links ***/
a.blogsection:link,
a.blogsection:active,
a.blogsection:visited {
        color:#3973AC;
        text-decoration:none;
}

/** generic menu item link **/
a.mainlevel:link,
a.mainlevel:active,
a.mainlevel:visited,
a.sublevel:link,
a.sublevel:active,
a.sublevel:visited {
        color:#f1f2a2;
        text-decoration:none;
        font-size:11px;
        line-height: 28px; 
}
/** generic menu item link 
a.mainlevel:link,
{
color:#ffffff;
text-decoration:none;
font-size:11px;
line-height: 28px;
}
a.mainlevel:active,
a.mainlevel:visited

a.sublevel:link,
a.sublevel:active,
a.sublevel:visited {
color:#f1f2a2;
text-decoration:none;
font-size:11px;
line-height: 28px;
}
**/

/** generic menu item link on mouseover **/
a.mainlevel:hover,
#leftcol a.mainlevel:hover {
        background-color:#484848;
        color:#FFFFFF!important;
        text-decoration:none!important;
}

/** specific top right column menu item link **/
a.mainlevel-right:link,
a.mainlevel-right:active,
a.mainlevel-right:visited,
a.sublevel-right:link,
a.sublevel-right:active,
a.sublevel-right:visited {
        color:#07ca15;
        text-decoration:none;
        font-size:11px;
}

/** specific top right column menu item link on mouseover **/
a.mainlevel-right:hover {
        background-color:#CCCCCC;
        text-decoration:none;
}


/** pathway link item **/
a.pathway:link,
a.pathway:link,
a.pathway:active,
a.pathway:visited {
        color:#999999;
        text-decoration:none;
}

/** table of content list **/
a.toclink:link,
a.toclink:active,
a.toclink:visited {
        color:#3973AC;
        font-size:11px;
        padding:2px 10px 2px 10px;
        display:block;
        text-decoration:none;
}

.pagenavbar a:link,
.pagenavbar a:active,
.pagenavbar a:visited  {
        letter-spacing:2px;
        color:#000000;
        font-size: 11px;
        text-decoration: none;
}

.pagenavbar a:hover {
        color:#3973AC;
}

/** latestnews and popular **/
.latestnews,
.mostread {
        color:#000000;
}

a.latestnews:link,
.mostread a:link,
.latestnews a:active,
.mostread a:active,
.latestnews a:hover,
.mostread a:hover,
.latestnews a:visited,
.mostread a:visited {
        color:#000000;
        text-decoration:underline;
}

/** underline on hover **/
a.toclink:hover,
a.latestnews:hover,
a.mostread:hover,
a.pathway:hover,
a.sublevel:hover,
a.sublevel-right:hover,
a.blogsection:hover,
a.readon:hover,
a.pagenav:hover ,
a.pagenav_next:hover,
a.pagenav_pre:hover,
a.latestnews:hover {
        text-decoration:underline;
        color:#3973AC;
        background-color:inherit;
}

#leftcol a:hover {
        color: #93B7DB;
        text-decoration:underline;
}


/* ---------------------
mambo module layout
--------------------- */

/** general module table **/
table.moduletable,
#leftcol table,
#rightcol table {
        width:100%;
        /* float:left;
        clear:left; */
}

/** general module table **/
#rightcol table,
#leftcol table td {
        font-size:11px !important;
        color:#CCCCCC;
}

#rightcol table,
#rightcol table td {
        font-size:11px !important;
        color:#030303;
}

/** general module title **/
table.moduletable th,
table.moduletable-bgimg th,
table.moduletable-right th {
        border: 1px solid #000000;      
        color:#FFFFFF;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size:15px;
        line-height:20px;
        background-color:#484848;
        height:25px;
        text-align:left;
        padding-left:15px;
        font-weight:normal;
}

/** specific module td table for content top 1 and 2. 
position:user2 an user3 **/
#content_top1 table.moduletable td,
#content_top2 table.moduletable td {
        background:transparent url(../images/bg_module_contenttop.jpg) no-repeat center bottom;
        height:100px;
        min-height:100px;
        vertical-align:top;
}

/** right column module td **/
#rightcol table.moduletable td   {
        padding:5px;
}

/** generic menu item **/
.mainlevel  {
        display:block;
        height:25px;
        line-height:25px;
        padding-left:15px;
        background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;
        font-weight:bold;
        text-decoration:none;
}

/** specific left column form **/
#leftcol form {
        margin-left:15px;
}

/** specific left column form **/
#leftcol .button {
        font-size:11px;
        color:#FFFFFF;
        background-color:#585858;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        border-left: 1px solid #888888;
        border-top: 1px solid #888888;
        width:140px;
}


/** specific left column form **/
#leftcol .inputbox {
        font-size:11px;
        font-weight: bold;
}

/** module styles in #leftcol **/
#leftcol table.moduletable td {
        color:#DADADA;
        font-size:11px;
}

/** search div in top right column. position:user4 **/
div.search {
        margin-left:10px;
}

/** search field in search div **/
.search .inputbox {
        width:130px;
        border: 1px solid #000000;
}

/* ---------------------
mambo form layout
--------------------- */

/** left column input form **/
#leftcol .inputbox {
        font-size:11px;
        /*border: 1px solid #000000;*/
        margin-bottom:2px;
}

/** input button html tag **/
.button,
#rightcol .button {
        font-size:11px;
        text-transform:uppercase;
        color:#666666;
        font-weight:bold;
        background-color:#CCCCCC;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        border-left: 1px solid #FFFFFF;
}

#rightcol .button {
        background-color:#E5E5E5;
}

.search  {
        margin-top:30px;
}



/* 
mambo top menu layout
you need to add menu class suffix: -nav
*/

/** unordered list top menu **/
ul#mainlevel-nav
{
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0.8em;
}

/** unordered list item for top menu **/
ul#mainlevel-nav li
{
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        margin: 0;
        width: auto !important;
        font-size: 11px;
        line-height: 23px;
        white-space: nowrap;
}

/** unordered list item link for top menu **/
ul#mainlevel-nav li a
{
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        text-decoration: none;
        color: #FFFFFF;
        font-weight:bold;
}

/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a {
        width: auto;
}

/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li a:hover {
        background: #535353;
        text-decoration:none;
}


 /*
specific right column menu item. position:right
you need to add menu class suffix: right
 */
.mainlevel-right {
        display:block;
        height:25px;
        line-height:25px;
        padding-left:15px;
        background:#EEF0F0 url(../images/bg_mainlevel_right.gif) repeat-x center top;
        font-weight:bold;
}

/** 
moduletable specific with background image
you need to add modules class suffix: -bgimg
 **/
table.moduletable-bgimg {
        background:transparent url(../images/bg_module.jpg) no-repeat center bottom;
        float:left;
        clear:left;
        width:100%;
}

table.moduletable-bgimg td {
        padding: 5px ;
        font-size:11px;
}

table.moduletable-bgimg td td {
        padding: 0!important;
}

/** for polls **/
.poll {
        font-size:11px;
        line-height: 16px;
}

table.pollstableborder .sectiontableentry2 {
        background-color:transparent; 
        text-align:left; 
}
table.pollstableborder .sectiontableentry1 {
        background-color:#F5F5F5; 
        text-align:left;
}

.moduletable_bgimg table.pollstableborder td.sectiontableentry2,
.moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
        background-color:transparent!important; 
        text-align:left!important; 
}


#bottompadding  {
        position:relative;
        width:900px;
        display:block;
        height:0px;
        margin-top:-100px;
}
/* -------------------------------------------------------------------------------------
Mod for CSS menu pop outs
------------------------------------------------------------------------------------- */
#twocols{ /*the columns that gets dropped down over yours might be different*/
z-index:20;
}
#leftcol{ /*the columns that gets dropped down over yours might be different*/
z-index:10;
}
#mainleveltopnav li{
display:inline;
list-style-type:none;
padding-right:5px;
}
a.mainleveltopnav,a.mainleveltopnav:link,
a.mainleveltopnav:visited{
color:#ffffff;
}
.moduletablechpcnav{ /* I have absolutely positioned the module, you might have a different scheme*/
	position:relative;
	top:0px;
	left:10px;
	z-index:100;
	font:0.9em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	vertical-align: middle;
}
#mainlevelchpcnav,#mainlevelchpcnav ul{
float:left;
list-style:none;
line-height:1em;
background:transparent;
font-weight:700;
margin:0;
padding:0;
}
#mainlevelchpcnav li{
width:11em;
}
#mainlevelchpcnav li:hover{
background-color: #615F7D;
}
#mainlevelchpcnav a{
display:block;
color:#ffffff;
text-decoration:none;
margin-right:1px;
padding:0.3em;
}
#mainlevelchpcnav li{
float:left;
padding:0;
}
#mainlevelchpcnav li ul{
position:absolute;
left:-999em;
height:auto;
width:11em;
font-weight:400;
background:#615F7D;
border:#999999 1px solid;
margin:0;
}
#mainlevelchpcnav li li{
width:11em;
}
#mainlevelchpcnav li ul a{
width:11em;
color:#fff;
font-size:1em;
line-height:1em;
font-weight:400;
}
#mainlevelchpcnav li ul a:hover{
color:#000000;
}
#mainlevelchpcnav li:hover ul ul,#mainlevelchpcnav li:hover ul ul ul,#mainlevelchpcnav li.sfhover ul ul,#mainlevelchpcnav li.sfhover ul ul ul{
left:-999em;
}
#mainlevelchpcnav li:hover ul,#mainlevelchpcnav li li:hover ul,#mainlevelchpcnav li li li:hover ul,#mainlevelchpcnav li.sfhover ul,#mainlevelchpcnav li li.sfhover ul,#mainlevelchpcnav li li li.sfhover ul{
left:95px;
margin-top:-20px;
z-index:6000;
}
#mainlevelchpcnav li li:hover,#mainlevelchpcnav li li.sfhover{
background-color:#CACAD4;
}
form th {
	text-align: right;
	width: 200px;
}
legend {
	font-size: larger;
	font-weight: bold;
}

form tr, form th {
	vertical-align: top;
}
form label {
	font-weight: bold;
}
.alignCentered {
	text-align: center;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align:left;
}
.noWrap {
	white-space: nowrap;
}
.invalidInput{
 border:1px dotted #F00;
 background-color: #FFECE6;
}

/* Style for valid input */
.validInput{
 border: 1px dotted #FF0000;
}.Error {
	font-size: medium;
	font-weight: bold;
	color: #FF0000;
}
.superScript {
	font-size: smaller;
	vertical-align: super;
}
.note {
	font-size: .9em;
	font-weight: bold;
	color: #52556B;
}
.NoMargin {
	margin: 0px;
}
#FamilyMembers table {
	border:none;
}
#FamilyMembers th,#FamilyMembers td {
	padding:3px;
	margin:0;
}
h2 {
	margin: 0.5em 0;
}
.largerText {
	font-size: 1.2em;
}
.SiteFull {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0.25em;
	background-color: #CECBD6;
}
form label.nonBold {
	font-weight: normal;
}