@charset "UTF-8";



/* BRX_FILENAME /var/www/public/fancybox/jquery.fancybox.css */
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}



/* BRX_FILENAME /var/www/public/fancybox/helpers/jquery.fancybox-buttons.css */
#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-image: url('fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}



/* BRX_FILENAME /var/www/public/themes/1/slider.css */
#scroller1>* {display:none;}
#scroller1 {
	width: 560px;
	height: 250px;
    
	border-radius: 4px;
	/* fallback */
	background-color: #fff;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #fff, #f3f4f4);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #fff, #f3f4f4);
	/* IE 10 */
	background: -ms-linear-gradient(top, #fff, #f3f4f4);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #fff, #f3f4f4);
	border: 1px solid #dcddde;
	/* Do not alter the below settings */
	white-space: nowrap;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 18px;
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}

/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
#scroller1 div.item 
{
	padding: 2px;
	margin-right: 20px;
	text-align: center;
	position: relative;
}


/*-------- style of user defined class ---------*/
#scroller1 div.each 
{
	color: #333;
	white-space: normal;
	width: 120px;
}



#scroller1 .each img 
{
    border:none;
    float:left;
	margin-bottom:6px;
}

/** This replcaes the div tag added for each Image title **/

.each p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.25em;
	font-weight: 300;
	color: #333;
	text-align: center;
}

#scroller1 img 
{
    border:none;
}


/*---------built-in navigation buttons-------*/
#scroller1 .navPrev, #scroller1 .navNext, #scroller1 .navPlay, #scroller1 .navPause 
{
	width: 16px;
	height: 22px;
	position: absolute;
	display: inline-block;
	z-index: 5;
	cursor: pointer;
	background-image: url(/public/themes/1/nav_dcb.png);
}
#scroller1 .navPrev {
	background-position: 0 -16px;
	top: 114px;
	left: -16px;
}
#scroller1 .navPrev:hover {background-position:0 -44px;}
#scroller1 .navPrevDisabled, #scroller1 .navPrevDisabled:hover {background-position:0 0;cursor:default;}

#scroller1 .navNext {
	background-position: -16px -16px;
	top: 114px;
	right: -16px;
} 
#scroller1 .navNext:hover {background-position:-16px -44px;} 
#scroller1 .navNextDisabled, #scroller1 .navNextDisabled:hover {background-position:-16px 0; cursor:default;} 

#scroller1 .navPause, #scroller1 .navPlay {
	left: 272px;
	top: 256px;
}
#scroller1 .navPause {
	background-position: 0 -66px;
} 
#scroller1 .navPause:hover {background-position:0 -88px;} 
#scroller1 .navPlay {background-position:-16px -66px;} 
#scroller1 .navPlay:hover {background-position:-16px -88px;} 

.navPrev, .navPlay, .navPause, .navNext 
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}
       
/*---------built-in navigation bullets--------*/
/* Note: the navBullets won't be available when "scrollByEachThumb" was set to false in the Javascript.*/
#scroller1 .navBullets
{
    display:none;
}

/*--------- class1 that is for the slide with HTML content------------*/
.class1 
{
    width:130px;
    height: 80px;
    background:#444;
    text-align:center;
    color:White;
    font:normal 11px/14px Arial;
    white-space:normal;
}
.class1 p
{
    margin-top:0;
    margin-bottom:6px;
    padding-top:6px;
    font:bold 13px Verdana;
    color:#F90;
}


#scroller1 div.each, #scroller1 div.item  {
    width: auto;
    text-align: left;
}


/** to dynamic width */
#scroller1 div.item {
	text-align: center;
	overflow:hidden;
}

.item {
	display: inline;
}

#scroller1 div.each {
	overflow: hidden;
}
#scroller1 div.each a, #scroller1 div.each div {
	width: 100%;
	display: block;
	float: left;
}





/* BRX_FILENAME /var/www/jquery/autocomplete/css/smoothness/jquery-ui-1.8.23.custom.css */
/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.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:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.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 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* 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-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
 * jQuery UI Autocomplete 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.23
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	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 {
	font-weight: normal;
	margin: -1px;
}




/* BRX_FILENAME /var/www/public/css/base.css */
/* DCB CSS MASTER – EDITED APRIL 14 2013 */
/** SOCIAL MEDIA BAR MARCH 5 2013 */

/* BASE*/ 
/*
    DCB 2012
    Designer: John Beadle
    
    COLORS:
    BASE:	#990000
    RED:	#ff0000
    DARK:	#660000
    TEXT:	#333333
    GOLD:	#ffcc33
    TAN:	#ffcc99
    GREY:	#b1b3b6
    RULE:	#dcddde
    
*/

/* CSS 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}

ol, ul, li {
    list-style:none;
}

header, nav, footer, section {
    display:block;
    overflow: hidden;
}

/* HEADER STYLES */

html {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(/public/images/map4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
#wrapper {
    width: 1024px;
    overflow: hidden;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 40px;
    background-color: #FFF;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #333;
    border-left-color: #333;
    padding-top: 0;
}

header {
    width: 1024px;
    margin: 0  auto  20px auto;
    height: 200px;
}

nav {
    float: left;
    width: 976px;
    height: 40px;
    background-color: #990000;
    padding-left: 48px;
}

nav li {
    float: left;
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;
    color: #fff;
    margin-left: 0;
    margin-top: 10px;
    margin-right: 20px;
}

nav li a {
    float: left;
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    -ms-transition: color .3s linear;
    transition: color .3s linear;
    font-weight: 300;
}

nav li a:hover {
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color:#ffcc99;
    font-weight: 300;
}

nav ul.nav_user {
    float: right;
    margin-right: 30px;
}

#logo {
    float: left;
    height: 112px;
    width: 458px;
    margin-top: 10px;
    margin-left: 40px;
}

#search {
    /* new base */
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    float: left;
    height: 32px;
    width: 232px;
    width: 375px; /* my base.css */
    margin-left: 100px;
    margin-top: 40px;
    margin-top: 10px; /* my base */
}
@media screen and (max-width: 700px) {
    #search {
        line-height: auto;
    }
    
}


