@charset "utf-8";

body, p, img, h1, h2, h3, h4, ul, li {
	margin:0;
	padding:0;
	border:0;
}

body {
	font:100% "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif, Arial, Helvetica, sans-serif;
	background: #fff url(../images/bgrpage.gif) repeat-x;
	/*background: #4472aa url(../images/bgrpage.png) repeat-x;*/
	text-align: center;	
}
#outerContainer {
	width:754px; 
	margin:0 auto; 
	background:url(../images/border-bgrcell.gif) repeat-x;
}

#mainContainer {
	width:750px; 
	margin:0 auto; 
	text-align:left
}
#headerContainer {
	height:120px; 
	border-bottom:solid 2px #fff200;
}
#logoContainer {
	float:left; 
	padding:16px 0 0 16px; 
	width:100px;
}
#logotextContainer {
	padding-top:32px;
}
#navContainer {
	color:#ccc;
	font-size:75%;
}

#navContainer ul{
	padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}

#navContainer ul li{
	display: inline;
}

#navContainer ul li a{
	color: #c2c2c2;
	padding: 6px 0px 4px 0px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 10px; /*spacing between each menu link*/
	text-decoration: none;
	border-bottom: 1px solid #305078; /*bottom border is 3px*/
}

#navContainer ul li a:hover, .underlinemenu ul li a.selected{
	border-bottom-color: #fff;
	color: #fff;
}

/*TEAM
#######################################
*/
#teamBgrImx {
	background:url(../images/team-2.jpg) no-repeat; 
	height:133px; 
	text-align:center; 
	border-bottom:solid 1px white;
	border-top:solid 1px white;
}
#teamBgrImx h1 {
	color:#222;
	font-size:120%;
	margin-top:10px;
	margin-bottom:8px;
	font-weight:normal;
}
#teamBgrImx h2 {
	color:#4e1105;
	font-size:80%;
	font-weight:normal;
	line-height:18px;
}


#teamContent {
	background:#fff;
	padding-bottom:20px;
	display:block;
}
#teamContent .pad {
	padding:8px 8px 0 8px;
}
#teamContent .photoBox {
	float:left;
	margin-bottom:8px;
}
#teamContent .infoBox {
	color:#474747;
	font-size:75%;
	padding:0 10px 0 70px;
}
#teamContent .infoBox span {
	color:#284365;
	font-weight:bold;
}

#teamContent #contentwrapper{
	float: left;
	width:100%;
}

#teamContent #contentcolumn{
	float: left;
	margin-left: 505px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
	width: 245px; /*Width of right column in pixels*/
	background:#fff url(../images/team-bgrcell.gif) repeat-x ;
	border:solid 1px #bcbcbc;	
}

#teamContent #leftcolumn{
	float: left;
	width: 245px; /*Width of left column in pixel*/
	margin-left: -750px; /*Set left margin to -(MainContainerWidth)*/
	background:#fff url(../images/team-bgrcell.gif) repeat-x ;
	border:solid 1px #bcbcbc;
}

#teamContent #rightcolumn{
	float: left;
	width: 245px; /*Width of right column in pixels*/
	margin-left: -498px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
	background:#fff url(../images/team-bgrcell.gif) repeat-x ;
	border:solid 1px #bcbcbc;
}






/*HOME
#######################################
*/
#homeLobbyImx {
	background:url(../images/home-lobby-2.jpg) no-repeat; 
	height:182px; 
	text-align:center; 
	border-bottom:solid 1px white;
	border-top:solid 1px white;
}
#homeLobbyImx h1 {
	color:#222;
	font-size:120%;
	margin-top:20px;
	margin-bottom:8px;
	font-weight:normal;
}
#homeLobbyImx h2 {
	color:#4e1105;
	font-size:80%;
	font-weight:normal;
	line-height:18px;
}
#mainBotshadow {
	background:url(../images/home-lobby-botshadow.gif) repeat-x; 
	height:30px;
}

#homeContent {
	background:#fff;
	padding-bottom:20px;
	display:block;
}
#homeContent #sidebar {
	float: right;
	width: 228px;
	padding: 0;
	border:solid 1px #454f5c;
	margin-right:0;
	height:290px;
	background:#95acc8 url(../images/home-facilities-bgrcell.gif) repeat-x;
	text-align:center;
}
#homeContent #sidebar h1{
	padding:20px 0 10px 0; 
	font-size:90%; 
	color:#fff; 
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing: 0.1em;
}
#homeContent #mainContent { 
	margin: 0 248px 0 0; 
	padding: 0; 
	height:290px;
	/*width:475px;*/
} 
#homeContent #mainContent #contentwrapper{
	float: left;
	margin-bottom:5px;
}
#homeContent #mainContent #contentwrapper #leftcolumn{
	margin-right: 251px; 
	background: url(../images/home-teamtesti-bgrcell.gif) repeat-x #fff;
	height:145px;
	border:solid 1px #bcbcbc;
	width: 246px;
}
#homeContent #mainContent #rightcolumn{
	float: left;
	width: 246px;
	margin-left: -246px; 
	background: url(../images/home-teamtesti-bgrcell.gif) repeat-x #fff;
	height:145px;
	border:solid 1px #bcbcbc;
}
#homeContent #mainContent #botcolumn{
	width: 499px;
	background: #fff;
	height:140px;
	border:solid 1px #bcbcbc;
}
.homeHdl {
	color:#fff;
	font-size:80%;
	padding:5px 0 0 10px;
	letter-spacing: 0.2em;
	margin-bottom:20px;
}
.homePhoto {
	float:left; 
	margin-left:10px;
}
.homeInfo {
	color:#474747;
	font-size:70%;
	padding:0 40px 0 90px;
}
.homeInfo span {
	color:#284365;
	font-weight:bold;
}
.homeInfo a {
	padding-left:7px;
	color:#ff6600;
	text-decoration:none;
	background:url(../images/arr-small-orange.gif) no-repeat 0 5px;
}
.homeInfo a:hover {
	color:#ff6600;
	text-decoration:underline;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.lineheight {
	height:20px;
}
.imxborder {
	border:solid 1px #737373;
}



#pageContent {
	background:#fff url(../images/halftone_bgr.jpg) top no-repeat;
	padding-bottom:20px;
	display:block;
}
#pageContent h1{
	padding:42px 0 60px 40px; 
	font-size:100%; 
	font-weight:bold;; 
	color:#666;
}
#pageContentHdl {
	height:50px;
}


