/* @group Global HTML */

body {
	padding: 0;
	color: #333;
	line-height: 1.5em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin: 30px;
	background: #ffffff;
	font-size: 80%;
}

a {
	color: #6699cc;
	text-decoration: none;
}

a:visited {
	color: #6699cc;
	text-decoration: none;
}

a:hover {
	color: #6699cc;
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

img {
	border-style: none;
	max-width: 100%;
	height: auto;
}

.image-left {
	float: left;
	position: relative;
	padding: 0;
	margin: 10px;
}

.image-right {
	float: right;
	position: relative;
	padding: 0;
	margin: 10px;
}



ul.disc {
	list-style-type: disc;
}

ul.circle {
	list-style-type: circle;
}

ul.square {
	list-style-type: square;
}

ol.arabic-numbers {
	list-style-type: decimal;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.upper-roman {
	list-style-type: upper-roman;
}

ol.lower-roman {
	list-style-type: lower-roman;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

.xsmall {
	font-size: 8px;
}

.small { 
	font-size: 10px;
}

.medium {
	font-size: 14px;
}

.large {
	font-size: 18px;
}

.xlarge {
	font-size: 24px;
}

.xxlarge {
	font-size: 48px;
}

/* @end */

/* @group Bootstrap Resets */

.carousel-control,
.carousel-control a {
	text-decoration: none;
	font: 100 60px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* Prevent buttons and tabs being underlined */
a.close,
a.accordion-toggle,
.nav a {
	text-decoration: none;
}

hr {
	border-bottom: none;
}

.badge,
.btn,
.label {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group FreeStyle and ExtraContent Functionality */

/*
Hide FreeStyle and ExtraContent containers, unless they are in their designated placeholders and the page is read. It's advisable to use this HTML code in your theme index.html file, so that users with no Javascript support can still see the content:

<noscript><style type="text/css">#contentWrapper #fs, #sidebar #fs, #contentWrapper div[id*='myExtraContent'], #sidebar div[id*='myExtraContent'] {display: block;}</style></noscript>

*/

#content #fs,
#sidebar #fs,
#content div[id*='myExtraContent'],
#sidebar div[id*='myExtraContent'] {
	display: none;
}

/* @end */

/* @group Layout */

#container {
	max-width: 940px;
	margin: 10px auto;
}

.clearer {
	clear: both;
}

#pageHeader {
	padding: 10px 0;
}

#pageHeader h1 {
	margin: 0 0 5px;
	padding: 0;
	color: #6699cc;
	text-decoration: none;
	font: normal normal 2.00em/1.00em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}

#pageHeader h2 {
	margin: 0;
	color: #4c4c4c;
	line-height: 1.00em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 100%;
}

#contentContainer {
	margin-left: 320px;
}

#contentContainer #content {
	padding: 0;
	color: #4c4c4c;
	font-weight: normal;
}

#sidebarContainer {
	width: 300px;
	float: left;
}

#image {
	position: relative;
}

#image img,
#image video {
	width: 100%;
	height: auto;
}

/* Custom banners added through the RW page inspector */
#rwBanner {
	line-height: 0px;
}

#rwBanner img {
	width: auto;
}

#sidebarContainer #sidebar {
	padding: 0;
	font-weight: normal;
	margin: 5px 0 0;
}

#sidebarContainer .sideHeader {
	border-bottom: 1px solid #4c4c4c;
	padding: 0;
	margin: 20px 0 0;
	font-size: 100%;
	text-transform: uppercase;
	color: #4c4c4c;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.25em;
}

#footer {
	font-size: 90%;
	text-align: left;
	padding: 0;
	border-top: 1px solid #4c4c4c;
	margin: 20px 0 0;
}

#footer p {
}

#footer a:link, #footer a:visited {
}

#footer a:hover, #footer a:active {
}
	
/* @end */

/* @group Bread-crumb */

#breadcrumbcontainer {
	margin: 15px 0 0;
	padding: 0;
}

#breadcrumbcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#breadcrumbcontainer li {
	display: inline;
	margin: 0;
	padding: 0;
}

#breadcrumbcontainer a {
}

#breadcrumbcontainer a:hover {
}
	
/* @end */

/* @group Toolbar */

/* Toolbar Styles */

#navigation {
	border-bottom: 1px solid #4c4c4c;
	padding: 0;
	margin: 20px 0 0;
	text-transform: uppercase;
	color: #4c4c4c;
	font-weight: bold;
	letter-spacing: 2px;
}

#navcontainer {
	padding: 0;
	margin: 20px 0 0;
}

#navcontainer #current {
	color: #4c4c4c;
}

#navcontainer #current:hover {
}

#navcontainer .currentAncestor {
}

/* Parent - Level 0 */

#navcontainer ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer li {
}

#navcontainer ul a {
	display: inline;
	color: #6699cc;
	text-decoration: none;
	margin-bottom: 2px;
	padding: 5px 0;
}

#navcontainer ul a:hover {
	color: #4c4c4c;
}

#navcontainer ul a:active {
}

/* Child - Level 1 */

#navcontainer ul ul {
	padding-left: 20px;
}

#navcontainer ul ul li {
}

#navcontainer ul ul a {
}

#navcontainer ul ul a:hover{
}

#navcontainer ul ul #current{
}

#navcontainer ul ul .currentAncestor {
}

/* Child - Level 2 */

#navcontainer ul ul ul {
}

#navcontainer ul ul ul li { 
}

#navcontainer ul ul ul a{
}

#navcontainer ul ul ul a:hover{
}

#navcontainer ul ul ul #current{
}

#navcontainer ul ul ul .currentAncestor {
}
/* Child Level 3 */

#navcontainer ul ul ul {
}

#navcontainer ul ul ul ul li { 
}

#navcontainer ul ul ul ul a{
}

#navcontainer ul ul ul ul a:hover{
}

/* Child Level 4 */

#navcontainer ul ul ul ul {
}

#navcontainer ul ul ul ul ul li { 
}

#navcontainer ul ul ul ul ul a{
}

#navcontainer ul ul ul ul ul a:hover{
}

/* Child Level 5 */

#navcontainer ul ul ul ul ul {
}

#navcontainer ul ul ul ul ul ul li { 
}

#navcontainer ul ul ul ul ul ul a{
}

#navcontainer ul ul ul ul ul ul a:hover{
}

/* @end */














@media screen and (max-width: 700px) {
	#contentContainer {
		margin-left: 0px;
	}
	
	#sidebarContainer {
		width: auto;
		float: none;
	}
}