/* ==========================================================================
	 HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
	 ========================================================================== */

html,
button,
input,
select,
textarea {
		color: #222;
}

body {
		font-size: 12px;
		/*line-height: 1.167em;*/
}

::-moz-selection {
		background: #b3d4fc;
		text-shadow: none;
}

::selection {
		background: #b3d4fc;
		text-shadow: none;
}

hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
}

img {
		vertical-align: middle;
}

fieldset {
		border: 0;
		margin: 0;
		padding: 0;
}

textarea {
		resize: vertical;
}

.chromeframe {
		margin: 0.2em 0;
		background: #ccc;
		color: #000;
		padding: 0.2em 0;
}


/* ==========================================================================
	 Author's custom styles | Regatta III
	 ========================================================================== */

	 #webpage_loading {
	 	color: red;	 	
		background: url("/assets_v2/common/img/regatta_loading.gif") no-repeat center center #FFFFFF;
	 	position: fixed;
	 	top: 0;
	 	left: 0;
	 	right: 0;
	 	bottom: 0; 	
	 	z-index: 10
	 }

	#webpage {
	 	visibility: hidden;
	 }

	.loaded #webpage {
	 	visibility: visible;
	 }

	 a {
		text-decoration: none;
	 }

	 /*LAYOUTS*/
	 #layout_1 #side_content {
		float: left;
	 }
		#layout_1 #main_content {
		float: right;
	 }

	 #layout_2 #side_content {
		float: right;
	 }
		#layout_2 #main_content {
		float: left;
	 }

		#layout_3 #side_content {
		float: left;
	 }
		#layout_3 #main_content {
		float: right;
	 }

	 #layout_4 #side_content {
		float: right;
	 }
		#layout_4 #main_content {
		float: left;
	 }

	 #layout_5 #side_content {
		float: left;
	 }
		#layout_5 #main_content {
		float: right;
	 }
	 #layout_group #side_content {
		float: left;
	 }
		#layout_group #main_content {
		float: right;
	 }

	#layout_simple #main_content {
		float: none;
	}

	.wrapper {
		margin: 0 auto;
		position: relative;

		overflow: hidden;
	 }

	 /*Side content*/

	#side_content {
		overflow: hidden;
		position: relative;
		width: 22%;
		z-index: 2;
	}

	#back_to_top {
	    bottom: 5px;
	    left: 50%;
	    position: fixed;
	    text-align: center;}

	#back_to_top a {
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}


#layout_1 #side_content_wrapper,   
#layout_2 #side_content_wrapper,
#layout_5 #side_content_wrapper.
#layout_group #side_content_wrapper{
	position: fixed;
}

#layout_3 #side_content_wrapper,   
#layout_4 #side_content_wrapper {
	position: static;
}  

#layout_3 .fixed#side_content_wrapper,   
#layout_4 .fixed#side_content_wrapper {
	position: fixed;
	top: 0
} 

/*Main content*/

#layout_1 #main_content,
#layout_2 #main_content,
#layout_3 #main_content,
#layout_4 #main_content,
#layout_5 #main_content,
#layout_group #main_content {    
		width: 77%;
		position: relative;
	 }   

#layout_simple #main_content {
		/*background-color: #FFFFFF;*/
		/*width: 90%;*/
		margin:0 auto;
}

#layout_simple #featured_content {
		padding-top: 30px;
}

#main_content > div {
	padding: 30px 15px;
	overflow: hidden;}

/*Single page Layout*/

#layout_simple #side_content {
		display: none;
}

#layout_simple .col_left,
#layout_group_simple .col_left {
		float: left;
		margin-right: 5%;
		width: 55%;
}
#layout_simple .col_right,
#layout_group_simple .col_right {
		float: left;
		position: relative;
		width: 40%;
}  

#layout_group_simple #generic_featured_message{
	display: none;
}
/* Full width Layout */

#layout_full_width_sidebar .wrapper,
#layout_full_width_no_sidebar .wrapper {
	width: 100%;
	text-align: center;}

#layout_full_width_sidebar #main_content,
#layout_full_width_no_sidebar #main_content {
	margin: auto;
	text-align: left;
	background: none;}

