/* Body */
.home,
.inside
{
    color:#696969;
	font:12px/18px Arial, Helvetica, sans-serif;
	min-width: 1003px;
	height:100%;
	background:url(../img/bg-body.jpg) repeat 50% 100%;
}
.calendar_event,
.news_article_details,
.fb_calendarGridBody,
.zone_user_account_details,
.zone_user_profile_details,
.rss_subscribe_details,
#contactPopper,
.fbcms_tinymce
{
    color:#696969;
	font:12px/18px Arial, Helvetica, sans-serif;
	background:#fff;
}
/* END Body */

/*wrapper*/
#wrapper {
	background:url(../img/bg-wrapper.png) repeat-y;
	overflow:hidden;
	margin:0 auto;
	width:960px;
	padding:0 20px;
}
/*header*/
#header {
	width:100%;
	height:1%;
	position:relative;
	z-index:100;
}
#editor #header 
{
    width: 960px;
    height: auto;
}
#header:after {
	clear:both;
	display:block;
	content:"";
}
#header .header-top {
	overflow:hidden;
	width: 960px;
	height:100px;
	background:url(../img/bg-header-top.gif) repeat-x;
}
#editor #header .header-top {
	background:#1C7AC2;
}
.header-top .header-info {
	position: relative;
}
.add-logo {
	position: absolute;
	top: 15px;
	left: 23px;
	width:140px;
	height:65px;
	overflow:hidden;
}
#editor .add-logo 
{
    height: auto;
}
.logo {
	width:217px;
	height:27px;
	overflow:hidden;
	margin:0 0 6px;
	display:block;
}
#editor .logo
{
    height: auto;
}
.logo a {
	display:block;
	height:100%;
}
.slogan {
	display:block;
	overflow:hidden;
	width:218px;
	height:16px;
}
#editor .slogan 
{
    height: auto;
}
.header-info .logo-box {
	position: absolute;
	top: 15px;
	left: 163px;
	padding:16px 0 0 10px;
	width: 217px;
    height: 27px;
}
.header-top .frame  
{
    position: absolute;
	top: 0px;
	right: 0px;
}
#header .header-center {
	background:url(../img/bg-header-center.gif) repeat-x;
	overflow:hidden;
	height:1%;
	font:10px/25px Arial, Helvetica, sans-serif;
	padding:0 12px 0 21px;
}
.header-center .link {
	float:left;
	color:#8cc6f7;
	text-decoration:underline;
}
.header-center .link:hover { text-decoration:none; }
.header-center .navigation {
	padding:0;
	margin:0;
	overflow:hidden;
	height:1%;
	text-align:center;
	list-style:none;
}
.navigation li {
	display:inline-block;
	padding:0 10px 0 13px;
	margin:0 -3px 0 0;
	background:url(../img/seprator1.png) no-repeat 0 8px;
}
.navigation li:first-child, .navigation li.first-child {
	background:none;
	padding:0 10px 0 0;
}
* html .navigation li { display:inline; }
*+ html .navigation li { display:inline; }
.navigation li a  
{
    color:#8cc6f7; 
    text-decoration: none;
}
.navigation li a:hover
{
    text-decoration: underline;
}
.header-center .search-form {
	float:right;
	padding:0;
	margin:0;
	width:156px;
}
.search-form fieldset {
	padding:0;
	margin:0;
	border:0;
}
.search-form .text {
	background:url(../img/bg-input.png) no-repeat;
	width:131px;
	margin:2px 0 0;
	height:21px;
	float:left;
}
.text input {
	line-height:15px;
	padding:3px 5px;
	float:left;
	font-size:10px;
	height:15px;
	width:121px;
	border:0;
	background:none;
}
.search-form .btn-search {
	background:url(../img/btn-search.png) no-repeat;
	width:16px;
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
	line-height:0;
	float:right;
	margin:5px 0 0 8px;
	font-size:0;
	padding:0;
	border:0;
}
.btn-search:hover { cursor:pointer; }
/*nav*/
#header #nav {
	padding:0;
	margin:0;
	height:1%;
	background:url(../img/bg-nav.gif) no-repeat;
	font:12px/40px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	list-style:none;
}
#header #nav:after {
	display:block;
	clear:both;
	content:"";
}
#nav li {
	float:left;
	position:relative;
	text-align:center;
}
#nav li a {
	color:#fff;
	display:block;
	padding: 0 8px 0 8px;
	text-decoration: none;
}
.scaling-active a { padding:0 !important; }
#nav li a:hover, #nav li:hover a, #nav li.hover a {
	background:url(../img/nav-hover.gif) repeat-x;
	text-decoration:none;
}
/*dropdown*/
#nav li .drop {
	position:absolute;
	z-index:9999;
	top:100%;
	left:-9999px;
	width:200px;
	margin:-5px 0 0;
}
#nav li:hover .drop, #nav li.hover .drop {
	display:block;
	left:0;
}
#nav li .drop .holder {height:1%;}
#nav li .drop .t{
	background:url(../img/bg-m1.png) repeat-x;
	height:20px;
	margin:0 9px 0 10px;
}
#nav li .drop .b{
	background:url(../img/bg-m2.png) repeat-x 0 100%;
	height:20px;
	margin:0 9px 0 10px;
}
#nav li .drop  .tl{
	background:url(../img/bg-l1.png) no-repeat;
	float:left;
	height:20px;
	margin:0 0 0 -20px;
}
#nav li .drop .tr{
	background:url(../img/bg-r1.png) no-repeat 100% 0;
	float:right;
	height:20px;
	margin:0 -20px 0 0;
}
#nav .drop .tl, #nav .drop .tr, #nav .drop .bl, #nav .drop .br {
    display: inline;
    font-size: 0;
    height: 20px;
    line-height: 0;
    position: relative;
    text-indent: -9999px;
    width: 20px;
}
#nav li .drop ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
	background:url(../img/bg-subnav.gif);
	line-height:20px;
	text-transform:capitalize;
}
#nav li .drop .bl{
	background:url(../img/bg-l2.png) no-repeat;
	float:left;
	height:20px;
	margin:0 0 0 -20px;
}
#nav li .drop .br{
	background:url(../img/bg-r2.png) no-repeat 100% 0;
	float:right;
		height:20px;
	margin:0 -20px 0 0;
}
#nav li .drop .frame{
	position:relative;
}
#nav li .drop .frame .right,
#nav li .drop .frame .left {
	position:absolute;
	width:10px;
	background:url(../img/bg-m3.png) repeat-y;
	height:100%;
	top:0;
	left:-10px;
}
#nav li .drop .frame .right {
	background:url(../img/bg-m4.png) repeat-y 100% 0;
	left:auto;
	right:-10px;
}
* html #nav li .drop .frame .right {right:-11px;}
#nav li .drop ul li {
	text-align:left;
	width:100%;
	background:none;
	float:none;
}
#nav li .drop ul li a {
	display:block;
	padding:5px 5px 5px 25px !important;
	color:#fff;
	background:none;
	height:1%;
}
#nav li .drop ul li a:hover {
	background:url(../img/bg-subnav-hover.gif);
	text-decoration:none;
}
#wrapper .visual {
	overflow:hidden;
	background:url(../img/bg-visual.gif) no-repeat 0 100%;
	padding:0 0 20px;
	height:1%;
	position:relative;
}
#wrapper .visual #focus_image 
{
    height: 348px;
    overflow: hidden;
}
.visual img { display:block; }
.visual .caption {
	position:absolute;
	bottom:20px;
	left:0;
	z-index: 5;
}
.caption h2 {
	background:url(../img/img-caption.png) no-repeat;
	width:958px;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
}
/*seaction*/
.section {
	background:url(../img/bg-section-c.gif) repeat-y;
	width:960px;
}
.section .holder { background:url(../img/bg-section-t.gif) no-repeat 0 0; }
.section .frame {
	background:url(../img/bg-section-b.gif) no-repeat 0 100%;
	overflow:hidden;
	width:914px;
	padding:12px 23px 54px;
}
.section .column {
	width:257px;
	margin:0 18px 0 26px;
	float:left;
}
#editor .section .column {
	margin:0 10px 0 26px;
	float:left;
}
.section .column:first-child, .section .column.first-child {
	width:238px;
	margin:0 31px 0 0;
}
.column h2 {
	margin:0 0 11px;
	color:#1a79c2;
	font-size:18px;
	line-height:25px;
}
/*main*/
#main {
	height:1%;
	background:url(../img/bg-main.gif) repeat-y;
}
#main:after,
.main-holder:after {
	display:block;
	content:"";
	clear:both;
}
.main-holder {
	width:100%;
	background:url(../img/bg-main-b.gif) no-repeat 0 100%;
}
#editor #main 
{
    width: 960px;
}
#main .container {
	float:right;
	width:810px;
	position:relative;
	z-index:5;
	margin:0 0 0 -28px;
}
.container .photo {
	overflow:hidden;
	position:relative;
	z-index:10;
}
.container .photo #focus_image
{
    height: 182px;
    overflow:hidden;
    background:url(../img/bg-photo.png) no-repeat 0 100%;
}
.container .photo #focus_image img
{
    height: 164px;
    overflow:hidden;
}
.container .photo img {
	display:block;
	position:relative;
}
.container #twocolumns {
	height:1%;
	padding:10px 0 0 28px;
	min-height: 500px;
}
.container #twocolumns:after {
	display:block;
	content:"";
	clear:both;
}
/*content*/
#twocolumns #content {
	color:#696969;
	width:593px;
	float:left;
	margin:0 32px 0 0;
	line-height:15px;
}
.twoCol #twocolumns #content 
{
    width: 733px;
}
#twocolumns .aside {
	background:url(../img/bg-aside.gif) no-repeat 0 -12px;
	float:left;
	min-height:356px;
	width: 140px;
	margin:-27px 0 0;
	padding:24px 0 0 14px;
	position:relative;
	z-index:2;
}
#editor #twocolumns .aside 
{
    overflow: auto;
}
* html #twocolumns .aside { margin:-17px 0 0; }
/*sidebar*/
#main #sidebar {
	float:left;
	background:url(../images/bg-sidebar.png) no-repeat;
	width:171px;
	height:670px;
	padding:9px 0 0 7px;
}
#main #sidebar #sideNav
{
    width: 130px;
}
/*footer*/
#footer 
{
    position: relative;
	background:url(../img/bg-footer.jpg) no-repeat;
	text-align:center;
	padding:15px 0 18px;
	font-size:10px;
	color:#72afe2;
}
#editor #footer
{
    width: 940px;
}
#footer .add-nav {
	overflow:hidden;
	padding:0;
	margin:0;
	text-align:center;
	font-size:10px;
	line-height:15px;
	list-style:none;
}
.add-nav li {
	display:inline-block;
	background:url(../img/seprator1.png) no-repeat 0 3px;
	padding:0 7px 0 8px;
	margin:0 -3px 0 0;
}
* html .add-nav li { display:inline; }
*+ html .add-nav li { display:inline; }
.add-nav li:first-child, .add-nav li.first-child {
	background:none;
}
.add-nav li a {
	color:#72afe2;
	text-decoration:none;
}
.add-nav li a:hover { text-decoration:underline; }
.skip {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.skip:focus {
	position:static;
	width:auto;
	height:auto;
}
#footer #translator
{
    position: absolute;
    top: 14px;
    left: 16px;
}
#footer #translator select, #footer #translator input {
    font-size: 10px;
}
#footer #translator .browse-text
{
    display: block;
    text-align: left;
}