.simple-input {
    /* my base */
    float: left;
    /* new base */
    display: block;
    padding: 5px;
    border: 2px solid #b1b3b6;
    border-radius: 4px;
    color: #333;
    transition: all 0.3s ease-out;
    width: 232px;
    width: 308px; /* my base */
    height: 22px;
    font-size: 18px;
    margin-top: 1px;
}

.go-btn {
    width: 24px;
    height: 38px;
    background-color: #990000;
    color: #FFF;
    border-radius: 4px;
    border: 1px solid #660000;
    margin-top: 2px;
}

.go-btn:hover {
    color: #ffcc99;
}
.simple-input:hover { border-radius: 4px; }
.simple-input:focus {
    outline: none;
    border-radius: 4px;
    border-color: #666;
}

/** LANGUAGE STYLES **/


/** SOCIAL, TOOLS **/

#social, #tools {
    width: auto;
    height: 30px;
}

#tools {
    margin-top: 43px; 
    float: left;
    overflow: hidden;
    width: 380px; 
    height: 45px;
    margin-left: 100px;
    white-space: nowrap;
}

#tools li {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #990000;
    float: left;
    margin-right: 12px;
    margin-left: 0;
}

#tools li a {
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #990000;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    -ms-transition: color .3s linear;
    transition: color .3s linear;
    font-weight: 400;
}

#tools li a:hover {
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #333;
    font-weight: 400;
}
#tools-fr {
    float: left;
    height: 32px;
    margin-top: 28px;
    margin-left: 100px;
    overflow: hidden;
}

#tools-fr li {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    float: left;
	margin-top: 8px;
    margin-right: 20px;
}

#tools-fr li a {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #990000;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    -ms-transition: color .3s linear;
    transition: color .3s linear;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
}


#tools-fr li a:hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #333;
    font-size: 24px;
}

div#tools-fr ul li img {
	width: 24px;
}
#social {
    float: right;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 40px;
}

.social-icon {
    float: left;
    margin-right: 12px;
}

/* FONT STYLES */

h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 30px; /* TODO: was this value, could be required */
    line-height: 36px;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 6px;
}

h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: 300;
    margin-top: 12px;
    line-height: 32px;
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 12px;
}
#sidebar-features h2:first-of-type, #col-1 h2:first-of-type {
    padding-top: 0px;
    margin-top: 0px;
    border-top-width: 0px;
    border-top-style: solid;
    padding-top: 0px;
}

h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 6px;
    text-transform: uppercase;	
}

h4 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 300;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 24px;
}

h5 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    margin-bottom: 6px;
}

h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    margin-bottom: 6px;

}

p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 12px;
}
/** jtk r1, editors requested slight leading change */
p {
    line-height: 1.5em;
}

a {
    text-decoration: none;
    color: #990000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 300;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    -ms-transition: color .2s linear;
    transition: color .2s linear;
}
a:hover {
    color:#ffcc99;
}


a img {
    border:0;
}

sub, sup {
    line-height: 0;
}

/* ELEMENTS */

blockquote{
    margin-left:-96px;
}

