/***********************************************
 * TITLE: SGVS Screen Stylesheet               *
 * URI  : stylesheets/screenstyle.css          *
 * MODIF: 23/08/2006                           *
 ***********************************************/


/* ##### Common Styles ##### */

body {
	margin:0;
	padding:0;
	font-family:arial, verdana, sans-serif;
	font-size: 12px;
	color:#000000;
	text-align:center;
	background-color:white;
}
p {
	margin:0.2em 0 1.0em 0;
	padding:0.3em;
}
h1 {
	color:#00489A;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	margin:0.0em 0.0em 0.0em 0.2em;
	padding:0;
	font-family: arial, verdana, sans-serif;
}
h2 {
	border-bottom: 1px dotted #808080;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	margin:0.1em;
	padding:1em 0em 0em 0em;
	font-style:normal;
	font-family: arial, verdana, sans-serif;
}
div {
	margin:0;
	padding:0;
	display:block;
}
a:link, a:visited, a:active, a:hover {
	color:#004397;
	text-decoration:none;
}

.container {
	background-color:white;
	margin:0 auto 0 auto;
	padding:0;
	width:800px;
}
/* ##### Title ##### */

.titleblock {
	padding:2em 1em 2em 1em;
	margin:0;
	text-align:left;
	background-image:url(leaf.jpg);
	background-repeat:no-repeat;
	background-position:right center;
}
.titleblock p {
	text-indent:4em;
	color:#00489A;
}
/* ##### Title navigation ##### */

ul.navbar {
	list-style-type:none;
	float:left;
	display:block;
	width:100%;
	line-height:.8em;
	clear:both;
	margin:0;
	padding:0px;
	background-color:#9AC7DF;
}
ul.navbar li {
	display:inline;
}
a.nav:link, a.nav:visited {
	display:block;
	float:left;
	padding:6px 15px 6px 15px;
	margin:0;
	text-decoration:none;
	background-color:#9AC7DF;
	color:#000000;
}
a.nav:hover {
	display:block;
	float:left;
	margin:0;
	text-decoration:none;
	background-color:#00489A;
	color:#ffffff;
}
a.nav:active {
	display:block;
	float:left;
	margin:0;
	text-decoration:none;
	background-color:#9AC7DF;
	color:#000000;
}
/* ##### Float right ##### */

.rightcontainer {
	float:right;
	clear:both;
	width:14em;
	margin:1em 0 0 0;
	padding:0;
}

#rightbox {
	margin:0.5em;
	padding:2px;
	border:1px dotted #808080;
	text-align:left;
}

#rightbox a {
	color: #F18100;
	text-decoration:none;
}

.rightcontainer h2 {
	text-align:center;
	padding:2px 0px;
	font-size:12px;
	color:#ffffff;
	background-color:#00489A;
	background-image:url('../gfx/arrowWhite.jpg');
	background-repeat:no-repeat;
	font-weight:normal;
}
.linkbox a {
	display:block;
}
/* ##### Content ##### */

.content {
	clear:left;
	text-align:left;
	margin:1.0em 14.5em 0 0;
	padding:1em 1ex 0em 1.5ex;
}
.content h2 {
	text-indent:.1em;
}
/* ##### Footer ##### */

.footer {
	color:#000000;
	font-size:10px;
	margin:0.5em 0.2em 0.5em 0.5em;
	padding:0.8em;
	border-top:1px dotted #808080;
	text-align:left;
	clear:both;
	min-height: 400px;
}
.footer .right {
	float:right;
	clear:right;
	text-align:right;
}
.footer p {
	margin:0;
}
