/* Start of CMSMS style sheet 'hc_css' */
/*		Hyperbus Compétition   
		Webdesign/CSS by EmaGraphik
*/

* 			{	margin:0; padding:0; }
body 		{	padding-bottom:10px; text-align: left;
   				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   				font-size: 75.01%;
   				line-height: 1em; }
div 		{	font-size: 1em; }
img 		{	border: 0; }
a 			{	text-decoration: underline; background-color: inherit; color:#504F56; }
a:hover 	{ 	text-decoration: none;/*background-color: #C3D4DF; color: #385C72;*/ }
strong, b 	{   font-weight: bold; }
em, i 		{	font-style:italic; }

/* LAYOUT ******************
****************************/
html {
	width:100%; height: 100%;
	background: #BCBCBC url(uploads/images/layout/html.jpg) repeat-x 0 19px ; 
}
div#pagewrapper {
   position: relative; 
   width: 965px;
   margin: 20px auto 10px auto;
   background-color: #fff;
   color: #504F56;
   background: #f8f7f3 url(uploads/images/layout/pagewrapper.jpg) no-repeat 0 0 ;
}
div#header {
   height: 131px;           
}
div#header h1 {
	font-size: 1.8em; 
	margin:0; padding:0; line-height: 1.8em; }
div#header h1 a {
   display: block;
   height: 131px;  
   padding: 65px 0 0 246px;
   text-decoration:none;
   color: #F2EEE6;
   font-weight: normal; 
}
div.breadcrumbs {
   margin: 5px 0 0 325px;
   padding: 0 0 1em 0;
   font-size: 90%;
}
div.breadcrumbs span.lastitem { 
   font-weight:bold; 
}
div#content {
   margin: 30px 0 0 0 ;
   background: transparent url(uploads/images/layout/sidebar.jpg) repeat-y left bottom ; }

div#main {
   margin: 0 0 0 255px;
   padding: 0 65px; 
}
div#sidebar {
	background: url(uploads/images/layout/sidebar.jpg) repeat-y 0 0;
   float: left; 
   display: inline;  /* FIX IE double margin bug */
   height: 100%; width: 217px;     /* sidebar width, if you change this please also change #main margins */
   margin: 0;
   padding: 0 8px 0 25px;
}
div#footer {
   clear: both;
   background : #2c2934 url(uploads/images/layout/footer.jpg ) repeat-x bottom left;
   margin:0; padding:0;
}
div#footer p {	
   margin: 0;
   padding: 0.5em;
   font-size: 0.8em;
   text-align: right;
   color: #cfccc1;
}
div#footer p a {
   color: #cfccc1;
   text-decoration: none; /* needed becouse footer link would be same color as background otherwise */
}
div#footer p a:hover {
	color:#f8f7f3; }
div.hr {
   height: 1px;
   padding: 1em;
   margin: 1em;
}
div.left49 {
  width: 49%;
}
div.right49 {
  float: right;
  width: 49%;
  text-align: right; 
}
div.left49,
div.right49 {	
	padding-bottom:0; margin-bottom:0;  
  color:#74737a;
  font-size:90%;  
}
div.left49 a,
div.right49 a {	padding-bottom:0; margin-bottom:0;
}

div.left49 a:hover,
div.right49 a:hover {	
   	color: #c61c29;
}
/* HEADINGS ***************
***************************/
div#content h1 {
   	font-size: 2em;
   	line-height: 1em;
   	margin: 0;
   	color: #c61c29;
}
div#content h2 {
  	margin: 0 0 1.5em 0;
	padding: 0 0 1em 0; 
	font-size: 1.5em; 
	text-align: left;
	border-bottom: 1px solid #c61c29; 
   	line-height: 1.5em;
   	color: #c61c29;
}
div#content h3 {
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS *************
*****************************/

/* TEXT *********************
*****************************/
p {
   margin: 0 0 1.5em 0;
   padding: 0;
   font-size: 1em;
   line-height: 1.4em;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
   padding-left: 20px; 
}
pre {
   /*border: 1px solid #000;
   background-color: #ddd;*/
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}
/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT *******************
*******************************/

/* LISTS **********************
*******************************/

div#main ul,
div#main ol,
div#main dl {
   margin: 0 0 1.5em 0;
   font-size: 1.0em;
   line-height: 1.4em;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}
div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
}
/* END LISTS *********************
**********************************/

