/*_______________________________________________________________________________+
+		
+		Design and Computation Arts website 2005 - 2006						     +
+		Where Concordia Wilderness Begins										 +
+		                                                                         +
+		Main Css Style Sheet 													 +
+		Layout design for Joomla 1.07 http://joomla.org/						 +
+		Hybrid Funky Corporative Style									         +
+                                                                                +
+		Last modification 22th November 2005                                     +
+		Thierry Giles & Hugues Bruyere 2005 - 2006                               +
+		All right Reserved  Copyright Thierry Giles & Hugues Bruyers             +
+		
+_______________________________________________________________________________*/








/* Basic Elements */
html { 
  padding:0px;
  margin:0px;
}

body {
  background-color: 			#ffffff;
/*  background-image: 			url(../images/back.jpg);
  background-position:		    top;
  background-repeat: 			repeat-x;*/
  font-size: 					11px;
  font-family: 					Helvetica, Verdana, Arial, sans-serif;
  text-align: 					center;
  margin: 						0px;
  padding: 						0px;
  color: 						#404040;
}

* {margin: 0; padding: 0;} /* Specifies that all margins and paddings should be 0, IE likes to make little gaps if these are not set */







/* Dividers */
#master {
	width:760px;
	margin: 0px auto;
	padding: 25px 0px 0px 0px;
	text-align: justify;
}

#sideBox {
	width:155px;
	margin:45px 0px 0px 0px;
	float:left;
}

#content {
	width:760px;
	padding: 0px 0px 0px 0px;
	float:right;
	overflow: auto;
	text-align: justify;
}

#mainBox {
	width:760px;
	padding:0px 0px 0px 0px;
	float:right;
}


#header {
	height: 340px;
	width:100%;
	text-align:center;
	vertical-align:bottom;
}

#footer {
	padding:0px;
	color: #404040;
	text-align:center;
}







/* Text organisation */
p {
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin:0px 10px 10px 20px;
}

td {
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

pre, h1 {
	margin:0px 10px 10px 7px;
}

h1 {
	font-size:9px;
	text-transform:uppercase;
	color: #404040;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#content li {
	margin:0px 10px 10px 40px;
	color: #0099CC;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}

#content a:link {
	color: #0085b1;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}







/* Sub Title */
#titre-content{
	padding-top:2px;
	padding-bottom:2px;
	margin:0px 10px 10px 7px;
	width:490px;
	height:15px;
}

#text-box{
	padding-top:0px;
	padding-bottom:1px;
	margin: -2px 20px 10px 20px;
	width:660px;
}

#text-box-black{
	padding-top:2px;
	margin:30px 0px 0px 18px;
	color:#404040;
}






/* Divider Text Organisation */
#sidebox{
	margin: 0px 0px 100px 0px;
}

#sideBox h1 {
	font-size:9px;
	text-transform:uppercase;
	color: #404040;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding-top: 2px;
}

#sideBox p {
	color: #636262;
	font-size: 11px;
	margin: 0px 20px 10px 20px;
}

#sideBox span {
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#content h1 {
	font-size:9px;
	text-transform:uppercase;
	color: #404040;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding-top: 2px;
}

#content p {
	font-size: 11px;
	margin:0px 25px 10px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #404040;
}

#content p.title {
	font-size: 18px;
	margin:0px 30px 10px 0px;
	width:515px;
	color:#404040;
	text-transform: capitalize;	
}

#content p.subtitle {
	font-size: 16px;
	margin:0px 30px 10px 0px;
	width:515px;
	color:#404040;
}

/* Navigation and Menu */
#menuSculpture {
	width: 770px;
	height: 250px;
	top: 55px;
	position: relative;
	text-align: left;
	z-index: 2;
	padding:0px 0px 0px 10px;
}

#logo {
	width:400px;
	height:50px;
	top:197px;
	position: absolute;
	text-align:right;
	z-index:1;
	left:272px;
	float:right;
}

#searchengine {
	position:relative;
	border:0;
	margin:0;
	padding:0;
	left:660;
	top:0;
	height:15px;
	width: 100px;
	float: right;
	z-index:4;
}

.contentheading{
	color:#333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

.componentheading{
	color:#333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

.buttonheading{
	vertical-align:top;
}

.div_title{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
}

.img{
	background-color:#000000;
	background-image:url(../images/header2.jpg);
	background-repeat:repeat-x;
}

.moduletable {
	margin: 0px 0px 7px 0px;
	color: #aeb3a8;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.search {
	padding: 0px 0px 10px 20px;
	vertical-align:top;
}





/*Serch Engin Design & Programmation*/
div.sitetools #quicksearch {
}

#quicksearchBox {
  width: 60px;
  font-size: 1.2em;
  text-decoration: none;
  display:inline;
}

