@charset "utf-8";
/* FAU COB - CSS */

/* fonts */

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);

body {
  font-family: "Cabin", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
  color:#1f1f1f;
  background:#FFFFFF;
}

/* HEADER */

/* Start Uber-Header */
#uberHeader {width:auto;margin:0px;padding:0px;background:#08264a;border-bottom:#868686 1px solid;font-size:10px;}
#uberHeader #uberLiner {width:942px;padding:5px 0px 4px 0px;margin:0px auto;text-align:left;overflow:hidden;}
#uberHeader #uberLiner ul {list-style:none;padding:0px;margin:0px;}
#uberHeader #uberLiner ul li {margin:0px 0px 0px 10px;;padding:0px 0px 0px 10px;float:left;background: url(../images/blueCarrot.jpg) left 0.4em no-repeat;font-size:13px;}
#uberHeader #uberLiner ul li a {color:#FFF;text-decoration:none;}
#uberHeader #uberLiner ul li a:hover {text-decoration:none;}
#uberHeader #uberLiner #uberSearchForm {width:192px;padding:0px;margin:0px;float:right;clear:both;position:relative;}
#uberHeader #uberLiner #uberSearchForm table,
#uberHeader #uberLiner #uberSearchForm table td {padding:0px;margin:0px;border:none;}
#uberHeader #uberLiner #uberSearchForm #FauKeywords {width:160px;padding:2px 3px 2px 4px;font-size:1.0em;border:none;background:#39516e;color:#FFF;}
#uberHeader #uberLiner #uberSearchForm #uberSubmission {background:#e00132;border:none;color:#FFF;padding:1px 3px 1px 3px;}
#uberHeader #uberLiner #uberSearchForm p.tryagain2 {width:220px;position:absolute;left:-230px;top:0px;margin:0px;padding:2px 0px 2px 3px;font-size:1.2em;color:#FFF;}


header {
    text-align: center;
    background: #FFFFFF url(../images/headerBg.jpg) left top repeat-x;	
    min-height: 130px;
}

header #headLinerOuter {
    width:auto;
    padding:0px;
    margin:0px;
    background: url(../images/headerBgFade.jpg) center top no-repeat;
}

/* Search */
#searchForm {
    width: 188px;
    padding: 0px;
    margin: 40px 0px 0px 0px;
    float: right;
    clear: both;
    position: relative;
}

#keywords {
    width: 160px;
    padding: 2px 3px 2px 3px;
    border: none;
    background: url(../images/searchBg.gif) left top no-repeat;
    font-size: 11px;
}

.searchButton {
  vertical-align: bottom;
}

#audienceNav {
    width: 444px;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    float: right;
    list-style: none;
    overflow: hidden;
}

#audienceNav li {
  font-size: 16px;
  padding: 0 0 0 9px;
}
#audienceNav li:first-child {
  padding: 0;
}

#audienceNav li a {
    color: #5c5c5c;
    text-decoration: none;
}

#audienceNav li.resourceNav {
  font-size: 12px;
  vertical-align: bottom;
}

#audienceNav li.resourceNav a {
    background: #0d386b none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 3px 10px;
}

/* Primary Navigation */
nav.navbar#primaryNav {
    min-height: 36px;
    text-align: center;
    background: #2b2b2b url(../images/navBG.jpg) left top repeat-x;
    border-bottom: #df0130 3px solid;
    margin-bottom: 0;
    border-radius: 0;
    position: relative;
}

nav.navbar#primaryNav ul.nav {
  padding:0px;
  margin:0px auto;
  background: url(../images/primaryNavBgTile.jpg) left top repeat-x;
  list-style:none;
  text-align:left;
  position: relative;
}

/*
nav.navbar#primaryNav ul.nav > li {
    display: table-cell;
    float: none;
    text-align: center;
    vertical-align: top;
    width: 1%;
}
*/

#primaryNav li a {
	color: #fff;
	text-decoration: none;
  padding:8px 10px;
  background: url(../images/primaryNavDivider.jpg) left top no-repeat;
  font-size:17px;
}