/* MENU ***************************
**********************************/
#menu_vert {
   margin: 0;
   padding: 0;
}
div#menu_vert ul ul ul {
	padding : 0 0 0.5em 0;
	background: none; 
}
#menu_vert li {
   display: block;
   margin: 0;
   list-style: none;
}
#menu_vert ul ul {
   padding : 1em 0; 
   background: url(uploads/images/layout/menu_a.jpg) repeat-x bottom left;
}
#menu_vert ul ul li {
   border: none;
}
/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* 1st level links */
div#menu_vert a {
   display: block;
   padding: 0.8em 0.5em 0.8em 1.5em;
   min-height:1em; /* Fixes IE7 whitespace bug */   
   font-size:1.1em; 
   text-decoration:none;
   color: #c61c29;
   background: url(uploads/images/layout/menu_a.jpg) repeat-x bottom left; 
}

/* 2nd level links */
div#menu_vert ul ul a {	
   padding: 0.5em 0.5em 0.5em 2.8em;
   font-size: 90%;
   color: #504F56; 
   background: none; 
}
div#menu_vert ul ul a:hover {
	background: #fff; 
	color: #c61c29;
}

/* 3rd level links */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;/*
   background: url(images/cms/dash.gif) no-repeat 2.8em center; */
}

/* hover state for all links */
div#menu_vert a:hover {
   color: #fff;
   background: #c61c29 url(uploads/images/layout/menu_ahover.jpg) repeat-x bottom left; 
}
div#menu_vert a.activeparent:hover {
   color: #fff;
   background: #c61c29 url(uploads/images/layout/menu_ahover.jpg) repeat-x bottom left;
}
/* active parent */
div#menu_vert li a.activeparent {
   color: #fff;
   background: #c61c29 url(uploads/images/layout/menu_ahover.jpg) repeat-x bottom left;
}
div#menu_vert ul ul li a.activeparent {
   background: none;   
   color: #c61c29;
}

/* 1st level current pages */
div#menu_vert ul h3 {
   display: block; 
   margin: 0;
   padding: 0.8em 0.5em 0.8em 1.5em;
   font-size: 1em;
   font-weight: normal; 
   color: #fff;   
   background: #c61c29 url(uploads/images/layout/menu_ahover.jpg) repeat-x bottom left;
}

/* 2nd level current pages */
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-color: transparent;
   color: #c61c29;  
   background: none;    
}

/* 3rd current */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;/*
   background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; */
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;/*
   background-color: #000;*/
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}

/* NEWS ***************************
***********************************/

div#news {
	padding: 3.5em 1.5em 1em 1.5em; 
}
div#news h2 {
	margin:0; padding: 0 0 1em 0;
   	font-size:1.1em; 
   	color:#504F56;
   	border: none;
}
.NewsSummary {
	font-size: 90%; 
    padding: 0.3em 0 1em 0;
}
.NewsSummaryPostdate {
  font-size: 85%;
  color:#74737a; 
}
a.NewsSummaryLink {
    padding: 0.5em 0 1em 0;
	margin: 0 0 1em 0; 
    font-weight: bold;
   	color:#C61C29;
}
.NewsSummaryCategory {
	display: none; /*
  font-size: 90%;
  margin: 5px 0;*/
}
.NewsSummaryAuthor {
	display: none; 
  /*font-size: 90%;
  padding-bottom: 0.5em;*/
}
.NewsSummarySummary {
	padding-top:1em; }
.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
	font-size: 90%;
 }
.NewsSummaryMorelink {
  padding-top: 0.5em;
}
#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;/*
  font-weight: bold;*/
  }
#NewsPostDetailSummary {
   line-height: 150%;
   }
#NewsPostDetailCategory {
  font-style: italic;/*
  border-top: 1px solid #ccc;*/
  margin-top: 0.5em;
  padding: 0.2em 0;
}
#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }
#NewsPostDetailAuthor {
  padding-bottom: 1.5em;
  font-style: italic;
}

#NewsPostDetailPrintLink {
	display: none; }
/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailReturnLink {}
*/

/* ACCESSIBILITY ***************
********************************/

/* menu links accesskeys */
span.accesskey {
   text-decoration:none;
}

/* accessibility divs are hidden by default 
text, screenreaders and such will show these */
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* definition tags are also hidden 
these are also used for menu links */
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}

/* WIKI style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 ;
}
/* colors for external links */
a.external:link {
  color:#504F56;/*
  background: url(images/cms/external.gif) no-repeat 100% 0;*/
}
/*a.external:visited {
  color: #18507C;  a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.

  background: url(images/cms/external.gif) no-repeat 100% 0; 
}*/

a.external:hover {
  color: #C61C29;
/* background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;*/
}
/* end wiki style external links */

/* CLEARING **********
**********************/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'hc_css' */