#quicksearchBoxFR {
  width: 60px;
}

form#quicksearch input#quicksearchBox, form#quicksearch input#quicksearchBoxFR {
	height: 1.2em;
	padding-left: .2em;
	padding-right: .2em;
	padding-top: .1em;
	padding-bottom: .1em;
	margin-right: .2em;
	font-size: 1.2em;
	text-decoration: none;
	color:#404040;
	border: 1px solid #222222;
}


form#quicksearch input#quicksearchButton {
	padding-top: 0;
	padding-top: .1em;
	padding-bottom: .1em;
	padding-left: .1em;
	padding-right: .1em;
	font-size: 1em;
	font-weight:bold;
	text-decoration: none;
	color:#404040;
	border: 1px solid #333333;
}

form#quicksearch input#quicksearchButton:hover{
	padding-top: 0;
	padding-top: .1em;
	padding-bottom: .1em;
	padding-left: .1em;
	padding-right: .1em;
	font-size: 1em;
	font-weight:bold;
	text-decoration: none;
	color:#0085b1;
	border: 1px solid #333333;
}






/* Side Menu */
#side-menu {
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	margin:10px 10px 10px 0px;
}

hr .side {
	width: 135px;
	margin: 0px 0px 0px 18px;
	float: left;
	color: #404040;
}

#link {
	height: 13px;
	margin: 0;
	
}

#link a{ 
	color: #404040;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image:url(../images/arrow2.gif);
	padding-left: 20px;
}

#link a:hover{
	background-repeat: no-repeat;
	background-image:url(../images/arrow.gif);
	background-color:#000000;
	padding-left: 20px;
	color:#0085b1;
	display:block;
	width: 100%;
}

#link a.non:hover {
	padding-left: 20px;
	color: #404040;
}

#link a.non:visited {
	padding-left: 20px;
	color: #404040;
}

#link a:active {
	background-repeat: no-repeat;
	background-image:url(../images/arrow.gif);
	background-color:#000000;
	padding-left: 20px;
	color:#0085b1;
	display:block;
	width: 100%;
}

ul {
	color:#000000;
}

li {
	color:#000000;
}




/*-- Links --*/
a { 
	color: #404040;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

a:link {
	color: #404040;
	text-decoration: none;
	}
	
a:visited {
	color: #00377C;
	text-decoration: none;
	}

a:hover {
	color: #FF9900;
	text-decoration: underline;
	}
	
a:hover, a:visited:hover {
	color: #FF9900;
	text-decoration: underline;
	}

a:active, a:focus {
	color: #FFC100;
	text-decoration: underline;
	}
	
span.mainlevel{
	display:block;
	width:100%;
}





/*Visual Elements*/
abbr, acronymn {
	cursor: help;
	font-style: normal;
	border-bottom: 1px dotted;
	}

img {border: none} /* With no border on images when images contain links they don't have outlines */








/* Main NavBar */
#nav-main {
	margin: 0px 0px 0px 0px;
	height: 250px;
	padding:0px 0px 0px 10px;
}

#nav-main ul {
	height: 250px;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#nav-main li {
	height: 250px;
	list-style-type: none;
	float: left;
	width: 110px;
	margin: 0px 0px 0px 0px;
	
}

#nav-main a:link, #nav-main a:visited {
	height: 15px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding-left: 15px;
	padding-top: 250px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
}

#nav-main a:hover, #nav-main a:visited:hover {
	height: 15px;
	color: #0085b1;
	text-decoration: none;
	padding-left: 15px;
	padding-bottom: 20px;
	padding-top: 250px;
	background-color:#000000;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
}





/*_______________________________________________________________________________+
+		
+		Design and Computation Arts website 2005 - 2006						     +
+		Where Concordia Wilderness Begins										 +
+		                                                                         +
+		Main Css Style Sheet 													 +
+		Layout design for Joomla 1.03 http://joomla.org/						 +
+		Hybrid Funky Corporative Style									         +
+                                                                                +
+		Last modification 22th November 2005                                     +
+		Thierry Giles & Hugues Bruyere 2005 - 2006                               +
+		All right Reserved  Copyright Thierry Giles & Hugues Bruyers             +
+		
+_______________________________________________________________________________*/