/* Side Navigation Menu */
#sideNav a
{
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
    padding-bottom: 6px;
    color: #8CC6F7;
}
#sideNav a:hover,
#sideNav a.active
{
    text-decoration: underline;
    color: white;
}

#sideNav .level_0 a
{
    margin: 0 0 9px;
    color: white;
    font-size: 13px;
    width: 143px;
    line-height: 25px;
    font-weight: bold;
    padding: 0;
}
#sideNav .level_0 a.active
{
    text-decoration: none;
}

#sideNav .level_1 a
{
    padding: 0 0 6px 10px;
}
#sideNav .level_1 a:hover,
#sideNav .level_1 a.active
{
    background: url(../img/bullet2.png) no-repeat 0 3px;
}

#sideNav .level_2 a
{
    padding-left: 20px;
}

#sideNav .subNav_3_plus a
{
    font-size: 11px;
    line-height: 12px;
}

#sideNav .level_3 a
{
    padding-left: 40px
}
#sideNav .level_4 a
{
    padding-left: 60px;
}
/* END Side Navigation Menu */


/*
==================================================================
!!!!   DATA DRIVEN STYLING
==================================================================
*/

/*
-------------------------------------
 Rich Text Formatting
-------------------------------------
*/
.fbcms_content h1
{
    margin: 0 0 13px;
    color: #1A79C2;
    font: 18px/25px Arial, Helvetica, sans-serif;
}

