/*** BERCO ***/

* { 
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	/* list-style: none; */
}


body {
	background: #ffffff;
	color: #333;
}

body, table {
	font-family:  verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body, * html table  { font-size: medium; }

.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

p { margin: 0.5em 0 1.2em 0; }

img { border-width: 0; }
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

ul.normal {padding: 5px 0 5px 25px;}
ol {padding: 5px 0 5px 25px;}

a.iconlink { padding-left:10px; background: url(/images/icon.gif) no-repeat top left; }

.bigtext { font-size: 1.2em; line-height: 1.6em; }

h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.3em 0; }
h1 { font-size: 2.3em; color: #ffffff; line-height: 1.2em; font-weight: normal; font-family:  Cambria, Georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; letter-spacing: -1px; }
h2 { font-size: 1.6em; color: #ee1d23; line-height: 1.2em; font-weight: normal; font-family:  Cambria, Georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; letter-spacing: -1px;}
h3 { font-size: 1.4em; color: #ff2d33; line-height: 1.2em; font-weight: normal; font-family:  Cambria, Georgia,  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; letter-spacing: -1px;}
h4 { font-size: 1.1em; color: #ff2d33; line-height: 1.5em; font-weight: normal; letter-spacing: -1px; }

#pagefooter h4 { color: #fff; text-transform: uppercase; }


/*** OVERALL LAYOUT ***/

#skiptomain { display: none; }

#topwrapper {
	width: 100%;
	font-size: 0.85em;
	background: #046 url(/images/bluetile.gif) repeat top left;
	color: #fff;
}

	#topcontainer {
		width: 980px;
		margin: 0px auto;
		background: url(/images/topoverlay.png) no-repeat center bottom;
		color: #99ccff;
	}

		#toplinks {
			width: 980px;
			padding: 2px 0px 0px 0px;
			margin: 0px;
			text-align:right;
			font-size: 0.8em;
			}

		#toplinks strong {
			font-size: 2.0em;
			font-weight: normal;
			margin-right: 20px;
			letter-spacing: -1px;
			text-shadow: 2px 2px 5px #333;
			font-family:  Cambria, Georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
				
		}

		#toplinks a {
			font-size: 1.1em;
			margin-right: 20px;
			}

		#toplinks img {
			position: relative;
			z-index: 5;
			top: 11px;
			margin-right: 10px;
			}

		#toplinks a:link, #toplinks a:visited { color: #99ccff; text-decoration: underline; }
		#toplinks a:hover { color: #ffffff; text-decoration: underline; }


#stripwrapper {
	width: 100%;
	font-size: 0.85em;
	background: #000 url(/images/blacktile.gif);
	color: #fff;
	position: relative;
	z-index: 15;
}

	#stripcontainer {
		width: 980px;
		margin: 0px auto;
	}

		header {
			width: 980px;
			font-size: 0.95em;
			padding: 10px 0px 10px 0px;
			margin: 0px;
			color: #fff;
			z-index: 99;
			}

			#toplogo {
				width: 150px;
				float: left;
				position: relative;
			}

				#toplogo img.logo {
					position: absolute;
					z-index: 5;
					top: -50px;
					left: 0px;

				}
			
			#topnav {
				width: 830px;
				float: right;
				text-align: right;
				padding: 0px;
				margin: 0px;
				color: #fff;
			}

#herowrapper {
	width: 100%;
	font-size: 0.85em;
	background: #046 url(/images/herobottom.png) bottom repeat-x;
	color: #fff;
}

	#herocontainer {
		width: 980px;
		margin: 0px auto;		
		color: #ffffff;
	}
	
		#heroimage {
			width: 980px;
			padding: 0px;
			margin: 0px;
			background: url(/images/bottomoverlay.png) no-repeat center top;
			position: relative;
			}

			#flashanim {
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				overflow: hidden;
				z-index: 1;
				width: 980px;
				height: 220px;
				
				}
	
			#herotext {
				position: absolute;
				width: 400px;
				/* height: 180px; */
				padding: 30px 0px 0px 10px;
				top: 0px;
				left: 0px;
				margin: 0px;
				text-align:left;
				color: #fff;
				line-height: 1.6em;
				z-index: 2;
				}

			#herotext strong {
				font-size: 2.3em; 
				color: #ffffff; 
				line-height: 1.2em; 
				font-weight: normal; 
				font-family:  Cambria, Georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 
				letter-spacing: -1px;
				text-shadow: 2px 2px 5px #333;
			}

			#herotext h1 {
				color: #ffffff; 
				text-shadow: 2px 2px 5px #333;
			}


			#herotext a:link, #herotext a:visited { color: #77bbdd; text-decoration: underline; }
			#herotext a:hover { color: #ffffff; text-decoration: underline; }