blockquote.left{
    margin-right:32px;
    width:28em;
}
blockquote p{
    font-style:italic;
    text-indent:8px;
}
cite{
    white-space:nowrap;
    display:block;
    text-indent:0;
    padding-left:24px;
}
abbr{
    color:#990000;
    border-bottom:1px dotted #990000;
    cursor:help;
}
strong{
    font-weight:bold;
}
em{
    font-style:italic;
}
code,pre{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
pre{
    font-size:18px;
    line-height:32px;
    margin-bottom:32px;
    margin-left:-80px;
    width:100%;
}
code{
    font-size:16px;
    line-height:16px;
    color:#038;
}
q{
    font-style:italic;
}
address{
    font-size:24px;
    line-height:24px;
    margin-bottom:24px;
}
ins{
    background:#ffcc99;
    text-decoration:none;
}

/* LEFT SECTION CLASSES */

.content {
    width: 980px;
    min-height: 1200px;
    margin-top: 20px;
    margin-left: 40px;
    float: left;
}
.content-left {
    width: 300px;
    min-height: 1200px;
    margin-top: 0;
    float: left;
    margin-left: 40px;
}

.col-left-red, .col-left-white, .col-left-grey {
    width: 250px;
    min-height: 40px;
    float: left;
    padding: 24px;
    border-radius: 4px;
    margin-top: 0;
    margin-bottom: 24px;
    position: relative;
}
.col-left-red a, .col-left-white a, .col-left-grey a {
    font-size: 14px;
    font-weight: 700;
}

.col-left-red {
    background-color: #990000;
    color: #FFF;
    clear: right;
    border: 1px solid #660000;
}

.col-left-red a {
    color: #fff;
}

.col-left-red a:hover {
    color:#ffcc99;
}
.col-left-white {
    background-color: #FFFFFF;
    border: 1px solid #dcddde;
    color: #990000;
}
.col-left-white a {
    color: #990000;
}
.col-left-white a:hover {
    color:#666;
}
.col-left-white a:visited {
    color:#736773;
}
.col-left-white p {
    color:#333;
}
.col-left-grey {
    /* fallback */
    background-color: #fff;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff, #f3f4f4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff, #f3f4f4);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fff, #f3f4f4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff, #f3f4f4);
    color: #990000;
    border: 1px solid #dcddde;
}

.col-left-grey a {
    color: #990000;
}
.col-left-grey a:hover {
    color:#666;
}
.col-left-grey a:visited {
    color:#736773;	
}

.col-left-grey p {
    color:#333;
}



/* NAV LEFT CLASSES */

.nav-fixed {
    width: 298px;
    min-height: 400px;
    position: fixed;
    margin-top: 20px;
    margin-left: 40px;
    z-index: 100;
    display: block;
    margin-bottom: 20px;
}
.nav-fixed li {
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding-top: 6px;
    padding-left: 12px;
    padding-bottom: 6px;
    line-height: 24px;
    background-color: #990000;
    border: 1px solid #660000;
    border-radius: 2px;
    margin-bottom: 16px;
    letter-spacing: 1px;
}

.nav-fixed li a {
    font-size: 16px;
    width: 100%;
    color: #fff;
}

.nav-fixed li a:hover {
    color: #ffcc99;
}

.nav-left {
    width: 250px;
    min-height: 100px;
    float: left;
    margin-bottom: 40px;
    margin-bottom: 24px; /* my base */
    /* fallback */
    background-color: #fff;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff, #f3f4f4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff, #f3f4f4);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fff, #f3f4f4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff, #f3f4f4);
    color: #990000;
    border: 1px solid #dcddde;
    border-radius:4px;
    padding: 24px;
}

.nav-left li {
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;
    color: #990000;
    line-height: 24px;
    margin-bottom: 6px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #f3f4f4;
    padding-bottom: 6px;
}

.nav-left li a {
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #990000;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    -ms-transition: color .3s linear;
    transition: color .3s linear;
    font-weight: 300;
    line-height: 24px;
}
.nav-left li a:hover {
    color: #666;
}
.nav-left li a:visited {
    color:#736773;	
}
.nav-left ul li ul li {
    display: list-item;
    list-style-type: square;
    margin-left: 1em;
    margin-bottom: 0;
    text-transform: none;
    line-height: auto;
}

/* NAV LEFT RED CLASSES */

.nav-left-red {
    width: 250px;
    height: 40px;
    float: left;
    margin-bottom: 40px;
    /* fallback */
    background-color: #990000;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#990000), to(#890202));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #990000, #890202);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #990000, #890202);
    /* IE 10 */
    background: -ms-linear-gradient(top, #990000, #890202);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #990000, #890202);
    color: #fff;
    border: 1px solid #660000;
    border-radius: 4px;
    padding-top: 12px;
    padding-left: 24px;
    padding-right: 24px;
}

.nav-left-red li {
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;
    color: #fff;
    line-height: 24px;
}
.nav-left-red li a {
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    -ms-transition: color .3s linear;
    transition: color .3s linear;
    font-weight: 300;
    line-height: 24px;
}
.nav-left-red li a:hover {
    color: #ffcc99;
}


/* RIGHT SECTION CLASSES */


.content-right {
    width: 600px;
    min-height: 1200px;
    float: right;
    margin: 0px;
    margin-right: 40px;
}


.example-wrapper{
    position: relative;
    width: 600px;
    margin-bottom: 20px;
    float: right;
    min-height:300px;
}

.example-wrapper p {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    font-weight: 300;
    line-height: 18px;	
}
.one-col-right {
    width: 600px;
    float: left;
    font-size: 16px;
    color: #990000;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 20px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #990000;
    padding-top: 12px;
}
.one-col-right p {
    color:#333;
}
.one-col-right a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 500;
    text-decoration: underline;
}
.one-col-right a:hover {
    color:#333;	
}
.one-col-right a:visited {
    color:#736773;	
}
.two-col-white {
    width: 552px;
    min-height: 400px;
    float: left;
    margin-right: 40px;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #dcddde;
    color: #990000;
    margin-bottom: 20px;
    padding: 24px;
}
.two-col-white p {
    color:#333;	
}

.two-col-white a {
    color: #990000;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.two-col-white a:hover {
    color:#333;	
}
.two-col-white a:visited {
    color:#736773;	
}
.two-col-grey {
    width: 552px;
    min-height: 360px;
    float: left;
    margin-right: 40px;
    border-radius: 4px;
    /* fallback */
    background-color: #fff;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff, #f3f4f4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff, #f3f4f4);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fff, #f3f4f4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff, #f3f4f4);
    border: 1px solid #dcddde;
    color: #990000;
    margin-bottom: 20px;
    padding: 24px;
    margin-top: 20px;
}
.two-col-grey img {
    float: left;
    margin-right: 12px;
    margin-bottom: 6px;
    margin-top: 6px;
    border: 1px solid #dcddde;
}
.two-col-grey a {
    color: #990000;
    /* font-size: 14px; removed in new base.css */
    font-weight: 700;
}
.two-col-grey a:hover {
    color:#333;	
}
.two-col-grey a:visited {
    color:#736773;	
}
.two-col-grey p {
    color:#333;	
}
.two-col-red {
    width: 552px;
    min-height: 400px;
    float: left;
    margin-top: 20px;
    margin-right: 40px;
    border-radius: 4px;
    background-color: #990000;
    border: 1px solid #660000;
    color: #fff;
    margin-bottom: 20px;
    padding: 24px;
}
.two-col-red p {
    color:#fff;
}

.two-col-red a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.two-col-red a:hover {
    color:#ffcc99;	
}
.col-right-grey1 {
    width: 260px;
    float: left;
    margin-right: 20px;
}
.col-right-grey2 {
    width: 240px;
    float: left;
    padding-left: 20px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #990000;
}
.col-right-1 {
    width: 44.5%;
    margin-right: 2.5%;
    border: 0 solid black;
    overflow: hidden;
}
.col-right-2 {
    border: 0 solid black;
    width: 44.5%;
    padding-left: 0;
    overflow: hidden;
}
.col-right-1, .col-right-2 {
    float: left;
}

.last {
    float: left;
    width: 170px;
    margin-bottom: 12px;
    margin-right: 0;
}


/* BIOGRAPHY CLASSES */


.bio {
    width: 600px;
    min-height: 600px;
    float: left;
    color: #333;
    margin-bottom: 12px;
    padding-right: 24px;
}
.bio a {
    color: #990000;
    text-decoration: underline;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 500;
}
.bio a:hover {
    color:#666;
}
.bio a:active {
    color:#666;

}
.bio a:visited {
    color: #736773;
}
.bio-name {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #990000;	
}
div.left, img.left {
    width: 200px;
    float: left;
    margin-right: 16px;
    border: 1px solid #666;
    /* margin-bottom: 10px; removed in new base.css */
}

div.right, img.right {
    width: 200px;
    float: right;
    margin-left: 16px;
    border: 1px solid #666;
    /* margin-bottom: 10px; removed in new base.css */
}
.biblio {
    width: 600px;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    font-weight: 300;
    margin-bottom: 20px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #333;
    padding-top: 12px;
}
.biblio a {
    color: #990000;
    text-decoration: underline;
    font-weight: 500;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.biblio a:hover {
    color: #333;
    font-weight: 500;
}

.float-right {
    float: right;
    margin-right: 40px;	
}


/* SOCIAL SHARE */

.share {
    clear: both;
    margin: 20px 0 20px 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dcddde;
    padding: 6px 6px 6px 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dcddde;
    overflow: auto;
}
.single .share {
    margin-top: 60px;
}
.share em {
    text-transform: uppercase;
    color: #b1b3b6;
    letter-spacing: .1em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    font-style: normal;
}
.share span, .share iframe {
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 6px;
    margin-left: 6px;
}

.icon-share {
    float:left;
    width:auto;
    margin-right:12px;
}
.share-follow {
    float: left;
    margin-right: 12px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 36px;
    color: #900;
}

article.share {
}

#social-follow div {
    float: left;margin-right: 12px;
}
/* THREE COLUMN CLASSES */

.col-left-3 {
    width: 200px;
    min-height: 1200px;
    float: left;
    margin-left: 40px;
    margin-top: 20px;
    background-color: #990000;
    border-radius: 4px;
    color: #FFF;
    padding: 24px;
}

.col-mid-3 {
    width: 360px;
    min-height: 1200px;
    float: left;
    margin-left: 40px;
    margin-top: 20px;
    color: #990000;
}
.col-mid-3 p {
    color: #333;
}
.col-right-3 {
    width: 200px;
    min-height: 1200px;
    float: right;
    margin-top: 20px;
    background-color: #990000;
    border-radius: 4px;
    color: #FFF;
    padding: 24px;
    margin-right: 40px;
}


/* MEDIA CLASSES */


.slider-1 {
    width: 600px;
    float: left;
    margin-bottom: 20px;
    height: 340px; /*from beadle/home5/ */
    color: #990000;
}
.slider-2 {
    width: 600px;
    float: left;
    color: #990000;
    padding: 0;
    margin: 0 0 20px 0;
}

.scroller {
    width: 600px;
    min-height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #990000;
}

.scroller-wide {
    width:600px;
    min-height:300px;
    margin-top:20px;
    margin-bottom:20px;
    color:#990000;
}

/* FOOTER CLASSES */


footer {
    background-color: #990000;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    width: 1024px;
    height: 230px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #333;
    border-left-color: #333;
    z-index: 1000;

}
.col-left-footer {
    width: 300px;
    min-height:200px;
    float: left;
    margin-left: 40px;
    margin-top: 40px;
    color: #FFF;
    padding-left: 12px;
    margin-right: 36px;
}
.col-left-footer p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 6px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.col-left-footer a {
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.col-left-footer a:hover {
    color:#ffcc99;
}

#chc {
    width: 356px;
    height: 200px;
    float: right;
    margin-right: 36px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    line-height: 16px;
    padding: 0;
}
.chc-text {
    width: 160px;
    float: left;
    margin-top: 8px;
}
.chc-text-fr {
    width: 160px;
    float: right;
    margin-top: 8px;
    padding-left: 17px;
    margin-left: 18px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFF;
}
.chc-text-left {
    width: 160px;
    float: left;
    margin-top: 8px;
}
.chc-text-right {
    width: 160px;
    float: right;
    margin-top: 8px;
    padding-left: 16px;
    margin-left: 18px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFF;
    padding-right: 0;
}
#ut {
    width: 196px;
    height: 82px;
    float: left;
    margin-top: 36px;
}
#laval {
    width: 130px;
    height: 56px;
    float: left;
    margin-top: 12px;
}
.ut-fr {
    width: 196px;
    height: 82px;
    float: left;
    margin-top: 12px;
}