.fbcms_content h2
{
    color: #1A79C2;
}
.fbcms_content h3
{
}

.fbcms_content h4
{
    color: #696969;
}

.fbcms_content ul
{
    margin: 0;
}

.fbcms_content ul li
{
    background: url(../img/bullet1.gif) no-repeat 3px 5px;
    padding: 0 0 0 15px;   
    margin: 0;
}

.fbcms_content ul li a { text-decoration: none; }
.fbcms_content ul li a:hover { text-decoration: underline; }

.fbcms_content a
{
    color: #1A79C2;
}
/*
-------------------------------------
 END Rich Text Formatting
-------------------------------------
*/


/*
===========================================================
 Staff Styling
===========================================================
*/
/*
-------------------------------------
 Staff Directory Search
-------------------------------------
*/
.fbcms_staff_search_results .column_title_row
{
    color: #1A79C2;
}

.fbcms_staff_search_results .data .contact #emailIcon
{
    background-color: #1A79C2;
}
/*
-------------------------------------
 End Staff Directory Search
-------------------------------------
*/


/*
-------------------------------------
 Staff Directory Overrides
-------------------------------------
*/

.fbcms_staff_listing_column .emailIcon a
{
    background-color: #1A79C2;
}

.fbcms_staff_listing_column .emailIcon a:hover
{
    background-color: #000;
}