#mainwrapper {
	width: 100%;
	font-size: 0.85em;
	background: #fff;
	color: #333;
}

	#mainpagecontainer {
		width: 980px;
		margin: 0px auto;
	}

		#maincontent{
			clear: both;
			width: 980px;
			padding: 15px 0px 10px 0px;
			margin: 0;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
		}

			#maincontent a:link, #maincontent a:visited { color: #ee1d23; text-decoration: none; }
			#maincontent a:hover { color: #ff2d33; text-decoration: underline; }
			
		#maincontent ul{
			padding: 0px 0px 0px 20px;
			
		}
		
			#maincontentleft {
				width: 648px;
				float: left;
				padding: 5px 0px;
				margin: 0px 16px 0px 0px;
			}

			
			#maincontentright {
				width: 316px;
				float: left;
				padding: 5px 0px;
				margin: 0px 0px 0px 0px;
			}
			
		#maincontent #pagetext ul {
			list-style: disc outside none !important;
		}
		
#mainlogowrapper {
	width: 100%;
	font-size: 0.85em;
	background: #fff;
	color: #000;
	border-top: 1px solid #ccc;
}

	#mainlogocontainer {
		width: 980px;
		margin: 0px auto;
	}

		#mainlogos{
			clear: both;
			width: 980px;
			padding: 5px 0px 0px 0px;
			margin: 0;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
		}

			#accreditations {
				width: 628px;
				float: left;
				padding: 5px 10px;
				margin: 0px 16px 0px 0px;
				text-align: left;
			}

			
			#socialmedia {
				width: 296px;
				float: left;
				padding: 5px 10px;
				margin: 0px 0px 0px 0px;
			}

#footerwrapper {
	width: 100%;
	font-size: 0.85em;
	background: #000 url(/images/blacktile.gif);
	color: #fff;
	border-top: 1px solid #000;
}

	#footerpagecontainer {
		width: 980px;
		margin: 0px auto;
	}

		footer {
			clear: both;
			width: 980px;
			padding: 10px 0px 10px 0px;
			margin: 0px;
			font-size: 0.8em;
			line-height: 1.5em;
			color: #666;
		}

			footer a:link, footer a:visited { color: #999; text-decoration: none; }
			footer a:hover { color: #999; text-decoration: underline; }


			#pagefooterlogo {
				width: 100px;
				float: left;
				margin-right: 20px;
				position: relative;
			}

				#pagefooterlogo img.logo {
					position: absolute;
					z-index: 5;
					top: -30px;
					left: 0px;

				}
			
			#pagefootertext {
				width: 860px;
				float: right;
				padding: 0px 0px 0px 0px;
				margin: 0px;
			}




			ul.pagefooterlist {
				display: inline;
				margin: 0px 0px 10px 0px;
				padding: 0px;
				list-style: none;
				font-size: 1.1em;
				width: 880px;
			}

				ul.pagefooterlist li{
					float: left;
					margin: 0px;
					padding: 5px 15px 0px 0px;
					display: block;
					line-height: 1.5em;

				}
	
			

/*****************
 FEATURES
*****************/