.laval-fr {
    width: 130px;
    height: 56px;
    float: left;
    margin-top: 48px;
}



/** 
 * These replace the png files with pure css as the arrows look ginormous in all browsers *
  Change html for button to <input id="search_go" value=">" type="button">
 
*/
#search_go {
    float: right;
    width: 40px;
    font-size: 24px;
    height: 36px;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #990000;
    color: #FFF;
    border-radius: 4px;
    border: 1px solid #660000;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding-bottom:4px;
}
#search_go:hover {
    color:#ffcc99;
}
#follow, #twitter, #facebook {
    height: 34px;
    position: relative;
}
#twitter, #facebook {
    margin-top:2px;
}
.social-icon {
    height: auto;
}

#follow em {
    position: absolute;
    bottom: 0;
    display: block;
    text-align: left;
    height: auto;
    right: 0;
    width: auto;
    white-space: nowrap;
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #990000;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    -ms-transition: color .3s linear;
    transition: color .3s linear;
    font-weight: 400;
}
.follow em {
    text-transform: uppercase;
    color: rgb(177, 179, 182);
    letter-spacing: 0.1em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    font-style: normal;
}

div.image-container {
    text-align: center;
}

div.image-container h2 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    border: 0 solid black;
    padding: 0.25em 0 0 0;
    font-size: 12pt;
    font-weight: 400;
    text-align: center;
}
div.image-container .image-caption {
    width: 200px;
    height: auto;
    max-height: 120px;
    display:block;
    overflow: auto;
}
div.image-container p {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0.5em;
    font-size: 10pt;
    line-height: auto;
    line-height: normal;
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
}
div.image-container p:first-child {
    border-top: 1px solid #900;
}
div.image-container p a {
    font-size: 10px;
    font-family: Verdana, Arial, sans-serif;
    line-height: normal;
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
}

div.image-container img {
    cursor: pointer;
}

.two-col-red {
    min-height: 100px;
}


.morelist-internal a {
    display: block;
    width: 100%;
    padding-bottom: 1em;
}
.morelist-more-container {
    display:none;
}

#related_content-1 ul li, #related_content-2 ul li {
    padding-bottom: 1em;
}

div.stupid-ruler {
    border-bottom: 2px solid #900;
    overflow: hidden;
    width: auto;
    float: right;
    float:none;
    clear:both;
}

