body,
.raftPreview #pageWrapper {
	background-color: #FFFFFF;
	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: linear-gradient(top, #FFFFFF, #FFFFFF);
	background-repeat: repeat-x;
}

#tagline,
#tagline [class^="icon-"] {
	color: #EAEAEA;
}

#tagline a,
#tagline a [class^="icon-"] {
	color: #EAEAEA;
}

#tagline a:visited,
#tagline a:visited [class^="icon-"] {
	color: #EAEAEA;
}

#tagline a:hover,
#tagline a:hover [class^="icon-"] {
	color: #B3B3B3;
}

#tagline a:active,
#tagline a:active [class^="icon-"] {
	color: #B3B3B3;
}

#tagline a.current,
#tagline a.currentAncestor {
	color: #B3B3B3;
}

#taglineBackground {
	background: #242424;
}

a {
	color: #341CF9;
} 

a:visited {
	color: #3300FF;
}

a:hover {
	color: #CC0000;
}

a:active {
	color: #3333FF;
}

/* Prevent Bootstrap buttons inheriting link colours */
a:visited.btn {
	color: #333;
}

a:visited.btn-primary,
a:visited.btn-info,
a:visited.btn-success,
a:visited.btn-warning,
a:visited.btn-danger,
a:visited.btn-inverse {
	color: #fff;
}

#header {
	border-bottom: 1px solid #EAEAEA;
}

#siteTitle a {
	color: #000000;
}

#siteTitle a:hover {
	color: #777777;
}

#siteSlogan {
	color: #777777;
}

#upperHorizontalBar {
	background-color: #FFFFFF;
	background-image: -moz-linear-gradient(top, #6699FF, #FFFFFF);
	background-image: -ms-linear-gradient(top, #6699FF, #FFFFFF);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6699FF), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top, #6699FF, #FFFFFF);
	background-image: -o-linear-gradient(top, #6699FF, #FFFFFF);
	background-image: linear-gradient(top, #6699FF, #FFFFFF);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6699FF', endColorstr='#FFFFFF', GradientType=0);
	color: #000000;
}

#upperHorizontalBar h1,
#upperHorizontalBar h2,
#upperHorizontalBar h3,
#upperHorizontalBar h4,
#upperHorizontalBar h5,
#upperHorizontalBar h6 {
	color: #404040;
}

#upperHorizontalBar a {
	color: #341CF9;
}

#upperHorizontalBar a:visited {
	color: #3529F3;
}

#upperHorizontalBar a:hover {
	color: #CC0000;
}

#upperHorizontalBar a:active {
	color: #6699CC;
}

#middleHorizontalBar {
	background-color: #1F5DB2;
	background-image: -moz-linear-gradient(top, #E7E7E7, #1F5DB2);
	background-image: -ms-linear-gradient(top, #E7E7E7, #1F5DB2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E7E7E7%), to(#1F5DB2));
	background-image: -webkit-linear-gradient(top, #E7E7E7, #1F5DB2);
	background-image: -o-linear-gradient(top, #E7E7E7, #1F5DB2);
	background-image: linear-gradient(top, #E7E7E7, #1F5DB2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7E7E7', endColorstr='#1F5DB2', GradientType=0);
	color: #4C4C4C;
}

#middleHorizontalBar h1,
#middleHorizontalBar h2,
#middleHorizontalBar h3,
#middleHorizontalBar h4,
#middleHorizontalBar h5,
#middleHorizontalBar h6 {
	color: #404040;
}

#middleHorizontalBar a {
	color: #3739E9;
}

#middleHorizontalBar a:visited {
	color: #3739E9;
}

#middleHorizontalBar a:hover {
	color: #3945DF;
}

#middleHorizontalBar a:active {
	color: #3A49DA;
}

#lowerHorizontalBar {
	background-color: #CDCDCD;
	background-image: -moz-linear-gradient(top, #E7E7E7, #CDCDCD);
	background-image: -ms-linear-gradient(top, #E7E7E7, #CDCDCD);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E7E7E7%), to(#CDCDCD));
	background-image: -webkit-linear-gradient(top, #E7E7E7, #CDCDCD);
	background-image: -o-linear-gradient(top, #E7E7E7, #CDCDCD);
	background-image: linear-gradient(top, #E7E7E7, #CDCDCD);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7E7E7', endColorstr='#CDCDCD', GradientType=0);
	color: #4C4C4C;
}

#lowerHorizontalBar h1,
#lowerHorizontalBar h2,
#lowerHorizontalBar h3,
#lowerHorizontalBar h4,
#lowerHorizontalBar h5,
#lowerHorizontalBar h6 {
	color: #404040;
}

#lowerHorizontalBar a {
	color: #004080;
}

#lowerHorizontalBar a:visited {
	color: #004080;
}

#lowerHorizontalBar a:hover {
	color: #9C9C9C;
}