.pagefeature4col {
	width: 628px;
	float: left;
	padding: 5px 10px;
	margin: 0px 16px 10px 0px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddeeff), to(#ffffff));
	background: -moz-linear-gradient(top,  #ddeeff,  #ffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeff', endColorstr='#ffffff');
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagefeature3col {
	width: 462px;
	float: left;
	padding: 5px 10px;
	margin: 0px 16px 10px 0px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddeeff), to(#ffffff));
	background: -moz-linear-gradient(top,  #ddeeff,  #ffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeff', endColorstr='#ffffff');
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagefeature2col {
	width: 296px;
	float: left;
	padding: 5px 10px;
	margin: 0px 16px 10px 0px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddeeff), to(#ffffff));
	background: -moz-linear-gradient(top,  #ddeeff,  #ffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeff', endColorstr='#ffffff');
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagefeature1col {
	width: 130px;
	float: left;
	padding: 5px 10px;
	margin: 0px 16px 10px 0px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddeeff), to(#ffffff));
	background: -moz-linear-gradient(top,  #ddeeff,  #ffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeff', endColorstr='#ffffff');
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

	.pagefeatureend { margin-right: 0; }



.imagefeature img {
	opacity: 1.00;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha( opacity  = 100);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


.imagefeature a:hover img {
	opacity: 0.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha( opacity  = 85);
}

/*****************
 NEWS IN FEATURES
*****************/

.pagefeatnewsitem {
	clear: both;
	margin: 15px 0px 0px 0px;
}

	.pagefeatnewsitem img {
		float: left;
		margin-right: 10px;
	}

	.pagefeatnewsitem a {
		padding: 5px 0px 0px 0px;
	}
	
/*****************
 BUTTONS
*****************/


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: .5em 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

#heroimage #herotext .detailsbutton {
	background: #ee1d23;
	border: solid 1px #ff3355;
	color: #ffffff;
	text-decoration: none;
}

#heroimage #herotext .detailsbutton:hover{
	background: #ff2d33;
	color: #ffffff;
	text-decoration: none;
}

#heroimage #herotext .detailsbutton:active {
	background: #ff2d33;
	color: #ffffff;
	text-decoration: none;
}

/*****************
 MAP
*****************/

#gmap {
	width: 648px;
	height: 460px;
}

/*****************
 APPLICATION FORM
*****************/

#applyform input, #applyform textarea, #applyform select {
	border: 1px inset #cccccc;
	margin-bottom: 5px;
}

#applyform fieldset {
	margin-bottom: 20px;
}

	#applyform fieldset legend {
		margin-bottom: 10px;
	}

#applyform label.ontheleft {
	clear: both;
	float: left;
	width: 200px;
	text-align: right;
	padding-right: 10px;
}

#applyform input.lineupleft {
	float: left;
	margin-left: 210px;
}

#applyform input[type=submit] {
	border: 0px;
	color: #ffffff;
	font-size: 1.2em; 
	background: url(/images/but-continue.gif) no-repeat center top;
	text-transform: lowercase;
	padding: 5px;
	width: 88px;
	height: 30px;
	cursor: pointer;
}
	
/* REGISTRATION / LOGIN STUFF */
#regform {
	display: inline;
}

#regform p {
	margin-top: 5px;
}

#regform label {
	clear: both;
	float: left;
	width: 160px;
	padding-right: 10px;
	margin-top: 5px;
}

	#regform label.error {
		margin-left: 170px;
		margin-bottom: 10px;
		color: #cc0000;
		font-weight: bold;
	}

#regform input[type=text], #regform input[type=password]  {
	float: left;
	border: 1px inset #cccccc;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 1.0em;
	padding: 2px;
	margin-top: 5px;
}


/*****************
 TESTIMONIALS
*****************/

.speechbubble {
	position:relative;
	padding:15px 30px;
	margin:0;
	color:#000;
	background:#ddeeff; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#eeffff), to(#ddeeff));
	background:-moz-linear-gradient(top, #eeffff, #ddeeff);
	background:-o-linear-gradient(top, #eeffff, #ddeeff);
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.speechbubble + p {margin:15px 0 2em 85px; font-style:italic;}

/* creates the triangle */
.speechbubble:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-50px;
	left:50px;
	width:0;
	height:0;
	border-width:0 20px 50px 0px;
	border-style:solid;
	border-color:transparent #ddeeff;
}