/* CSS RESET ELEMENTS --------------------------------------------------------------------------------------*/
body,img,h1,h2,h3,h4,h5,h6{ border:none; list-style:none; margin:0; padding:0; }
body{ 
  font-family:Arial,helvetica,sans-serif;
  margin:0 0 0 0; 
  padding:0 0 0 0; 
  background: #dce5ec url(/images/background.png);
  background-repeat:repeat-x;
}
/*----------------------------------------------------------------------------------------------------------*/
#wrapper{ margin:auto auto; width:1000px; position:relative; overflow:hidden; }
/*----------------------------------------------------------------------------------------------------------*/
#header{ position:relative; width:100%}
#headerContainer{ position:relative;  background: url(/images/logo.png); height:152px; width:100%; }
#topNavigation{ height:48px; }
#mainNav{ position:absolute;  z-index:99;  width:100%}/*overflow:auto; position:relative;*/
#navigation{ position:relative; }
#thePage{ z-index:1;}
#logoArea{ color:#fff; float:left; font-size:1.25em; margin-top:4px; width:65%; }
/*----------------------------------------------------------------------------------------------------------*/
#searchArea{ background-color:#fff; height:25px; float:left; width:170px; }
input.searchField{ 
background-color:#fff; 
border:0; 
color:#666; 
font-family:arial; 
font-size:.75em; 
line-height:120%; 
margin-top:0; 
padding:6px 0 4px 2px; 
width:140px;
float:left;
}
button.searchButton{ vertical-align:middle; background:url(../images/btnSearch.png); width:26px; height:25px; border:0; padding:0; margin:0; }