nav.navbar#primaryNav .nav>li>a:focus, 
nav.navbar#primaryNav .nav>li>a:hover {
    background: rgba(0, 0, 0, 0) url("../images/primaryNavHover2.jpg") no-repeat scroll left top !important;
    text-shadow: 2px 2px 2px #000;
}

/* Make Gift */
nav.navbar#primaryNav ul.nav li #makeGift {
  display:block;
  width:146px;
  height:27px;
  padding:0px;
  margin:0px;
  background: url(../images/makeGift.png) left bottom no-repeat;
  text-indent:-9999px;
  position:absolute;
  right:0px;
  //bottom:-30px;
  top: 39px;
}
nav.navbar#primaryNav ul.nav li #makeGift span {width:0px;height:0px;padding:0px;margin:0px;line-height:0px;overflow:hidden;text-indent:-9999px;}
nav.navbar#primaryNav ul.nav li #makeGift:hover {background: url(../images/makeGift.png) left top no-repeat !important;}
nav.navbar#primaryNav ul.nav li #makeGift.selected {background: url(../images/makeGift.png) left top no-repeat !important;}

footer {
	  background: #101010 url(../images/footerBgTile.jpg) left top repeat-x;
    border-top: #000000 1px solid;	
    padding: 37px 0 20px;
}

/* Social Media Feet */
#socialMedia {width:248px;padding:0px;margin:0px 0px 30px 0px;}
#socialMedia li {background:none;padding:0px;margin:0px;float:left;}
#socialMedia li a {display:block;width:50px;height:51px;padding:0px;margin:0px 12px 15px 0px;overflow:hidden;text-indent:-9999px;}
#socialMedia li #fb {background: url(../images/footerIconFb.jpg) left top no-repeat;}
#socialMedia li #li {background: url(../images/footerIconLi.jpg) left top no-repeat;}
#socialMedia li #tw {background: url(../images/footerIconTw.jpg) left top no-repeat;}
#socialMedia li #fs {background: url(../images/footerIconFs.jpg) left top no-repeat;}
#socialMedia li #fr {background: url(../images/footerIconFr.jpg) left top no-repeat;}
#socialMedia li #yt {background: url(../images/footerIconYt.jpg) left top no-repeat;}
#socialMedia li #rs {background: url(../images/footerIconRss.jpg) left top no-repeat;}
#socialMedia li #it {background: url(../images/footerIconIt.jpg) left top no-repeat;}
#socialMedia li a:hover {background-position:bottom !important;}
#socialMedia li a span {width:0px;height:0px;padding:0px;margin:0px;line-height:0px;overflow:hidden;text-indent:-9999px;}