.fbcms_staff_listing_row .emailIcon a img
{
    background-color: #1A79C2;
}

.fbcms_staff_listing_row .emailIcon a:hover img
{
    background-color: #000;
}
/*
-------------------------------------
 END Staff Directory Overrides
-------------------------------------
*/
/*
===========================================================
 END Staff Styling
===========================================================
*/


/*
===========================================================
 News Styling
===========================================================
*/
/*
-------------------------------------
 News Article Details
-------------------------------------
*/
.news_article_details .article_date_cell
{
    background-color: #1A79C2;
}

.news_article_details .article_date_cell,
.news_article_details .news_titles_cell
{
    background-color: #1A79C2;
}

.fbcms_news_headlines
{
    position: relative;
}

.fbcms_news_headlines .fbcms_rss_link
{
    position: absolute;
    top: -30px;
    right: 0;
}

/*
-------------------------------------
 End News Article Details
-------------------------------------
*/
/*
===========================================================
 END News Styling
===========================================================
*/


/*
===========================================================
 Calendar Styling
===========================================================
*/

/* Calendar List */
.month_table .month_header
{
    background-color: #057BBF;
}
/* END Calendar List */

/* Calendar Grid */
.calendargrid .caltab .monthname
{
    color: #1A79C2;
}

.calendargrid .caltab .dayofweek
{
    background-color: #1A79C2;
    border-color:#ffffff;
    border-right-color: #ffffff;
}

.calendargrid .caltab .datecell
{
    border-color:#ffffff;
}

.calendargrid .caltab .othermonth .daynumber,
.calendargrid .caltab .weekend .daynumber
{
    background-color: #999;
    color: #fff;
}

.calendargrid .caltab .othermonth,
.calendargrid .caltab .othermonth .listcell,
.calendargrid .caltab .weekend,
.calendargrid .caltab .weekend .listcell
{
    background-color: #F5F6F5;
}

.calendargrid .caltab .currentmonth .daynumber
{
    background-color: #1A79C2;
    color: #fff;
}

.calendargrid .caltab .currentmonth
{
    background-color: #F5F6F5;
}
/* END Calendar Grid */


/* Calendar Event */
.calendar_event .event_details caption
{
    color: #1A79C2;
}
/* END Calendar Event */


/* Small Calendar Grid */
.fbcms_calendar_mini,
.fbcms_calendar_mini caption,
.fbcms_calendar_mini th,
.fbcms_calendar_mini td,
#fbcms_calendar_miniPopup_eventInfo
{
    border-color: #cccccc;
}

.fbcms_calendar_mini td
{
    color: #696969; /* Main text */
}

.fbcms_calendar_mini th
{
    background: #1A79C2; /* Day name background */
    color: #fff;
}
.fbcms_calendar_mini_title,
.fbcms_calendar_mini td.fbcms_calendar_mini_event,
.fbcms_calendar_miniPopupEventInfo_description,
.fbcms_calendar_mini caption .fbcms_calendar_mini_monthName,
.fbcms_calendar_mini caption .fbcms_calendar_mini_yearNumber,
.fbcms_calendar_mini caption .fbcms_calendar_mini_prevMonth,
.fbcms_calendar_mini caption .fbcms_calendar_mini_nextMonth
{
    color: #1A79C2;  /* Accent color */
}
/* END Small Calendar Grid */

/*
===========================================================
 END Calendar Styling
===========================================================
*/


/*
===========================================================
 Blog Styling
===========================================================
*/
.fbcms_blog_controlbar
{
    background-color: #1A79C2;
}
/*
===========================================================
 END Blog Styling
===========================================================
*/


/*
===========================================================
 PPZ Widget Styling
===========================================================
*/
.fbcms_ppz_widget
{
    display: block;
    position: absolute;
    right: 0;
    top: 40px;
    height: 20px;
}
/*
===========================================================
 END PPZ Widget Styling
===========================================================
*/


/*
===========================================================
 Pager Styling
===========================================================
*/
.pager .btnResultNavigation
{
    background-color: #ccc;
}

.pager a .btnResultNavigation
{
    background-color: #1A79C2;
}

.pager a:hover .btnResultNavigation
{
    background-color: #000;
}

.changeperpageform select
{
    border-color: #1A79C2;
}
/*
===========================================================
 END Pager Styling
===========================================================
*/

#fb_profile {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

#fb_profile .fb_profile_photo
{
    float: left;
    margin-right: 10px;
}

#fb_profile .fb_profile_name
{
    color: #1A79C2;
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
}

#fb_profile .fb_profile_responsibilities
{
    font-weight: bold;
    line-height: 130%;
    margin-bottom: 8px;
}

#fb_profile .fb_profile_content
{
    padding-top: 10px;
    clear: both;
}

/*
==================================================================
!!!! END DATA DRIVEN STYLING
==================================================================
*/