div.stupid-ruler span {
    display:block;
    margin: 0;
    padding: 0.25em;
    float: left;
}

div.stupid-ruler span a {
    display: inline;
    padding:0;
}

.col-left-red h2 a, .col-left-white h2 a, .col-left-grey h2 a   {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 300;
    font-size: 24px;
    text-transform: inherit;
}

.col-left-red .expand, .col-left-white .expand, .col-left-grey .expand {
    position: absolute;
    cursor: pointer;
    height: 24px;
    width: 24px;
    right: 11px;
    top: 12px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    font-weight: 700;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 24px;
}
.col-left-red .expand {
    /* fallback */
    background-color: #fff;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff, #f3f4f4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff, #f3f4f4);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fff, #f3f4f4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff, #f3f4f4);
    color: #990000;
    border-radius: 2px;
    border: 1px solid #660000;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
} 
.col-left-red .expand:hover {
    color: #333;	
}
.col-left-white .expand {
    color: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #660000;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-color: #990000;
} 
.col-left-white .expand:hover {
    color: #ffcc99;	
}
.col-left-grey .expand {
    color: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #660000;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-color: #990000;
}

.col-left-grey .expand:hover {
    color: #ffcc99;	
}

#showleft {
    display: none;
}

#left .showleft {
    position: fixed;
}
.showleft {
    display: hidden;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 
        0 1px 1px rgba(0,0,0,0.3), 
        0 0 2px 1px rgba(0,0,0,0.2);
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 700;
    background-color: #990000;
    cursor: pointer;
}

.showleft:hover {
    color:#ffcc99;
}

.image-with-caption {
    text-align: center;
}
.image-with-caption div {
    position: relative;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    margin-bottom: 1em;
    font-size: 12px;
    font-family: arial;

}

.mobile-nav, .mobile-only {
    display: none;
}


#breadcrumbs {
    float: left;
    width: 976px;
    height: 24px;
    background-color: white;
    padding-left: 48px;
    font-size: 12px;
    padding-top: 4px;
}

.highlight {
    background-color: #FC6;
}
.highlight-off {
    background-color: inherit;
}
/** jtk r1, changed side-bar height to have a shorter minimum height to not obscure special projects content underneath it.*/
#sidenav {
    min-height: 100px;
}
/** jtk r1, added additional element to repeat part of the table-of-contents menu at the bottom of the page since featured content will be longer than the TOC element in original page*/
#sidenav-bottom {
    min-height: 10px;
}

/** prevents laval from wrapping left if list is short */
#involved {
    min-height: 400px;
}

/** jtk r1. We needed a no-side-bar version for certain things like the advanced search engine. It wasn't a big deal so I didn't ask for it I just added a secondary display type called single-column '' */
.single-column #left {
    display: none;
}
.single-column #content {
    width: 90%;
    width: 940px; /* my base */
    float: left;
    margin-left: 40px;
    margin-right: 0;
}

/** SOCIAL MEDIA BAR MARCH 5 2013 */
.col-left-grey-social {
    margin-top: 0;
    min-height: 40px;
    /* fallback */
    background-color: #fff;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff, #f3f4f4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff, #f3f4f4);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fff, #f3f4f4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff, #f3f4f4);
    color: #990000;
    border-radius: 4px;
    border: 1px solid #dcddde;
    float: left;
    width: 250px;
    padding: 12px 24px 6px 24px;
    margin-bottom:20px;
}

/** SCROLLER LANGUAGE BUTTONS */

#example-wrapper.button, .slider-2 .button {
    display: inline-block;
    background: #990000;
    border: 1px solid rgba(102,0,0,0.15);
    border-radius: 2px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),
        0 1px 1px rgba(0,0,0,0.3),
        0 0 2px 0 rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /* Font styles */
    text-decoration: none;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0 12px 0 0;
    padding: 6px 12px 6px 12px;
    font-weight: 400;
}

#example-wrapper.button:hover, .slider-2 .button:hover {
    color: #ffcc99;
}

#sidebar {
    margin-left: 40px;
    margin-top: 20px;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    position: fixed;
    width: 298px;
}

#sidebar ul li {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 12px;
    margin-left: 0;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;

}

#sidebar ul li a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    background-color: #990000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 6px 12px 6px 12px;
    letter-spacing: 1px;
}
#sidenav ul {
}
#sidebar ul li a:visited{
    color: #fff;
}

#sidebar ul li a:hover{
    color: #ffcc99;
    background-color: #660000;
}
#sidebar ul li a:focus{
    color: #ffcc99;
    background-color: #660000;
}
#navsecond, #navthird, #navtop {
    opacity: 1;
}

#content {
    float: right;
    width: 600px;
    margin-right: 40px;
    margin-top: 0;
    padding: 0;
}

.fbSendButtonFormContainer {
    z-index: 10001;
}
/**Added styles to improve look of social share icons**/

.ContribAuthor {
    margin-left: 3em;
    text-indent: -3em;
    margin-bottom: 0px;
}
.ContribBios {
    margin-left: 3em;
	font-style: italic;
}
.ContribBios em {
	font-style: normal;
}

.ContribAuthor .SmallCaps {
    font-weight: bold;
    color: #900;

}
.ContribAuthor .ContribName {
	font-variant: small-caps;
    font-weight: bold;
    color: #900;

}

.DcbHeader1 {
    margin-top: 1em;
    font-size: 20px;
}
.DcbHeader2 {
    font-size: 16px;
}

ul.RealList {
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 1em;
}
ul.RealList li {
    list-style: disc;
}

input.warning {
    background-color: #F4C2C2;
}
textarea.warning {
    background-color: #F4C2C2;
}

div.warning {
    background-color: #F4C2C2;
}

.fb_edge_widget_with_comment {
    position: absolute;
    margin-top: 360px;
    margin-left: 25px;
    z-index: 1;
}

a {
    cursor: pointer;
}

.feed-item-sidebar .feed-item-image img {
    margin-left: 68px;
}

.names_right {
    float: left;
    width: 40%;
}
.names_left {
    float: right;
    width: 40%;
    text-align: right;
}

