CSS - http://www.brandprotect.com/staging/  * Collapse All  * Expand All  http://www.brandprotect.com/staging/ http://www.brandprotect.com/staging/styles/brandStyles.css  @charset "utf-8";
/* CSS Document */



/*

Copyright (c) 2008, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.6.0

*/

html {
	color:#000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */

sup {
	/*	vertical-align:text-top;

*/	font-size: 16px;
	margin: 0px;
	padding: 0px;
	line-height: 6px;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/

input, textarea, select {
 *font-size:100%;
}
/*because legend doesn't inherit in IE */

legend {
	color:#000;
}
del, ins {
	text-decoration:none;
}
/*End reset browser styles

/*+++++++++++++++++++++++++++++++++++*/



body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height:auto;
	font-weight: normal;
	font-size: 16px;
	color: #333;
}
strong {
	font-weight: bold;
}
a:link {
	color:#4685B0;
	text-decoration:none;
}
a:visited {
	color:#4685B0;
	text-decoration:none;
}
a:hover {
	color:#09B1DA;
	text-decoration:none;
}
a:active {
	color:#4685B0;
	text-decoration:none;
}

#wrapper {
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: 1;
	height:100%;
	min-height:600px;
	width: 960px;
	top: 0px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.innerpages #wrapper #mainSection {
	background-image: url(../image/map.gif);
	width: 900px;
	padding-left: 25px;
	padding-top: 20px;
	background-position: right 20px;
	height: auto;
}
.clearfloat {
	clear:both;
}
#topSection {
	height: 30px;
	width: 100%;
	float: right;
}

#focal {
	height: 218px;
	width: 960px;
	float: left;
	z-index: 1;
	margin-top:0px;
	background-repeat: no-repeat;
	background-image: url(../image/top.jpg);
	background-position: right bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	color: #FFC;
}
#menu{
	width: 600px;
	height: 34px;
	float: left;
	margin-top: 158px;
	background-image: url(../image/menubar.gif);
	font-size: 0.875em;
	color: #333333;
	display: inline;
	}
#mainSection{
	width: 960px;
	height: 460px;
	background-image: url(../image/map.gif);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	display: inline;
	}
#news{
	width: 500px;
	height: 200px;
	float: left;
	padding-left: 20px;
	padding-top: 0px;
	margin-top: 40px;
	display: inline;
	}
#news ul li {
	line-height: 22px;
	background-image: url(../image/bullets.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 14px;
}
.rolinList {
	width:422px;
	height:auto;
	margin-top: 0px;
	margin-bottom: 20;
	margin-left: 50px;
}
.rolinList li {
	margin-bottom:1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.rolinList li: first-child{
	none;
}
.rolinList li h2 {
	width:394px;
	height:30px;
	font-size:1em;
	line-height:30px;
	padding-left:15px;
	color:#51BBD9;
	font-weight: bold;
}
.content {
	height:auto;
	width:400px;
}
.content p {
	padding-top: 10px;
	padding-left: 15px;
	font-size: 0.875em;
	color: #333;
}

#roll {
	float: left;
	height: auto;
	width: 500px;
	margin-top: 20px;
	display: inline;
}
#foot {
	font-size: 0.875em;
}

#contact {
	float: right;
	height: 240px;
	width: 270px;
	margin-top: 200px;
	line-height: 26px;
	color: #0085B0;
	padding-left: 40px;
	padding-top: 10px;
	background-image: url(../image/contactbox.gif);
	background-repeat: no-repeat;
}
.title {
	color: #F60;
	padding-bottom: 12px;
	font-weight: bold;
	font-size: 16px;
}
#calendar{
	width: 400px;
	float: right;
	margin-top: 40px;
	color: #E67C04;
	display: inline;
	height: auto;
	}
#leftbox{
	height: auto;
	width: 500px;
	float: left;
	padding-left: 20px;
	}
#leftbox_top {
	height: 28px;
	width: 500px;
	float: left;
	background-image: url(../image/leftcorner.png);
	background-repeat: no-repeat;
	background-position: center;
	}
#leftbox_centre{
	height: auto;
	width: 500px;
	float: left;
	color: #333;
	background-color: #E7ECED;
	}
#leftbox_bottom{
	height: 29px;
	width: 500px;
	float: left;
	background-image: url(../image/bottom.png);
	background-repeat: no-repeat;
	background-position: center;
	}
.leftbox_text{
	width: 430px;
	height: auto;
	padding-left: 36px;
	floar: left;
	padding-right: 36px;
	vertical-align: top;
	float: left;
	display: inline;
	}
.leftbox_text p {
	font-size: 0.875em;
	font-weight: normal;
	padding-top: 10px;
}
.leftbox_text h1 {
	font-size: 1.125em;
	font-weight: bold;
	color: #F60;
}
.leftbox_text p a {
	font-size: 12px;
	padding-left: 350px;
}
.leftbox_text p a:link {
	color:#0085B0;
	text-decoration:none;
}
.leftbox_text p a:visited {
	color:#0085B0;
	text-decoration:none;
}
.leftbox_text p a:hover {
	color:#09B1DA;
	text-decoration:none;
}
.leftbox_text p a:active {
	color:#0085B0;
	text-decoration:none;
}

#menuCopyright{
	float: left;
	width: 960px;
	text-align: center;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.75em;
	font-weight: bold;
	margin-bottom: 20px;
	color: #666;
	display: inline;
	}
#language{
	width: 160px;
	height: 200px;
	background-image: url(../image/enterpage.jpg);
	background-repeat: no-repeat;
	padding-left: 800px;
	padding-top: 400px;
	}
#language p {
	font-size: 1.25em;
	font-weight: bold;
	padding-bottom: 20px;
}
#language p a:link {
	color:#FF0;
	text-decoration:none;
}
#language p a:visited {
	color:#FF0;
	text-decoration:none;
}
#language p a:hover {
	color:#069;
	text-decoration:none;
}
#language p a:active {
	color:#FF0;
	text-decoration:none;
}
#languageselect{
	padding-left: 760px;
	padding-top: 10px;
	font-size: 0.875em;
}
#languageselect a:link {
	color:#FFC;
	text-decoration:none;
}
#languageselect a:visited {
	color:#FFC;
	text-decoration:none;
}
#languageselect a:hover {
	color:#FC0;
	text-decoration:none;
}
#languageselect a:active {
	color:#FFC;
	text-decoration:none;
}
#calendar p {
	font-size: 0.875em;
	padding-right: 20px;
	color: #666;
	line-height: 22px;
}
#calendar h1 {
	font-size: 1.25em;
}
.innerpages #wrapper #mainSection ul li {
	background-image: url(../image/bullets.gif);
	background-repeat: no-repeat;
	background-position: 28px 6px;
	padding-left: 40px;
	line-height: 24px;
	font-size: 0.875em;
}
