html {
/*	font-family: "Lucida Grande", Verdana, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, “Trebuchet MS”, Tahoma, Geneva, “Lucida Sans Unicode”, “Lucida Grande”, “MS Sans Serif”, sans-serif;
	font-size: 14px;
}

body {
	text-align: center;
	background-color: #333333;
	background-image: url("../images/gradient-background.png");
	background-repeat: repeat-x;
}

#wrapper {
	width: 1014px;
	border: 1px solid #cccccc;
	margin: 10px auto 0 auto;
	text-align: left;
}

#wrapper-inner {
	background-color: #c6cfd6;
	background-image: url("../images/wrapper-inner-background.jpg");
	background-repeat: no-repeat;
	background-position: 0 100%;
	margin: 5px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#header {
	height: 144px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#header h1.degres-title {
	width: 180px;
	height: 134px;
	background: url("../images/logo.png");
	text-indent: -9999px;
	float: left;
}

#header h1.gso-title {
	width: 110px;
	height: 80px;
	background: url("../images/logo-gso.png");
	text-indent: -9999px;
	float: left;
	margin-left: 30px;
	margin-top: 40px;
}

#body {
	clear: both;
}

#navigation {
	width: 250px;
	float: left;
}

#navigation-inner {
	padding: 10px;
	margin: 5px;
}

#navigation-photo {
	padding: 10px;
	margin: 5px;
	padding-top: 0;
	margin-top: 0;
}

#content {
	width: 754px;
	float: left;
}

#content-inner {
	padding: 10px;
	margin: 5px;
}

#footer {
	clear: both;
}

#bottom {
	text-align: center;
	font-size: 10px;
	padding: 2px;
	color: #dddddd;
	margin-top: 10px;
}

#navigation ul {
	border: 1px solid #E60003;
	padding: 3px;
}

#navigation ul li {
	background-color: #e60003;
	background-image: url("../images/list.png");
	background-position: 4px 50%;
	background-repeat: no-repeat;
	padding-left: 7px;
}

#navigation ul li a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 13px;
}

#navigation-photo img {
	border: 1px solid #E60003;
	padding: 3px;
}

abbr[title], acronym[title], span[title], strong[title] {
	border-bottom: thin dotted;
	cursor: help;
}

.validators {
	margin-top: 4px;
}

.gallery {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom: 5px;
}

.gallery h2 {
	margin-bottom: 5px;
	font-weight: bold;
}

.gallery img {
	margin: 2px;
}

.strong {
	font-weight: bold;
	color: #E60003;
	font-style: italic;
}

div#content-inner h1 {
	font-size: 20px;
	padding: 6px 6px 6px 50px;
	margin-bottom: 30px;
	background-image: url("../images/logo-small.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-color: #DDDDDD;
	border: 1px solid #CCCCCC;
}

div#content-inner h1.inside {
	margin-top: 30px;
}

div#content-inner ul, div#content-inner p {
	margin: 5px;
	text-align: justify;
}

div#content-inner p {
	text-indent: 20px;
}

div#content-inner ul p {
	text-indent: 0px;
}

div.center {
	text-align: center;
}

div#content-inner .contact {
	margin: 30px 0;
}

div#content-inner .contact div.label {
	width: 30%;
	float: left;
	text-align: right;
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
}

div#content-inner .contact div.info {
	width: 68%;
	float: right;
	display: block;
}

div#content-inner .contact div.info .email {
	background-image: url("../images/email.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 20px;
}

div#content-inner .contact div.footer {
	clear: both;
}

div#content-inner .contact div.label label {
	padding-top: 4px;
	display: block;
	cursor: pointer;
}

ul.styled-list {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 20px;
}

ul.styled-list ul {
	list-style-type: circle;
	list-style-position: outside;
	padding-left: 20px;
}

ul.styled-list li {
	padding: 6px 0;
}

ul.styled-list li li {
	padding: 2px 0;
}

a:link, a:active, a:visited {
	text-decoration: underline;
	color: #17A;
}

a:hover, a:focus {
	text-decoration: underline;
	color: #6BD;
}

a {
	font-weight: bold;
	color: #002E5B;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div.sign {
	width: 100%;
	height: 242px;
	margin-top: 30px;
	background-image: url("../images/sign.png");
	background-position: 80% 0;
	background-repeat: no-repeat;
}

form .error {
	color: #E60003;
}

form label.error {
	color: black;
	display: inline;
	position: absolute;
	border: 1px solid #E60003;
	background-color: #E6999C;
	background-image: url("/images/error.png");
	background-repeat: no-repeat;
	background-position: 2px 50%;
	padding: 3px;
	padding-left: 20px;
	margin-left: 5px;
}