.pluginCountButton, .pluginCountNum {
    display:none;
}

#content p a {
    font-family: Georgia, "Times New Roman", Times, serif;
}


#content p a:hover {
    text-decoration: underline;
}


article h1 {
    text-align: center;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.basic-form div {
    margin-bottom: 8px;
}
.basic-form div label {
    display: inline-block;
    width: 22%;
    margin: 0 2% 0 0;
    padding: 0.5%;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.basic-form div input[type="text"] {
    width: 50%;
}
.basic-form div textarea {
    width: 98%;
}

.basic-form div.instruct {
    padding-top: 0px;
    margin-top: 3px;
    margin-bottom: 1.5em;
    font-size: 90%;
    color: #333;
}

.error {
    background-color: #F4C2C2;
    border: 3px solid #630000;
    margin-bottom: 10px;
    padding: 0.5em;
}

/*
.fancybox-overlay-fixed {
}
.fancybox-desktop {
    min-width: 500px;
    text-align: center;
}
.fancybox-inner {
    min-width: 470px;
    position:relative;
}
.fancybox-image {
    height: auto;
    width: auto;
    left: 50%;
    margin-left: -25%;
}
*/

#text-logo {
    display: none;
}

#content section {
    clear:both;
    position: relative;
    width: 600px;
}
#announcements, #brxtux_qnr {
    border: 3px solid #900;
    margin: 10px 40px;
    padding: 10px 20%;
    text-align: center;

}
#announcements p, #brxtux_qnr p {
    margin: 0px;
}
header, #brxtux_qnr {
    height: 190px;
}

.form div {
    width: 600px;
    padding: 0 0 0 0;
    margin: 0 0 12px 0;
}
.form div label {
    display: block;
    width: 90%;
    background-color: #ddd;
    border-top: 1px solid #fff;
    padding: 2px;
}
.form div input[type='text'] {
    width: 90%;
    padding: 2px;
}
.form div textarea {
    width: 90%;
    padding: 1%;
    height: 10em;
    clear:both;
}

.form div.checkbox {
    margin-left: 1em;
}
.form div.checkbox label {
    display:inline-block;
    width: auto;
    background-color: white;
}
@media screen and (max-width: 700px) {
    /** to narrow */
    header,#left {
        display:none;
    }

    #content {
        width:99%;
        margin: 0px;
        padding: 0px 0px 0px 1%;
    }
    #content section {
        width:100%;
        margin: 0px;
    }
    #content section p {
        width:100%;
        margin: 0px;
        margin-bottom: 1em;
    }
    #content p {
        width: 100%;
    }

    #content .FirstParagraph, #content .NormalParagraph, #content .BiblioParagraph, #content .BibliographyParagraph, #content .BibliographyFirstParagraph {
        width: 100%;
    }
    div.mobile-nav {
        height: auto;
        width: 98%;
        padding: 20px 1% 10px 1%;
        background-color: #990000;
        color: white;
        display: block;
        font-size: 24px;
        overflow: hidden;
    }
    header {
        width: 100%;
        margin: 0px;
        padding: 0px;
        height: auto;
        top: 100px;
        x-position: fixed;
        padding: 0px;
        display: block;
        x-position: fixed;
        background-color: #900;
    }
    nav {
        width:99%;
        margin: 0px;
        padding: 0px 0px 0px 1%;
        height: auto;
    }
    /** other header ids */
    header div {
        display: none;
    }

    nav li {
        margin-top: 5px;
        width: 100%;
        display:block;
    }
    #wrapper nav li a {
        margin-right: 0px;
        background-color: blue;
    }


    #wrapper nav li a, #mobile-menu {
        width: 98%;
        padding: 20px 0.5% 20px 0.5%;
        height: auto;
        font-weight: 400;
        text-transform: none;
        background-color: #990000;
        color: #FFF;
        border-radius: 4px;
        border: 1px solid #660000;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    x-div.left {
        width: 100%;
        display: block;
        float: none;
        text-align: center;
    }

    #mobile-menu {
        padding: 0px 0.5%;
        float: right;
        display: block;
        font-weight: 900;
        width: auto;
        padding-left: 2%;
        padding-right: 2%;
        z-index: 1000;
    }

    nav {
        display: none;
        z-index: 10000;
    }

    .content-right {
        width:98%;
        margin: 0px;
        padding: 1%;
    }
    .one-col-right {
        width: 100%;
        margin: 0px;
        padding: 0%;
    }

    .two-col-grey {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    section#slider2 {
        width: 100%;
    }

    .new-bio {
        margin-right: 10px;
    }

    .mobile-only {
        display: block;
    }

    #left {
        width: 100%;
        padding: 0em 0px 0px 0px;
        margin: 0em;
        border: 0px solid red;
        min-height: 100px;
    }

    #left article {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }
    #left article h2:nth-child(even), #left article h2:nth-child(odd), #left article .feed-item-sidebar {
        margin: 0px;
        padding: 0.5em;
        width: 98%;
        width: calc(100% - 1em - 4px);
    }

    #left article h2:nth-child(even), #left article h2:nth-child(odd) {
        border-bottom: 1px solid white;
        border-radius: 15px;
    }
    #left article a {
        border: 0px solid red;
    }

    #sidenav li a {
        display: inline-block;
        min-height: 3em;
    }
}