#layout_full_width_sidebar #main_content {
	left: 15px;
    margin: 0;
    position: relative;
    text-align: left;
    width: 65%;
	max-width: 800px;
	min-height: auto !important}

.ie7 #layout_full_width_sidebar #main_content {left: -125px}

/* NEW SCH DESIGN WITHOUT FIXED SIDEBAR
------------------------------------------------------------------------*/

#layout_1 #side_content_wrapper,
#layout_group #side_content_wrapper  {position: relative}

#layout_1 #side_content,
#layout_group #side_content {
    border-style: solid;
    border-width: 0 0 5px;
    float: left;}



/* ==========================================================================
	 Media Queries
	 ========================================================================== */

@media only screen and (max-width: 1024px) {   
		.wrapper,
		#layout_full_width_sidebar #featured_content .wrapper,
		#layout_full_width_no_sidebar #featured_content .wrapper {width: 99%}
		#back_to_top {margin-left: -49.5%}
}   

@media only screen and (min-width: 1024px) and (max-width: 1280px) { 
		.wrapper,
		#layout_full_width_sidebar #featured_content .wrapper,
		#layout_full_width_no_sidebar #featured_content .wrapper {width: 95%}
		#back_to_top {margin-left: -47.5%}
}

@media only screen and (min-width: 1280px) and (max-width: 1366px) { 
		.wrapper,
		#layout_full_width_sidebar #featured_content .wrapper,
		#layout_full_width_no_sidebar #featured_content .wrapper {width: 1216px}
		#back_to_top {margin-left: -608px}
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {  
		.wrapper,
		#layout_full_width_sidebar #featured_content .wrapper,
		#layout_full_width_no_sidebar #featured_content .wrapper {width: 1302px}
		#back_to_top {margin-left: -651%}
}

@media only screen and (min-width: 1440px) {
		.wrapper,
		#layout_full_width_sidebar #featured_content .wrapper,
		#layout_full_width_no_sidebar #featured_content .wrapper {width: 1376px}
		#back_to_top {margin-left: -688px;}
}


.lte9 .wrapper {
	max-width: 1376px;
	width: 97%

}

/* ==========================================================================
	 Helper classes
	 ========================================================================== */

.hide {
		display: none;
}   

.show {
		display: block;
}

.ir {
		background-color: transparent;
		border: 0;
		overflow: hidden;
		*text-indent: -9999px;
}

.ir:before {
		content: "";
		display: block;
		width: 0;
		height: 100%;
}

.hidden {
		display: none !important;
		visibility: hidden;
}

.visuallyhidden {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
}

.invisible {
		visibility: hidden;
}

.clear {
	clear: both;
}

.clearfix:before,
.clearfix:after {
		content: " ";
		display: table;
}

.clearfix:after {
		clear: both;
}

.clearfix {
		*zoom: 1;
}

.float_left {float: left;}
.float_right {float: right;}

.nowrap {white-space: nowrap;}

/* ==========================================================================
	 Print styles
	 ========================================================================== */

@media print {
		* {
				background: transparent !important;
				color: #000 !important; /* Black prints faster: h5bp.com/s */
				box-shadow: none !important;
				text-shadow: none !important;
		}

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

		a[href]:after {
				content: " (" attr(href) ")";
		}

		abbr[title]:after {
				content: " (" attr(title) ")";
		}

		/*
		 * Don't show links for images, or javascript/internal links
		 */

		.ir a:after,
		a[href^="javascript:"]:after,
		a[href^="#"]:after {
				content: "";
		}

		pre,
		blockquote {
				border: 1px solid #999;
				page-break-inside: avoid;
		}

		thead {
				display: table-header-group; /* h5bp.com/t */
		}

		tr,
		img {
				page-break-inside: avoid;
		}

		img {
				max-width: 100% !important;
		}

		@page {
				margin: 0.5cm;
		}

		p,
		h2,
		h3 {
				orphans: 3;
				widows: 3;
		}

		h2,
		h3 {
				page-break-after: avoid;
		}
}