/*----------------------------------------------------------------------------------------------------------*/
.leftInnerShadow { background-image:url(/images/leftShadow.png); background-repeat:repeat-y; }
.rightInnerShadow { background-image:url(/images/rightShadow.png); background-repeat:repeat-y; }
/*----------------------------------------------------------------------------------------------------------*/
#infoBarArea { padding:4px; background-color:#ccc; border:0; overflow:auto; position:relative; }
#infoBar{ color:#424242; float:left; font-size:.75em; line-height:1.5em; width:70%; padding:2px 0 2px 0; position:relative; }
/*----------------------------------------------------------------------------------------------------------*/
#loginArea{ position:relative;  }
/* ----------------------------------------------------------------------------------------------------------*/
#login{  }
input.loginText { background:#dce4eb; border-top:1px solid #b0b0b0; border-right:0; border-bottom:0; border-left:2px solid #b0b0b0; color:#666666; font-family:'Myriad Pro', Verdana, Helvetica, sans-serif; font-size:.80em; height:18px; line-height:115%; padding:2px; width:98px; }
#lableUsername{ color:#666666; font-family:'Myriad Pro', Verdana, Helvetica, sans-serif; font-size:.80em; font-style:italic; height:23px; line-height:180%; padding-left:4px; width:100px; position:absolute; }
#lablePassword{ color:#666666; font-family:'Myriad Pro', Verdana, Helvetica, sans-serif; font-size:.80em; font-style:italic; height:23px; line-height:180%; padding-left:4px; width:100px; position:absolute; }
.on{display:block}
.off{display:none}
.loginLink{ color:#2e5799; font-family:Calibri, Verdana, Helvetica, sans-serif; font-size:.8em; font-style:italic; }
button.loginButton{  background:url(/images/btnLogin.png); border:none; cursor:pointer; height:25px; width:24px; vertical-align:middle;  }
button.logoutButton{  background:url(/images/btnLogout.png); border:none; cursor:pointer; height:25px; width:57px; vertical-align:middle;  }
/*----------------------------------------------------------------------------------------------------------*/
.forgotPassword{ font-style:italic;color:#d0deea; font-size:9pt; font-family:Arial; font-weight:bold;}
/*----------------------------------------------------------------------------------------------------------*/
#topNavigation{ overflow:auto; position:relative; }
#topNavigation ul{ list-style:none; color:#d0deea; margin:0; padding:0; }
#topNavigation ul li{ float:left;  }
#topNavigation ul a{ color:#d0deea; display:block; font-size:10pt; font-family:Arial;  padding:5px 10px 5px 10px; text-decoration:none; }
#topNavigation ul a:hover{ text-decoration:underline; color:#fff; }


.quickLinks a{ padding:5px 8px 5px 5px; display:inline-block; color:#d0deea; font-size:10pt; font-family:Arial; text-decoration:none; }
.quickLinks a:hover{ text-decoration:underline; color:#fff; }
.quickLinks p{ margin:0; padding:0; }
/*----------------------------------------------------------------------------------------------------------*/
/*
#navigation ul{ list-style:none; color:#fff; margin:0; padding:0; }
#navigation ul li{ float:left;  }
#navigation ul a{ color:#fff; display:block; font-size:12pt; font-family:'Myriad Pro'; font-weight:bold; padding:5px 15px 5px 15px; text-decoration:none; }
#navigation ul a:hover{ color:#d0deea; }
----------------------------------------------------------------------------------------------------------*/
#footerNavigation{ overflow:auto; position:relative; color:#336795; }
#footerNavigation a{ color:#336795; display:inline-block; font-size:10pt; font-family:'Myriad Pro'; font-weight:normal; padding:5px 15px 5px 15px; text-decoration:none; }
#footerNavigation a:hover{ color:#336795; font-weight:bold; text-decoration:underline;}

/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
#content{ background-color:#ffffff; padding:10px; position:relative; overflow:auto;}
#mastHead{ margin-bottom:10px; background: url(/images/mastHead.jpg); width:960px; height:249px; }
#mastHeadTextArea{ z-index:1; margin:0 10px 0 10px; font-family:Georgia, Script, serif; font-size:16pt; color:#ffffff;  text-decoration:none; }
#mastHead ul, #mastHead li{border:none; list-style:none; margin:0; padding:0;}
#mastHead #mastHeadTextArea ul{ color:#fff; margin-top:30px;  }
#mastHead #mastHeadTextArea li{ padding:10px; font-family:Georgia, Script, serif; font-size:16pt; color:#ffffff; text-decoration:none;}
.signature{ font-family:Times; font-size:10pt; color:#ffffff; display:block; font-style:normal; text-align:right; margin-top:10px; margin-right:5px; }
.mastHeadText{ font-family:Georgia, Script, serif; font-size:17pt; color:#ffffff; text-decoration:none;}

#mainContent{ position:relative; width:99%;padding-left:15px;}
#mainContent p{ padding-bottom:15px; }
#leftColumnContainer{
	float: left ;
  	width: 30% ;
}
#mainContentContainer {
	float: left ;
  	width: 65% ;
}
#leftColumn {
	padding-left:15px;
	padding-right:5px;
}
.infoBox{   }
.infoBoxContent{ background-color:#eaf0f4; padding:10px; height:225px;}
.infoBoxContent img{ padding-right:10px; }
.infoBoxContent p{ margin:0; padding:0; }
.infoBoxContent p{ margin-bottom:10px; }
#protectingConsumers .BodyText{ font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; color:#737373; }
#protectingConsumers a{ font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; color:#336795; font-weight:bold; }
#rightNavArea{ position:relative;}
.sideNavWidget{ border:3px solid #dce4eb; padding:5px; background-color:#ffffff; overflow:auto; }
.sideNavWidget p{ border:none; margin:10px 0 0 0; padding:0 0 0 0; }
.sideNavWidget a{ color:#336795; font-family:'Myriad Pro'; font-size:10pt; text-decoration:none; }
.sideNavWidgetTools{  }
.sideNavWidgetTools a{ color:#336795; font-family:'Myriad Pro'; font-size:10pt; text-decoration:none; font-weight:bold;}
.sideNavWidgetTools img{ vertical-align:text-bottom; }
.sideNavWidgetTools .toolText{  }
.widgetSpacing{ margin-top:10px; }
#educationEvents{ margin-top:-50px; }
#social{ }
#social img{ vertical-align:middle; margin:0 3px 0 3px; }
#clubLinks{}
#clubLinks p{ margin:0; padding:0; }
#clubLinks p{ margin-bottom:3px; }

/*FOOTER: --------------------------------------------------------------------------------------------------*/
#footerShadow{ background: url(/images/footerShadow.png); height:10px;}
#footer { color:#707f8d; font-size:.70em; font-weight:bold; text-align:center; position:relative; }
#footer a{ font-weight:bold;}

/*Old style for the PCDirectory */
.PCHeaderText { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10pt; font-style: normal; font-weight: bold; }
.PCBodyText {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 8pt;	color:#666666; }
.PCfooterText {
	font-family: Verdana;
	color: #666666;
	font-size: 9px;
	}

/*----------------------------------------------------------------------------------------------------------*/
.clear{ clear:both; }




/*----------------------------------------------------------------------------------------------------------*/
#loginBox{ border:1px solid #333; margin:auto auto; width:60%; margin-top:10px; margin-bottom:10px; }
#loginHeader{ background-color:#355b8c; color:#fff; font-size:1.1em; font-weight:bold; padding:5px; }
/*----------------------------------------------------------------------------------------------------------*/
/* TOOLBAR STYLES ------------------------------------------------------------------------------------------*/
#toolBarArea{ margin:15px 0 15px 0; }
#toolBar{ background:#fff; border-top:1px solid #000000; border-bottom:1px solid #000000; color:#355b8c; padding:5px 0 5px 0; }
#toolBar a{ color:#b4191a; font-size:1em; }
/*----------------------------------------------------------------------------------------------------------*/
#leftNavigation p{ margin:0; padding:0; }
.accordion ul, .accordion li{ margin:0; padding:0; list-style:none; }
.blue .menuTitle{ padding: 10px 10px 10px 15px; background: #013d6c; text-decoration:none; display: block; color: #dfe7ec; font-weight:bold; font-size:12pt; }
.blue .accordion{  }
.blue .accordion, .blue .accordion li { margin: 0; padding: 0; border: none;}
.blue .accordion a { padding: 10px 10px 10px 15px; background: #e2e8ee; font-weight:bold; text-decoration:none; display: block; color: #435d74; font-size:10pt; border-bottom: 1px solid #013d6c; border-left: 1px solid #013d6c; border-right: 1px solid #013d6c; }
.blue .accordion ul a {padding: 10px 10px 10px 25px; background-color:#e1e1e1; font-weight:normal;}
.blue .accordion a.dcjq-parent, .blue .accordion a.dcjq-parent:hover { font-weight:bold; background-color:#e2e8ee; padding: 10px 10px 10px 15px; }
.blue .accordion a.dcjq-parent:hover { background-color:#95a6b8; }
.blue .accordion a.dcjq-parent.active {  }
.blue .accordion a:hover { background: #95a6b8; }
.blue .accordion a:active{  }


/* MY CAOC */
#mycaocContainer{position:relative;float:left;width:100%;font-family:arial;font-size:12px;color:#eaf0f4;line-height:120%;}
#mycaocContainer table{width:100%;border:1px solid #5a7d90;margin-bottom:10px;padding:0 0 0 0;}
#mycaocContainer table ul{list-style:url(../images/bullet.jpg);}
#mycaocContainer a{font-family:arial;font-size:12px;font-weight:normal;text-decoration:underline;color:#5a7d90;line-height:120%;}
span.mycaocInsideHeader{color:#000;font-family:arial;font-size:14px;font-weight:bold;}
span.mycaocBold{color:#000;font-family:arial;font-size:12px;font-weight:bold;}
tr.mycaocTableHeader{background:#eaf0f4;font-family:arial;font-size:13px;font-weight:bold;color:#000;padding:3px;margin:0 0 0 0;}
#mycaocLeftCol{position:relative;float:left;width:58%;margin:2px;}
#mycaocWelcome{position:relative;margin:10px;font-family:arial;font-size:18px;font-weight:bold;color:#5a7d90;}
#mycaocRightCol{position:relative;float:right;width:38%;margin:2px;}