/*-----CSS 'FRAME' STYLES----- */
body,
html{
	margin:0;
	padding:0;
}
body {
	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers - the whole page scrolls */
#headerwrap {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:103px;
	z-index:1;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>#headerwrap {
	position:fixed;
}
#header {
	height:100px;
	width:714px;
	border-right:3px solid #ccf;
	border-bottom:3px solid #336;
	border-left:3px solid #369;
	margin:0 auto;
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:100px 0 0 0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
	padding-bottom:53px;
}
/* set left margin for modern browsers */
body>#middlewrap {
	margin-left:0;
}
#middle {
	width:720px;
	background:url('Images/bgr.png') repeat-y white right;
	margin:0 auto;
}
#content {
	padding:20px 15px 0 15px;
}
/* no positioning for IE5/Win - the whole page scrolls */
#footerwrap {
	width:100%;
	p\osition:absolute;
	bottom:0;
	left:0;
	height:53px;
}
body>#footerwrap {
	position:fixed;
}
#footer {
	height:50px;
	width:720px;
	w\idth:714px;
	border-top:3px solid #eef;
	border-right:3px solid #ccf;
	border-left:3px solid #369;
	margin:0 auto;
}
#navbar {
	margin:0 auto;
	height:20px;
	width:716px;
	color:white;
	background:url('Images/lbg.png');
	border-bottom:1px solid #003956;
}
#navbar a {
	display:block;
	float:left;
	height:16px;
	margin:0;
	padding:2px 7px;
	background:url('Images/lbg.png');
	color:white;
	font-family:verdana, tahoma, helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	border-right:1px solid #003956;
}
#navbar a:hover {
	background:url('Images/lobg.png');
}

/* Styling rules make the page look nice! */
body,
html{
	font-family:"trebuchet ms", verdana, tahoma, helvetica, sans-serif;
	color:#369;
	background:#003956;
	font-size:10px;
}
#header {
	background:white;
	z-index:999;
}
#footer {
	background:url('Images/footer.png') no-repeat white;
	color:#333;
}
#content {
	background:url('Images/bgl.png') repeat-y transparent;
}
#footer p {
	text-align:center;
	font-size:13px;
	font-family:"trebuchet ms", verdana, tahoma, helvetica, sans-serif;
	margin:0;
	padding:0;
}
a {
	color:blue;
	text-decoration:none;
}
a:visited {
	color:blue;
}
a:hover {
	color:#f60;
}
p {
	margin:0;
	padding:1em 0 0 0;
	font-size:1.3em;
}
h1 {
	margin:0;
	color:#333;
	padding:0.8em 0 0 0;
	text-align:center;
	font-size:2em;
	font-variant:small-caps;
}
h2 {
	margin:0;
	padding:0.8em 0 0 0;
	text-align:center;
	font-size:1.8em;
	color:#333;
}
h2.specialised {
	display:inline;
	margin-right:25px;
}
#rpsaa {
	margin:30px 60px;
	height:100px;
	border-top:3px solid #eef;
	border-right:3px solid #ccf;
	border-bottom:3px solid #336;
	border-left:3px solid #369;
	background:#f7f7f7 url('Images/divbg.png') right bottom no-repeat;
}
	#rpsaa img {
		float:left;
	}
	#rpsaa h1 {
		float:inherit;
		color:#369;
		padding-top:10px;
		margin-left:100px;
		font-size:3em;
		text-align:left;
	}
	#rpsaa h2 {
		float:inherit;
		color:#f60;
		padding-top:0;
		margin-left:100px;
		font-size:2em;
		text-align:left;
		font-style:italic;
	}
#rhssrvcol {
	float:right;
	width:340px;
	margin-top:-1em;
}
#lhssrvcol {
	margin-left:30px;
}
div.quote {
	padding:10px;
	border-top:3px solid #eef;
	border-right:3px solid #ccf;
	border-bottom:3px solid #336;
	border-left:3px solid #369;
	background:#f7f7f7 url('Images/divbg.png') right bottom no-repeat;
}
div.quote p {
	margin:0;
	padding:0;
}
div.quote p.name {
	color:#f60;
	font-style:italic;
	border:none;
	padding-top:1em;
	background:transparent;
}
ul li {
	list-style-image:url('Images/bullet.png');
	font-size:1.4em;
}
#ivan {
	color:#f60;
	font-weight:bold;
	font-size:18px;
}
.orange {
	color:#f60;
}
p.justified {
	text-align:justify;
}
p.centered {
	text-align:center;
}
p.name {
	padding:5px;
	margin:10px;
	border:1px dashed #f60;
	font-style:italic;
	background:url('Images/divbg.png') no-repeat right bottom #f7f7f7;
	font-weight:bold;
}
p.flash {
	text-align:center;
	z-index:2;
}
a.styleswitcher img {
	border:0;
	float:right;
	margin:0 5px 0 -5px;
}
img.left {
	float:left;
	margin-right:10px;
}
img.right {
	float:right;
	margin-left:10px;
}
img#flashmovie {
	border:0;
}
img#w3c {
	float:right;
	margin:5px 5px 0 0;
	border:0;
}