#topBorder {
	border-left:solid 2px #fff200; 
	border-right:solid 2px #fff200;
	height:169px;
	background:#fff ;
}

#content-w-image {
	padding: 0 30px;
	text-align:left;
	color:#444;
}
#content-w-image p{
	padding: 5px 0;
}
#content-w-image a{
	border: solid 2px #fff;
	display:block;
}
#content-w-image a:hover{
	border: solid 2px #ff6600;
}
#content-w-image ol{
	margin:0 50px;
}
#content-w-image li{
	margin-left:150px
}

.cont_fontsize {
	font-size:80%;
	line-height:1.5em;
}

.img_leftfloat {
	float:left;
	padding-right:20px;
	padding-bottom:15px;
}

.imgtable {
	font-size:70%;
	color:#999;
	text-align:center;
	border-collapse: collapse;	
}
.img_rightfloat {
	float:right;
	text-align:right;
	padding-left:20px;
	padding-bottom:15px;	
}
.img_padbottom {
	padding-bottom:0;
}

#infoprosedur {
	padding:20px 10px 20px 80px; 
	border:dashed 1px #a6d8bc; 
	background:#fffbdf url(../images/accessibility.png) 10px no-repeat; 
	margin:20px 0 0 80px; 
	width:420px;
}
#infoprosedur a {
	border:0;
	text-decoration:none;
	color:#757f76;
}
#infoprosedur a:hover {
	border:0;
	text-decoration:underline;
}

.alignjustify {
	text-align:justify;
}
.alignleft {
	text-align:left;
}
.aligncenter {
	text-align:center;
}

#footerContainer {
	background:#e5f2e5 url(../images/footer-bgrlogo.gif) center top no-repeat;
	text-align:center;
	padding:55px 0 10px 0;
	font:70% Arial, Helvetica, sans-serif;
	color:#929a92;
	margin-top:30px;
}
#footerContainer span {
	font-weight:bold;
	font-size:120%;
	color:#6d736d
}
#footerContainer a {
	text-decoration:none;
	color:#6d736d
}
#footerContainer a:hover {
	background-color:#FFF;
}


#contactContainer {
	margin-bottom:20px; 
	height:170px; 
	background:#fff url(../images/rspi.jpg) no-repeat right; 
	padding:30px 0 0 110px; 
	line-height:18px; 
	font-size:75%;
	border:solid 1px #90bc9f;
}
#contactContainer span{
	font-weight:bold;
	font-size:120%;
}
#contactContainer a{
	border:0;
	text-decoration:none;
	display:inline;
	color:#ff6600;
}
#contactContainer a:hover{
	border:0;
	text-decoration:underline;
}
#contactMap {
	border:solid 1px #b1a28f;
}




/*TOOLTIPS SETUP*/
.dogvdvhdr {
	width:180px;
	background:#305078;
	border:2px solid #fff;
	padding:10px;
	font-size:80%;
	color:#fff
}
.dogvdvbdy {
	width:200px;
	background:#FFFFFF;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:0;
}


/*GALLERY SETUP*/
div#galleryContainer { 
	margin: 0 0 0 32px; 
	overflow: hidden; 
}
.pattype {
	margin:0 0 20px 30px;
	font-size:90%;
	font-weight:bold;
	color:#444;
	/*background:url(../images/arr-small-black.gif) no-repeat left 5px;*/
	text-align:center;
}
ul#portfolio { 
	float: left; 
	list-style: none; 
}
ul#portfolio li { 
	border: 1px solid #dedede; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 152px;
	text-align:center;
	font-size:60%;
	background:#f6f6f6;
}
ul#portfolio img {
	border: 1px solid #dedede 
}
.galhdr {
	width:190px;
	background:#305078;
	border:2px solid #fff;
	padding:5px;
	font-size:70%;
	color:#fff
}
.galbody {
	width:200px;
	background:#FFFFFF;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:0;
}
.quotaContainer {
	width:600px; 
	height:150px; 
	margin:0 auto; 
	font-size:80%; 
	line-height:18px; 
	padding:20px; 
	margin-bottom:30px; 
	border:dashed 1px #999;
 
  	/*background:transparent url(../images/transparent.png); */
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/transparent.png');
	background-image:url(../images/transparent.png);
}
/*
http://randaclay.com/tips-tools/how-to-make-your-backgrounds-transparent-using-css/
*html #quotaContainer {
	background-image:none;
	background-color:#fff;
	filter:alpha(opacity=70);
	height:1%;
}
*html #quotaContainer* {
	filter:alpha(opacity=100);
	position:relative;
}
*/