/* Start of CMSMS style sheet 'grima' */
/* 
 * Original OpenSource CSS Design: Clementine
 * © James Koster
 * http://www.sixshootermedia.com/
 *
 * Adapted to grima repositery
 * © Geuten Edouard
 * http://grima.asocial.org
 *
 * Main theme color : #CD1A44
 */

body {	
	background-color:#fff;
	background-image:url(img/body.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:78%;
	color:#666;
	margin:0;
}

#top {
	width:715px;
	height: 40px;
	padding:12px 25px 15px 25px;
	background-image:url(img/top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:right;
}

#top ul {
	margin: 0;
	padding: 0;
}

#top li {
	margin: -12px 0 0 0;
	padding:0;
	list-style:none;
	float:right;
}

#top li a {
	display:block;
	width: 36px;
	height: 40px;
	text-align:center;
	margin:0 0 0 0;
	background-image:url(img/smallg-grey.png);
	background-repeat:no-repeat;
	text-decoration:none;
	padding:0;
	border:none;
}

#top li a.top-orange:hover {
	background-image: url(img/smallg-orange.png);
}

#top li a.top-green:hover {
	background-image: url(img/smallg-green.png);
}

#top li a.top-blue:hover {
	background-image: url(img/smallg-blue.png);
}

#top li a.top-purple:hover {
	background-image: url(img/smallg-purple.png);
}

#top li a span {display: none;}

#top a:hover span
{
	display: block;
	color: #fff;
	position: relative;
	top: 12px;
	left: -200px;
}


#top a {
	color:#fff;
	padding:0 10px 0 10px;
	border:none;
}

#top a:hover {
	text-decoration:none;
}

#top b {
	padding:0 10px 0 10px;
	float:left;
	font-weight:normal;
}

#top b a {
	border-left:1px dotted #ccc;
	border-right:none;
	border:none;
	color:#fff;
}

#container {
	width:765px;
	margin:0 auto;
	background-image:url(img/header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:30px 0 0 0;
}

#menu {
	width:706px;
	margin:0 auto;
	text-align:left;
}

#menu #nav {
	margin:0;
	padding:0;
	float:left;
}

#nav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#nav li a {
	display:block;
	width:100px;
	text-align:center;
	margin:0 1px 0 0;
	background-image:url(img/menu_link.jpg);
	background-position:left;
	background-repeat:no-repeat;
	color:#ccc;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	padding:55px 0 23px 0;
	border:none;
}

#nav li a em {
	font-style:normal;
	text-decoration:underline;
}

#nav li a#last {
	margin:0 !important;
}

#nav li a:hover {
	background-image:url(img/menu_link.jpg);
	background-position:right;
	color:#fff;
}

#nav li a.active {
	background-image:url(img/menu_link.jpg);
	background-position:right;
	color:#fff;
}

#nav li.logo {
	background-image:url(img/logo.jpg);
	/* Image © Jan Roger Johannesen http://www.janroger.no/ */
	width: 100px;
	height: 93px;
	margin: 0;
	margin-right: 1px;
	padding: 0;
}

.clear {
	clear:both;
}

#sidebar {
	width:262px;
	float:right;
	background-image:url(img/sidebar.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0 29px 0 0 !important;
	margin:0 15px 0 0;
	padding:7px 20px 20px 20px;
	color:#777;
	line-height:18px;
	font-size:90%;
	word-spacing:-1px;
}

#sidebar h1 {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #CD1A44; /*#A52A2A;*/
	font-weight:normal;
	margin:10px 0 10px 0;
}

#sidebar h1.first {
	color:#fff;
	margin:10px 0 35px 0;
}

#content {
	margin:0 331px 0 20px;
	background-image:url(img/content.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding:10px 20px 10px 20px;
}

#content {
	line-height:20px;
	word-spacing:2px;
	text-align: justify;
}

#content h1 {
	font-family: "Trebuchet MS", sans-serif;
	font-size:24px;
	color:#333;
	font-weight:normal;
	margin:30px 0 35px 0;
	letter-spacing:-2px;
	border-bottom:2px solid #CD1A44; /*#A52A2A;*/
	padding:0 0 2px 0;
}

#content h1 a {
	color:#333;
	text-decoration:none;
	border:none;
}

#content h1 a:hover {
	color:#666;
}

#content p {
	text-indent:15px;
}

#content p.noident {
	text-indent: 0px;
}

#header-summarize {
	margin:20px 0 20px 0;
	padding:0;
	border-top:1px solid #eee;
}

#header-summarize li {
	margin:1px;
	padding:0 !important;
	padding:1px;
	list-style:none;
}

#header-summarize li a {
	padding:2px 2px 2px 18px;
	display:block;
	margin:0;
	color:#777;
	text-decoration:none;
	border-bottom:1px solid #eee;
	background-image:url(img/document.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#header-summarize li a:hover {
	border-bottom: 1px solid #ccc;
	background-color: #fbfbfb;
	color: #444;
}

h2 {
	font: 120% Verdana, sans-serif;
	color:#333;
	border-bottom:1px dotted #ccc;
}

blockquote {
	margin:0;
	padding:5px 15px 5px 15px;
	background: #f6f6f6;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color:#333;
	border-bottom:1px solid #ccc;
	text-decoration:none;
}

a:hover {
	border-bottom:1px solid #999;
}

#footer {
	padding:10px;
	border-top:2px solid #f6f6f6;
	text-align:center;
	margin:20px 0 0 0;
}
/* End of 'grima' */