@media screen and (min-width: 701px) and (max-width: 1023px) {

    header {
        width: 100%;
        height: auto;
    }
    div.mobile-nav {
        height: auto;
        width: 99%;
        padding: 4px 0.5%;
        background-color: #990000;
        color: white;
        display: block;
        font-size: 24px;
        overflow: hidden;
    }
	#mobile-menu {
		display: none;
	}
    nav, #breadcrumbs, #tools {
        width: 99%;
        position: relative;
        height: auto;
        padding: 0.5%;
        border-width: 0px;
        margin: 0px; 
    }
    #tools {
        margin-bottom: 0.5em;
    }
    #tools ul {
        position: relative;
        left: 50%;
        width: 300px;
        margin-left: -150px;
    }
    #tools ul li {
        display: inline-block;
    }
    nav ul.nav_user {
        margin-right: 0.25em;
    }
    nav ul {

    }
    #text-logo {
        display: block;
        width: 98%;
        height: auto;
        font-size: 24px;
        padding: 1%;
        margin: 0px;
        border-width: 0px;
        text-align: center;
    }

    #left {
        margin: 0px;
        padding: 0px;
    }
    #left {
        position: relative;
        margin: 0px;
        padding: 0em;
        width: 28%;
        height: auto;
        width: calc(30% - 1em);
    }
    .content-left {
        min-height: 0px;
    }
    .bio {
        min-width: 0px;
        width: 100%;
    }
    #content, #right {
        width: 65%;
        width: calc(70% - 1em);
        margin: 0px 0.5em;
    }
    #content h6, #right h6, div#topbios-outer {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .col-left-red, .col-left-grey, .nav-left {
        width: 95%;
        width: calc(100% - 1em);
        margin: 0px;
        padding: 0.5em;
    }
    .nav-left {
        /** new calc, since nav-left has a thin border as well as padding */
        width: calc(100% - 1em - 2px);
    }
    .col-left-red h2, .col-left-red p, .col-left-grey h2, .col-left-grey p {
        width: 100%;
        margin: 0px;
        padding: 0em;
        padding-bottom: 0.4em;
    }

    #content section {
        width: 100%;
        margin: 0px;
        padding: 0em;
        padding-bottom: 0.4em;
    }

    #content .two-col-red a, #sidenav a {
        font-size: 18pt;
    }

    #content .two-col-red {
        padding: 1em;
        margin: 0px;
        width: 95%;
        width: calc(100% - 2em);
    }
}

@media (max-width: 1024px) {
    
    h1, h2, h3, h4, h5, h6 {
        line-height: auto;
    }
    .nav-left li a, .nav-left li, .nav-fixed li, .nav-left-red li, .nav-left-red li a, #sidebar ul li a {
        line-height: auto;
    }
}
@media (max-width: 1024px) {
    #left {
        z-index: 10000;
    }
    .nav-left li a, .nav-left li, .nav-fixed li, .nav-left-red li, .nav-left-red li a, #sidebar ul li a {
        line-height: auto;
    }
}
@media screen and (max-width: 1024px) {
    root { 
        display: block;
    }
    #wrapper {
        width: 100%;
    }

    #text-logo {
        display: none;
    }
    #logo {
        display: none;
    }

    #involved p {
        width: 100%;
        text-align: center;
    }
    #involved, div.laval-fr, div.ut-fr, #laval, #ut, #chc, .chc-text-left, .chc-text-right {
        width: 98%;
        height: auto;
        margin: 0 1em 0 0;
        padding: 20px 10px 0 10px;
        float: left;
        text-align: center;
        vertical-align: middle;
        border: 0px solid #900;
    }
    #chc {
        x-width: 400px;
    }

    #involved, .col-left-footer {
        x-width: auto;
        max-height: 220px;
        min-height: 10px;
        text-align: left;
    }

    footer {
        position:relative;
        height: auto;
        width: 100%;
        float: left;
    }

    #search {
        display: block;
    }
    #search {
        padding: 0px;
        width: 80%;
        margin: 0.5em 10% 0.5em 10%;
        height: auto;
        text-align: center;
    }
    #simple-search {
        margin: 0px 0px 0px 0px;
        padding: 0.25em 2.5%;
        width: 92%; /* safe fallback */
        width: calc(95% - 50px);
        height: auto;
    }

    #bio_container .row a {
        display: inline-block;
        height: 1.5em;
        font-size: 16pt;
    }

    .two-col-red {
        width: 95%;
        margin-left: 1%;
    }
    .two-col-red .col-right-1, .two-col-red .col-right-2 {
        margin: 0px 0px 0px 1em;
        padding: 0px;
        width: calc(100% - 2em);
    }

    .nav-left li, .nav-left li a {
        line-height: auto;
    }
    
    
    div.mobile-nav {
        height: auto;
        width: 99%;
        padding: 4px 0.5%;
        background-color: #990000;
        color: white;
        display: block;
        font-size: 24px;
        overflow: hidden;
    }
    #mobile-menu {
        display: none;
    }
}

#tools-fr li:nth-child(3) {
    display:none;
}
#tools li:nth-child(3) {
    display:none;
}





/* BRX_FILENAME /var/www/public/css/global.css */
#slider {
	width: 600px;
	height: 340px;
	position: relative;
	float: left;
	margin-bottom: 48px;
}


/*
	Slideshow
*/

#slides {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	margin-bottom: 20px;
}


/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width: 600px;
	overflow: hidden;
	position: relative;
	display: none;
	border: 1px solid #666;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:600px;
	height:340px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:154px;
	left:8px;
	width:32px;
	height:32px;
	display:block;
	z-index:101;
}

#slides .next {
	left:560px;
}

/*
	Pagination
*/

.pagination {
	width: 100px;
	margin-top: 16px;
	margin-right: auto;
	margin-left: auto;
}

.pagination li {
	float: left;
	list-style: none;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
}