#lowerHorizontalBar a:active {
	color: #9C9C9C;
}

#footerContainer {
	background-color: #242424;
	background-image: -moz-linear-gradient(top, #4C4C4C, #242424);
	background-image: -ms-linear-gradient(top, #4C4C4C, #242424);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4C4C4C%), to(#242424));
	background-image: -webkit-linear-gradient(top, #4C4C4C, #242424);
	background-image: -o-linear-gradient(top, #4C4C4C, #242424);
	background-image: linear-gradient(top, #4C4C4C, #242424);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C4C4C', endColorstr='#242424', GradientType=0);
	color: #9A9A9A;
}

#footerContainer h1,
#footerContainer h2,
#footerContainer h3,
#footerContainer h4,
#footerContainer h5,
#footerContainer h6 {
	color: #9A9A9A;
}

#footerContainer a {
	color: #0000FF;
}

#footerContainer a:visited {
	color: #0000FF;
}

#footerContainer a:hover {
	color: #0000FF;
}

#footerContainer a:active {
	color: #0000FF;
}

#bannerBorder {
	border: 1px solid #DCDCDC;
	background-color: #FFFFFF;
}

#bannerContentBox {
	color: #EAEAEA;
}

#bannerBoxBackground {
	background: #000000;
}

#bannerContentBox h1,
#bannerContentBox h2,
#bannerContentBox h3,
#bannerContentBox h4,
#bannerContentBox h5,
#bannerContentBox h6 {
	color: #EAEAEA;
}

#bannerContentBox a {
	color: #3300FF;
}

#bannerContentBox a:visited {
	color: #3333FF;
}

#bannerContentBox a:hover {
	color: #3333FF;
}

#bannerContentBox a:active {
	color: #343BF9;
}

#content {
	color: #000000;
}

[class^="icon-"] {
 	color: #000000;
}

.blog-entry,
.filesharing-item {
	border-bottom: 1px solid #EAEAEA;
}

aside {
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
}

#blockNav a,
#splitNav a {
	color: #777777;
}

#blockNav a:hover,
#splitNav a:hover {
	color: #404040;
}

#blockNav a:active,
#splitNav a:active {
	color: #404040;
}

#blockNav a.current,
#splitNav a.current {
	color: #404040;
}

#nav li a,
#nav li a.suppressedLink,
#nav li a.suppressedLink:hover {
	color: #777777;
}

#nav li a:hover {
	color: #000000;
}

#nav li a:active {
	color: #1151BC;
}

#nav ul li .current,
#nav ul li .current:hover,
#nav ul li .currentAncestor,
#nav ul li .currentAncestor:hover {
	color: #1654B8;
}

#nav ul ul,
#nav ul ul ul,
#nav ul ul ul ul,
#nav ul ul ul ul ul {
	background: #FFFFFF;
}

#nav ul ul li,
#nav ul ul ul li {
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}

#nav ul ul ul {
	border-top: 1px solid #EAEAEA;
}

#nav ul ul li a,
#nav ul ul li a.nolink,
#nav ul ul li a.nolink:hover {
	color: #777777;
}

#nav ul ul li a:hover {
	color: #1A56B4;
}

#nav ul ul li a:active {
	color: #1E58B1;
}

#nav ul ul li .current,
#nav ul ul li .current:hover,
#nav ul ul li .currentAncestor,
#nav ul ul li .currentAncestor:hover {
	color: #2059AD;
}

#footer {
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #2361B5;
	background-image: -moz-linear-gradient(top, #66CCFF, #2361B5);
	background-image: -ms-linear-gradient(top, #66CCFF, #2361B5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#66CCFF), to(#2361B5));
	background-image: -webkit-linear-gradient(top, #66CCFF, #2361B5);
	background-image: -o-linear-gradient(top, #66CCFF, #2361B5);
	background-image: linear-gradient(top, #66CCFF, #2361B5);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66CCFF', endColorstr='#2361B5', GradientType=0);
}

#footerText {
	color: #FFFFFF;
}

#footer a,
#myExtraContent10 a {
	color: #330099;
}

#footer a:visited,
#myExtraContent10 a:visited {
	color: #331196;
}

#footer a:hover,
#myExtraContent10 a:hover {
	color: #FFFFFF;
}