.footerList {width:231px;padding:0px 0px 10px 0px;margin:0px 0px 10px 0px;float:left;list-style:none;font-size:18px;border-bottom:#bbb 1px solid;}
.footerList li {padding:0px;margin:0px;background:none;}
.footerList li a {display:block;padding:0px 10px 0px 0px;margin:0px;color:#bbbbbb;text-decoration:none;}
.footerList li a:hover {color:#8e0120;}

#hCard {width:231px;padding:0px;margin:0px 0px 10px 0px;font-size:14px;overflow:hidden;color:#868686;}
#hCard a {color:#e00132;text-decoration:none;}
#hCard a:hover {color:#8e0120;text-decoration:none;}

#unterFooter {
    background: #FFF;
    border-top: #0c386c 16px solid;	
    text-align: center;
}

#unterFooter {width:auto;padding:0px;margin:0px;text-align:center;background:#FFF;border-top:#0c386c 16px solid;font-size:13px;}
#unterFooter .unterLiner {width:auto;background:#ececed;padding:8px 0px 8px 0px;margin:0px auto 8px auto;position:relative;}
#unterFooter p {padding:5px 0px;margin:10px 0px 20px 0px;font-size:13px;font-style:italic;}
#unterFooter ul {width:auto;list-style:none;margin:0px auto;padding:0px;z-index:1;position:relative;}
#unterFooter ul li {display:inline;background:none;margin:0px;padding:0px;font-size:13px;position:relative;z-index:1;}
#unterFooter ul li a {margin:0px;padding:0px 10px;border-left:#0c386c 1px solid;color:#0c386c;text-decoration:none;z-index:1;}
#unterFooter ul li:first-child a { border-left: 0; }
#unterFooter ul li div {display:table;width:auto;padding:5px;margin:0px;position:absolute;top:15px;left:10px;background:#0c386c;text-align:left;z-index:9;display:none;}
#unterFooter ul li div p {color:#fff;padding:0px;margin:0px;font-size:13px;font-style:normal;}

#unterFooter .unterLiner {
    background: #ececed;
    padding: 8px 0px 8px 0px;
    margin: 0px auto 8px auto;
}


/* Universal Styles */
a {
	color:#df0132;
	text-decoration:underline;
	-moz-transition:color 0.2s ease-out;
	-o-transition:color 0.2s ease-out;
	-webkit-transition:color 0.2s ease-out;
	transition:color 0.2s ease-out;
}
a:link {
	color:#df0132;
	text-decoration:underline;
}
a:visited {
	color:#df0132;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

.clearIt {width:0px;height:0px;line-height:0px;font-size:0em;overflow:hidden;clear:both;}
.skiplink {width:0px;height:0px;overflow:hidden;position:absolute;top:0px;Left:3000px;}
.access {width:0px !important;height:0px !important;padding:0px !important;margin:0px !important;overflow:hidden !important;position:absolute !important;}
.hidden {display:none;}
.tryagain {display:none;width:210px;padding:2px 3px;margin:0px 0px 0px 0px;color:#df0130;}
.tryagain2 {display:none;width:210px;padding:2px 3px;margin:0px 0px 0px 0px;color:#df0130;}
.globalNoscript {color:#000000;border-bottom:1px solid #000;text-align:left;padding:8px 12px 8px 50px;font-size:1.2em;line-height:1.4em;background:#FFFFBD url(../images/icon_alert.png) no-repeat 8px center;}
.globalNoscript a {color:#000000;}
.floatLeft {float:left;}
.floatRight {float:right;}
.noPadding {padding:0px !important;}
.oHid {overflow:hidden;}
img.galleryHider {display:none;width:0px;height:0px;}
.red {color:#FF0000;}
.red ul li {color:#FF0000;}



body.home #theBody {
    background: #919191 url(../images/mainBgTile.jpg) left top repeat-x;
}

#theBody {
  background: #c1c1c1 url("../images/mainBgTileLevel.jpg") repeat-x scroll left top;
  padding-top: 35px;
}


/* INTERIOR */

/* Breadcrumbs */

.breadcrumbs {width:auto;padding:5px 0px 15px 0px;margin:0px;overflow:hidden;}
.breadcrumbs .a2a_dd {display:block;width:45px;padding:0px;margin:0px;color:#4b4b4b;text-decoration:none;float:right;font-size:1.1em;}
.breadcrumbs .a2a_dd img {padding:0px;float:right;}
.breadcrumbs .a2a_dd span {display:block;width:30px;padding:0px;margin:0px;float:left;text-align:left;overflow:hidden;}
.breadcrumbs p {float:left;line-height:1.2em !important;padding:0px !important;}
.breadcrumbs p a {padding:0px 5px;color:#007bdd;text-decoration:none; background: none;}
.breadcrumbs p a:hover {color:#ffffff;}
.breadcrumbs p span {padding:0px 5px;color:#4b4b4b; background: none;}

/* LEFT COLUMN */


nav#leftCol #sectionRepeat {color:#0e396c;padding:0px;margin:0px 0px 3px 0px;font-weight:normal;font-size:26px;text-decoration:none;}
nav#leftCol #sectionRepeat a {color:#0e396c;padding:0px;margin:0px 0px 3px 0px;font-weight:normal;font-size:1.0em;text-decoration:none;}
nav#leftCol #sectionRepeat a:hover {color:#007bdd;}
nav#leftCol #leftNav {width:auto;padding:0px;margin:0px 0px 20px 0px;-moz-box-shadow:0px 3px 5px #333;-webkit-box-shadow:0px 3px 5px #333;box-shadow:0px 3px 5px #333;}
nav#leftCol #leftNav li {width:auto;padding:0px;margin:0px;background:#969696;border-bottom:#f4f4f4 1px solid; list-style: none;}

nav#leftCol #leftNav li a:link,
nav#leftCol #leftNav li a:visited,
nav#leftCol #leftNav li a:active {display:block;width:auto;color:#FFF;padding:7px 8px 8px 8px;text-decoration:none;font-size:14px;}
nav#leftCol #leftNav li a:hover {color:#007bdd;}

/* selected left navigation, edited by Ryan Sprake 2011-08-01 */
nav#leftCol #leftNav li.selected a:link,
nav#leftCol #leftNav li.selected a:active,
nav#leftCol #leftNav li.selected a:visited {color: #1f1f1f;}
nav#leftCol #leftNav li.selected a:hover {color:#007bdd;}

nav#leftCol #leftNav li ul {width:auto;padding:0px;margin:0px;}
nav#leftCol #leftNav li ul li {background:#f4f4f4;border:none;}

/* explicity writing the styles due to the sub nav inheriting the parents css */
nav#leftCol #leftNav li ul li a:link,
nav#leftCol #leftNav li ul li a:visited,
nav#leftCol #leftNav li.selected ul li a:link,
nav#leftCol #leftNav li.selected ul li a:visited {color:#007bdd;padding:5px 8px 6px 16px;font-size:1.1em;}
nav#leftCol #leftNav li ul li a:hover,
nav#leftCol #leftNav li.selected ul li a:hover {color:#0c386c !important;}
nav#leftCol #leftNav li ul li.selected a,
nav#leftCol #leftNav li.selected ul li.selected a {color:#4b4b4c;}

nav#leftCol #leftNav li ul li ul {}
nav#leftCol #leftNav li.selected ul li.selected ul li {background:#e6e6e6;}
/*nav#leftCol #leftNav li ul li ul li a {color:#007bdd !important;padding:5px 8px 6px 24px;}*/
nav#leftCol #leftNav li.selected ul li.selected ul li a {padding:5px 8px 6px 24px;}

/* account for more levels of nav, added by Ryan Sprake */
nav#leftCol #leftNav li.selected ul li.selected ul li a:link,
nav#leftCol #leftNav li.selected ul li.selected ul li a:active,
nav#leftCol #leftNav li.selected ul li.selected ul li a:visited,
nav#leftCol #leftNav li.selected ul li.selected ul li.selected a:hover,
nav#leftCol #leftNav li.selected ul li.selected ul li ul li a:link,

nav#leftCol #leftNav li.selected ul li.selected ul li ul li a:active,
nav#leftCol #leftNav li.selected ul li.selected ul li ul li a:visited,
nav#leftCol #leftNav li.selected ul li.selected ul li.ul li.selected a:hover,
nav#leftCol #leftNav li.selected ul li.selected ul li ul li.selected ul li a:link,
nav#leftCol #leftNav li.selected ul li.selected ul li ul li.selected ul li a:active,
nav#leftCol #leftNav li.selected ul li.selected ul li ul li.selected ul li a:visited,
nav#leftCol #leftNav li.selected ul li.selected ul li.ul li.selected ul li a:hover,
nav#leftCol #leftNav li.selected ul li.selected ul li ul li.selected ul li.selected ul li a:link,
nav#leftCol #leftNav li.selected ul li.selected ul li ul li.selected ul li.selected ul li a:active,
nav#leftCol #leftNav li.selected ul li.selected ul li ul li.selected ul li.selected ul li a:visited,
nav#leftCol #leftNav li.selected ul li.selected ul li.ul li.selected ul li.selected ul li a:hover { 
  color: #007bdd !important;
}
nav#leftCol #leftNav li.selected ul li.selected ul li a:hover,
nav#leftCol #leftNav li.selected ul li.selected ul li.selected ul li a:hover,
nav#leftCol #leftNav li.selected ul li.selected ul li.selected ul li.selected ul li a:hover,
nav#leftCol #leftNav li.selected ul li.selected ul li.selected ul li.selected ul li.selected ul li a:hover {
  color:#0c386c !important;
}
nav#leftCol #leftNav li.selected ul li.selected ul li.selected a,
nav#leftCol #leftNav li.selected ul li.selected ul li ul li.selected a,
nav#leftCol #leftNav li.selected ul li.selected ul li ul li.selected ul li.selected a,
nav#leftCol #leftNav li.selected ul li.selected ul li ul li.selected ul li.selected ul li.selected a {
  color:#4b4b4c !important;
}
nav#leftCol #leftNav li.last {border:none;}

/* indent the extra sub levels */
nav#leftCol #leftNav li.selected ul li.selected ul li.selected ul {
  padding-left: 10px;
}

/* MAIN CONTENT */

.masthead {margin:0px 0px 10px 0px;-moz-box-shadow:0px 3px 5px #333;-webkit-box-shadow:0px 3px 5px #333;box-shadow:0px 3px 5px #333;float:none;clear:both;}
.masthead img {padding:0px !important;margin:0px !important;}
.content h1 {color:#FFF;margin:10px 0px;padding:0px;text-shadow:2px 1px 3px #333;font-size:28px;}
.content h2 {color:#FFF;margin:10px 0px;padding:0px;text-shadow:2px 1px 3px #333;font-size:24px;}
.content h3 {color:#0e396c;padding:0px;margin:8px 0px 3px 0px;font-weight:normal;font-size:18px;}
.content h4 {color:#0e396c;padding:0px;margin:8px 0px 3px 0px;font-weight:normal;font-size:16px;}
.content h5 {color:#0e396c;padding:0px;margin:5px 0px 3px 0px;font-weight:normal;font-size:14px;}
.content h6 {color:#0e396c;padding:0px;margin:5px 0px 3px 0px;font-weight:normal;font-size:12px;}
.content p {color:#4b4b4b;padding:5px 0px;font-size:1.2em;line-height:1.4em;}
.content a {color:#e00132;text-decoration:none;}
.content a:hover {color:#8e0120;}
.content td {color:#4b4b4b;font-size:13px;line-height:14px;}
.content ul li {padding:3px 0px 3px 10px;background: url(../images/contentCarrot.gif) left 0.6em no-repeat;}
.content ol li,
.content ul li {color:#4b4b4b;font-size:13px;line-height:14px;}
.content li p,
.content td p,
.content td li,
.content li li {font-size:1.0em;/*line-height:1.0em;*/}
.content img {padding:5px;}
.content p img {padding:5px 10px;}


/* RIGHT SIDE BAR */

/* Start Right Column Styles */
#rightCol .rightColLink {display:block;width:177px;height:19px;padding:5px 0px 5px 0px;margin:0px 0px 10px 0px;background: url(../images/rightColActionBg.jpg) center top no-repeat;border:#f56786 1px solid;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0px 1px 4px #333;-webkit-box-shadow:0px 1px 4px #333;box-shadow:0px 1px 4px #333;text-align:center;color:#FFF;font-size:14px;overflow:hidden;text-decoration:none;}
#rightCol .rightColLink:hover {background-position:center bottom;border:#fa9bc3 1px solid;}
#rightCol .rSocial {display:block;width:132px;padding:9px 5px 8px 40px;margin:0px 0px 10px 0px;color:#007bdd;font-size:14px;overflow:hidden;text-decoration:none;}
#rightCol .rSocial:hover {color:#fff;}
#rightCol #twitter {padding-top:10px;background: url(../images/rSocialTwitterOff.jpg) left center no-repeat;}
#rightCol #twitter:hover {background: url(../images/rSocialTwitterOn.jpg) left center no-repeat;}
#rightCol #linkedIn {background: url(../images/rSocialLinkedInOff.jpg) left center no-repeat;}
#rightCol #linkedIn:hover {background: url(../images/rSocialLinkedInOn.jpg) left center no-repeat;}
#rightCol #faceBook {background: url(../images/rSocialFacebookOff.jpg) left center no-repeat;}
#rightCol #faceBook:hover {background: url(../images/rSocialFacebookOn.jpg) left center no-repeat;}
#rightCol .rightColItem {display:block;width:171px;padding:5px 5px 5px 5px;margin:5px 0px 15px 0px;background:#d6d7d9 url(../images/rightColBg.jpg) center bottom no-repeat;-moz-box-shadow:0px 1px 4px #333;-webkit-box-shadow:0px 1px 4px #333;box-shadow:0px 1px 4px #333;overflow:hidden;}
#rightCol p {font-size:1.0em;/* This is for the paragraph tag generated by the wysiwyg and wrapped around the 'rightCollink' links */}
#rightCol .rightColItem h2 {color:#FFF;margin:12px 0px 0px 0px;padding:0px;text-shadow:2px 1px 3px #333;font-size:20px;}
#rightCol .rightColItem h3 {color:#0e396c;padding:0px;margin:12px 0px 0px 0px;font-weight:normal;font-size:18px;}
#rightCol .rightColItem h4 {color:#0e396c;padding:0px;margin:0px;font-weight:normal;font-size:16px;}
#rightCol .rightColItem h5 {color:#0e396c;padding:0px;margin:0px;font-weight:normal;font-size:14px;}
#rightCol .rightColItem h6 {color:#0e396c;padding:0px;margin:0px;font-weight:normal;font-size:12px;}
#rightCol .rightColItem h2 a,
#rightCol .rightColItem h3 a,
#rightCol .rightColItem h4 a,
#rightCol .rightColItem h5 a,
#rightCol .rightColItem h6 a {color:#0e396c;text-decoration:none;}
#rightCol .rightColItem p {color:#4b4b4b;padding:5px 0px;font-size:12px;line-height:14px;}
#rightCol .rightColItem a {color:#e00132;text-decoration:none;}
#rightCol .rightColItem a:hover {color:#8e0120;}
#rightCol .rightColItem td {color:#4b4b4b;font-size:13px;line-height:14px;}
#rightCol .rightColItem ol li,
#rightCol .rightColItem ul {margin:5px 0px 10px 0px;}
#rightCol .rightColItem ul li {color:#4b4b4b;font-size:13px;line-height:14px;}
#rightCol .rightColItem li p {padding:0px 0px 5px 0px;}
#rightCol .rightColItem li p,
#rightCol .rightColItem td p,
#rightCol .rightColItem li li,
#rightCol .rightColItem td li {font-size:1.0em;}
#rightCol .rightColItem img {padding:5px;}
#rightCol .rightColItem a.enlarge {display:block;width:171px;padding:0px;margin:0px;position:relative;overflow:hidden;text-indent:-9999px;/*-moz-box-shadow:0px 1px 3px #333;-webkit-box-shadow:0px 1px 3px #333;box-shadow:0px 1px 3px #333;*/}
#rightCol .rightColItem a.photoGallery img,
#rightCol .rightColItem a.noPad img,
#rightCol .rightColItem a.enlarge img {padding:0px;}
#rightCol .rightColItem a.enlarge span {display:block;width:49px;height:15px;background: url(../images/enlarge.jpg) left top no-repeat;position:absolute;right:0px;bottom:0px;text-indent:-9999px;}
#rightCol .rightColItem a.video {display:block;width:171px;padding:0px;margin:0px;position:relative;overflow:hidden;text-indent:-9999px;}
#rightCol .rightColItem a.video img {padding:0px;}
#rightCol .rightColItem a.video span {display:block;width:59px;height:59px;background: url(../images/videoButton1.png) left top no-repeat;position:absolute;left:56px;top:25px;text-indent:-9999px;}
#rightCol .rightColItem a.video:hover span {background: url(../images/videoButton2.png) left top no-repeat;}
#rightCol .rightColItem ul.noBg li {background:none;padding:0px;}
#rightCol .rightColItem ul.noBg li span {color:#0e396c;padding:0px;}
#rightCol .rightColItem ul.loose li {padding:3px 0px;}


/* media queries */

/* min container size */
@media (max-width:320px) {

.container {
    min-width: 320px;
}

}

/* mobile phone and below */
@media (max-width:480px) {



}

/*** MEDIA QUERIES ***/
/*
 * Off Canvas (optional use ~ 767px default break)
 * --------------------------------------------------
 */

@media screen and (max-width: 650px) {
/* offcanvas sidebar menu */
  .row-offcanvas {
	position: relative;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.row-offcanvas-right {
	right: 0;
}
.row-offcanvas-left {
	left: 0;
}
.row-offcanvas-right .sidebar-offcanvas {
	right: -50%;/* 6 columns */
}
.row-offcanvas-left .sidebar-offcanvas {
	left: -50%;/* 6 columns */
}
.row-offcanvas-right.active {
	right: 50%;/* 6 columns */
}
.row-offcanvas-left.active {
	left: 50%;/* 6 columns */
}
.sidebar-offcanvas {
	position: absolute;
	top: 0;
	width: 50%;
	/* 6 columns */
    padding-top: 10px;
	height: 100%;
	z-index: 999;
}
/*top bar */


/* No More Tables :: http://elvery.net/demo/responsive-tables/  */
  /* Force table to not be like tables anymore */
  #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#no-more-tables tr {
	border: 1px solid #ccc;
}
#no-more-tables td {
	/* Behave  like a "row" */
    border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	white-space: normal;
	text-align: left;
}
#no-more-tables td:before {
	/* Now like a table header */
    position: absolute;
	/* Top/left values mimic padding */
    top: 6px;
	left: 6px;
	width: 35%;
	padding-right: 10px;
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
}
#no-more-tables table tr td + td {
 padding: 0 .625rem .5625rem;
}

/* helpers */
  img.right {
	display: block;
	float: none !important;
}
img.left {
	display: block;
	float: none !important;
}


}

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

}

@media screen and (min-width: 1000px) {

}

/* above small/below medium breakpoint */
@media screen and (min-width: 650px) {

}

/* inbetween styles for mobile/tablet */
/* ~ 650px - 900px */
@media (min-width: 650px) and (max-width: 900px) {

}

/* ------------------------------------ */

/* just below iPad portrait */
@media (max-width: 767px) {



}

/* ipad portrait */
@media (max-width: 768px) {



}



@media (min-width: 768px) and (max-width: 990px) {



}


@media (min-width: 768px) and (max-width: 1200px) {



}

/* right above ipad portrait */
@media (min-width: 768px) {

	.container {
		max-width: 940px;
	}

}




/* print styles */
@media print {

   header, footer, nav, aside, #sidebar {
      display: none;
   }

html, body, #wrap { height: 99%; }

body {
    background: #fff;
    color: #000;
    font-size: 8pt;
    line-height: 150%;
    margin: 0px;
  }
  hr {
    color: #ccc;
    background-color: #ccc;
  }
  h1, h2, h3, h4, h5, h6, code, pre {
    color: #000;
    text-transform: none; 
  }
  h1 {
    font-size: 11pt;
    margin-top: 1em;
  }
  h2 {
    font-size: 10pt;
  }
  h3 {
    font-size: 9pt;
  }
  h4, h5, h6 {
    font-size: 8pt;
  }
  code, pre {
    font-size: 8pt;
    background-color: transparent;
    /* just in case the user configured browser to print backgrounds */
  }
  blockquote {
    background-image: none;
  }
	a:link, a:visited {
		text-decoration: underline;
		color: #000 !important;
	}
  abbr:after, acronym:after { /* some HTML4 love */
    content: " (" attr(title) ") ";
  }

   @page {
      margin: 1cm;
   }

}