.pagination li a {
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(img/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


/*
	Caption
*/

.caption {
	z-index: 500;
	position: absolute;
	bottom: -35px;
	left: 0;
	height: 30px;
	background: #000;
	background: rgba(0,0,0,.5);
	width: 600px;
	color: #FFF;
	text-shadow: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}




/* BRX_FILENAME /var/www/css/dcb_paragraph_styles.css */
/** items sent to JB for integration into the public  */

/** jtk r1, request to change color back to same as main */
.BiblioParagraph, .BibliographyParagraph, .BibliographyFirstParagraph, .IndentedQuotation, .NormalParagraph, .ParagraphFormat, .AuthorParagraph, .FirstParagraph {
    text-indent: 1em;
    /*margin-bottom: 1em;*/
    font-family: Georgia,"Times New Roman";
    font-size: 12.5pt;
    color: black;
}

.BiblioParagraph a, .BibliographyParagraph a, .BibliographyFirstParagraph a, .IndentedQuotation, .NormalParagraph a, .ParagraphFormat a, .AuthorParagraph a, .FirstParagraph a {
    font-family: Georgia,"Times New Roman";
}

.BibliographyFirstParagraph {
    text-indent: 0;
}
.AuthorParagraph, .GeneralBibliography, .CopyrightBiography {
    text-align: right;
}
.FirstParagraph {
    text-indent: 0;
}

.FirstParagraph strong {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #990000;	
    font-weight: bold;
}


/**BIBLIOGRAPHY STYLES **/


.BiblioParagraph, .BibliographyParagraph, .BibliographyFirstParagraph, .IndentedQuotation, .NormalParagraph, .ParagraphFormat, .AuthorParagraph, .FirstParagraph {
    /* must override here since we default to black when viewing within editing tools */
    color: #333;
}

.BibliographyParagraph,.BibliographyFirstParagraph  {
    font-size: 11.5pt;
    
}
.IndentedQuotation{
	text-indent: 0;
	margin-left: 3em;
	margin-right: 3em;
	font-size: 11.5pt;
}

.SmallCaps { font-variant: small-caps; }
.UpperCase { text-transform: uppercase; }
.Bold { font-weight: bold; }
.Italics { font-style: italic; }
.KWAH { font-family : Newkwah; }
.BoldKwah { font-weight: bold; font-family : Newkwah; } 
.SmallCapsKwah { font-variant: small-caps; font-family : Newkwah; } 
.ItalicKwah { font-style: italic; font-family : Newkwah; } 
.ParagraphFormatKwah { font-family : Newkwah; } 







/* BRX_FILENAME /var/www/public/css/fromjtk.css */






/* BRX_FILENAME /var/www/public/css/fromjtk2.css */




/* BRX_FILENAME /var/www/css/dcb_login.css */
.dcb-dialog {
	display: none;

	position: fixed;
	width: 400px;
	left: 50%;
	top: 10%;
	height: auto;

	margin-left: -200px;
	padding: 10px;
	border: 5px solid #CDCDCD;

	white-space: normal;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	color: #480000;

	z-index: 200;

	background-color: white;
}
.dialog-close {
	position: absolute;
	right: 14px;
	top: 14px;
	background-color: #ccc;
	padding: 2px 4px;
	border: 2px solid #480000;
}

.dialog-header {
	font-size: 11pt;
	font-weight: 120pt;
	background: #E5E4E5;;
	margin-bottom: 8px;
}

.dialog-row, .dialog-header {
	clear: both;
	float: left;
	width: 390px;
	padding: 5px;
}
.dialog-row {
	x-border-top: 1px dotted #999;
}
.dialog-row .label {
	width: 150px;
	text-align: right;
	display: block;
	float: left;
	padding: 0px;
	padding-right: 20px;
}
.dialog-row .label_textarea {
	width: 380px;
	text-align: left;
	display: block;
	float: left;
	padding: 5px;
	
}
.dialog-row input, .dialog-row textarea {
	width: 210px;
	display: block;
	float: left;
}
.dialog-row textarea {
	width: 380px;
	display: block;
	float: left;
}
#login_submit,#login_remember {
	margin-right: 5px;
	width: auto;
}
#contact_message {
	height: 120px;
}
#contact_subject {
	height: 30px;
}




/* BRX_FILENAME /var/www/css/brx_msgbox.css */
.msgbox {
    position: fixed;
    width: 400px;
    height: auto;
    min-height: 160px;
    top: 100px;
    left: 50%;
    margin-left: -200px;
    background-color: #F4F4F4;
    border: solid 3px #900;
    border-radius: 16px;
    z-index: 200;
}
.msgbox .text {
    margin: 2%;
    margin-top: 30px;
    width: 96%;
    text-align: center;
    font-size: 14pt;
    height: auto;
    min-height: 100px;
    max-height: 400px;
    overflow: auto;
    margin-bottom: 45px;
}
.msgbox .twobuttons, .msgbox .onebutton {
    clear: both;
    position: absolute;
    width: 70%;
    height: auto;
    bottom: 0px;
    padding: 0px;
    margin: 0 15%;
    font-size: 16pt;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}


.msgbox .onebutton a, .msgbox .twobuttons a  {
    float: left;
    display: block;
    padding: 1%;
    margin: 1%;
    height: auto;
    width: 44%;
    background-color: #ddd;
    border: solid 3px #900;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    font-weight: bolder;
}

.msgbox .onebutton a {
    margin-left: 15%;
    width: 65%;
}


x {
    position: fixed;
    width: 400px;
    height: auto;
    min-height: 160px;
    top: 100px;
    left: 50%;
    margin-left: -200px;
    background-color: #B2CBFF;
    border: solid 3px #114B7D;
    border-radius: 16px;
    z-index: 200;
}






/* BRX_FILENAME /var/www/css/toaster.css */

.toaster, #toaster {
	display: none;
	position: fixed;
	right: 10px;
	top: 20px;
	height: 30px;
	padding: 5px;
	width: 200px;
	background-color: #ccc;
	border: 3px 0 #f00;
}




/* BRX_FILENAME /var/www/css/index.css */
#switch-help {
    display: inline-block;
    width: auto;
    color: #666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 300;
    margin-top: 15px;
}

#switch-en, #switch-fr {
    cursor: pointer;
}
#top100-help {
    font-size: 18px;
    margin-top: 12px;
    color: #333;
    line-height: 24px;
    font-weight: 300;

}

.new-bio {
    float: left;
    width: 150px;
    height: 300px;
    margin-right: 30px;
    margin-bottom: 0;
    margin-top: 12px;
    margin-left: 0;
    text-align: center;
}

.new-bio img {
    padding: 0;
    float: none;
    max-height: 200px;
}

.new-bio p {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: 300;
    margin: 0;
    height: 70px;
    overflow: auto;
}
.new-bio p span {
    font-weight: 600;
}
#top100-help span {
    color:#900;
}

@media screen and (max-width: 1024px) {

    #slider2, #topbios-outer, .one-col-right, .two-col-grey {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }
    div#topbios-outer div.button {
        width: auto;
    }
    #switch-help {
        margin: 0.5em 0px; padding: 0px; width: 100%;
    }
}