#footer a:active,
#myExtraContent10 a:active {
	color: #FFFFFF;
}

#sidebarTitle h3 {
	color: #404040;
}

#sidebar {
	color: #777777;
}

#sidebar a,
#pluginSidebar a {
	color: #3300FF;
}

#sidebar a:hover,
#pluginSidebar a:hover {
	color: #CC0000;
}

#sidebar a:active,
#pluginSidebar a:active {
	color: #CC0000;
}

#sidebar a:visited,
#pluginSidebar a:visited {
	color: #341CF9;
}

h1 {
	color: #404040;
}

h2 {
	color: #404040;
}

h3 {
	color: #0066CC;
}

h4 {
	color: #1568C8;
}

h5 {
	color: #404040;
}

h6 {
	color: #404040;
}

/* @group RAFT Navigation Colours */

.raftNavWrapper {
	border: 1px solid #D3D3D3;
}

.raftNavTitle h3 {
	background: #E9E9E9;
	color: #3F3F3F;
}

.raftNavWrapper .raftNavArrow [class^="icon-"] {
	color: #3F3F3F;
}

.raftNav a,
.raftNav a:visited {
	background: #FFFFFF;
	color: #777777;
	border-top: 1px solid #D3D3D3;
}

.raftNav a:hover,
.raftNav a:active,
.raftNav a:focus {
	background: #0080FF;
	color: #FFFFFF;
}

.raftNav a.current {
	color: #3F3F3F;
	background: #E9E9E9;
}

.raftNav ul > li.suppressedLink > a,
.raftNav ul > li.suppressedLink > a:hover {
	color: #777777;
	background: #FFFFFF;
}

/* @end */


		/* @option User selected body background setting */



/* @option user selected tagline setting */

#tagline,
#taglineSpacer {
	display: none;
}

/* @option user selected header layout setting */

#headerContent {
	float: left;
}

#navContent {
	position: absolute;
	bottom: 0;
	right: 0;
}

#siteSlogan {
	display: block;
}

/* @option user-selected navigation layout setting */

#navContent {
	display: block;
}

/* On screens less than this width, hide the drop-down menu and use toggle menu instead */
@media screen and (max-width: 700px){
	#navContent {
		display: none;
	}
	
	.raftNavWrapper {
		display: block;
	}
}


/* @option user-selected #navigation menu position setting */

#nav ul ul li {
	width: 150px;
}

#nav ul ul ul {
	left: 150px !important;
}

/* @option User selected banner border setting */

#bannerBorder {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
}

#banner {
	margin: 0px;
}

/* @option user selected content background setting */

#bannerBoxBackground {
	-moz-opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: 0.75;
}

/* @option user-selected heading and title font face */

h1, h2, h3, h4, h5, h6,
#siteTitle h1,
#siteSlogan h2,
#sidebarTitle h3,
.blog-entry-title,
.album-title,
.photo-title,
.movie-page-title,
.movie-title {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

/* @option user-selected navigation font face */

#nav, #megamenu, #megamenuStack, #shakeNav, #splitNav, #blockNav {
	font-family: Georgia, georgia, serif;
}

/* @option user-selected body font face */

body {
	font-family: Georgia, georgia, serif;
}

/* @option user selected font size */

body {
	font-size: 100%;
}

/* @option user-selected line height spacing */

body {
	line-height: 1.50em;
}

/* @option user-selected horizontal container */

#upperHorizontalBar {
	display: block;
}

/* @option user-selected logo position setting */

#titleLogo {
	display: block;
	float: left;
	margin-right: 10px;
}



/* @option user-selected vertical spacing settings */

.floodSpacer,
#headerMargin {
	height: 50px;
}

#upperHorizontalBar,
#middleHorizontalBar,
#lowerHorizontalBar {
	margin-top: 50px;
}

#contentContainer {
	margin-top: 50px;
	margin-bottom: 50px;
}

/* @option user-selected sidebar width and position setting */

#contentContainer #content {
	margin-right: 250px;
}

aside {
	width: 200px;
	float: right;
	padding-left: 25px;
	margin-left: 25px;
	border-right: none;
}

.searchField {
	width: 190px;
}

/* @option user-selected theme width setting */

.floodWidth {
	max-width: 1040px;
}

/* If "RAFT Tablet Adaptations" is turned on in the theme style settings, this file will be called by RapidWeaver. Feel free to modify any of the rules here and adjust colour settings etc. Some style sets like RAFT navigation are stored in the main style.css file (so these can also be used by non-tablet / mobile devices). If updating this file, don't forget to copy the same CSS code over into the 481.css file. */

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

.floodSpacer, #headerMargin {
	height: 10px;
}

#headerContent {
	width: auto;
	float: none;
	text-align: left;
}

#navContent {
	position: relative;
}

#nav {
	margin-left: -15px;
}

#aside {
	float: none;
	display: block;
	width: auto;
	clear: both;
	margin: 0 0 10px;
	padding: 0;
}

#upperHorizontalBar, 
#middleHorizontalBar,
#lowerHorizontalBar {
	margin-top: 10px;
}

#contentContainer {
	margin-top: 10px;
	margin-bottom: 10px;
}

#contentContainer #content {
	margin-left: 0px;
	margin-right: 0px;
}

#contentContainer #contentWrapper {
	column-count: 1;
    -moz-column-count: 1;  
    -webkit-column-count: 1;
    column-gap: 0px;   
    -moz-column-gap: 0px;  
    -webkit-column-gap: 0px; 
}

#footerNav {
	display: none !important;
}

#leftFooter,
#footerContent {
	text-align: center;
	float: none;
	display: block;
}

} /* End @media block */

/* If "RAFT Phone Adaptations" is turned on in the theme style settings, this file will be called by RapidWeaver. Feel free to modify any of the rules here and adjust colour settings etc. Some style sets like RAFT navigation are stored in the main style.css file (so these can also be used by non-tablet / mobile devices). */

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

/* Code unique to the 481.css file */


row > [class*="span"],
.row-fluid > [class*="span"] {
	float: none;
	display: block;
	width: auto;
	margin: 0;
}


.stacks_div, 
.stacks_left,
.stacks_right,
.stacks_middle,
.stacks_float_left,
.stacks_float_right { 
	float: none !important;
	width: auto !important;
	position: relative !important;
}

/* Code copied over from the 769.css file follows */

.floodSpacer, #headerMargin {
	height: 10px;
}

#headerContent {
	width: auto;
	float: none;
	text-align: left;
}

#navContent {
	position: relative;
}

#nav {
	margin-left: -15px;
}

#aside {
	float: none;
	display: block;
	width: auto;
	clear: both;
	margin: 0 0 10px;
	padding: 0;
}

#upperHorizontalBar, 
#middleHorizontalBar,
#lowerHorizontalBar {
	margin-top: 10px;
}

#contentContainer {
	margin-top: 10px;
	margin-bottom: 10px;
}

#contentContainer #content {
	margin-left: 0px;
	margin-right: 0px;
}

#contentContainer #contentWrapper {
	column-count: 1;
    -moz-column-count: 1;  
    -webkit-column-count: 1;
    column-gap: 0px;   
    -moz-column-gap: 0px;  
    -webkit-column-gap: 0px; 
}

#footerNav {
	display: none !important;
}

#leftFooter,
#footerContent {
	text-align: center;
	float: none;
	display: block;
}
} /* End @media block */

/* @user-setting Responsive images */

#contentWrapper img,
#aside img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}

/* @option user-selected RAFT setting */

/*
HTML code would be as follows to make video content responsive:

<div class="video">
	<iframe src="http://player.vimeo.com/video/6284199?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe>
</div>
*/

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* @option user-selected miscellaneous theme style setting */

#backToTopWrapper {
	display: block;
}

/* @option user-selected sidebar function */

a, a:visited {
	text-decoration: underline;
}

/* @option user-selected miscellaneous theme setting */

#nav ul li.suppressedLink span.linkSuppressor {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 25;
	cursor: default;
	background: #ffffff;
	opacity: 0.01;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.01)";
	filter: alpha(opacity=0.01);
}

#nav ul ul li.suppressedLink span.linkSuppressor {
	display: none;
}

/* RAFT Toogle Navigation */

.raftNav ul li.suppressedLink span.linkSuppressor {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 25;
	cursor: default;
	background: #ffffff;
	opacity: 0.01;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.01)";
	filter: alpha(opacity=0.01);
}

.raftNav ul ul li.suppressedLink span.linkSuppressor {
	display: none;
}

/* @option user-selected miscellaneous theme setting */

#nav ul ul li.suppressedLink span.linkSuppressor {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 25;
	cursor: default;
	background: #ffffff;
	opacity: 0.01;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.01)";
	filter: alpha(opacity=0.01);
}

/* RAFT Toogle Navigation */

.raftNav ul ul li.suppressedLink span.linkSuppressor {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 25;
	cursor: default;
	background: #ffffff;
	opacity: 0.01;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.01)";
	filter: alpha(opacity=0.01);
}