/*
    DIVA Foundation Website - Main Stylesheet
	Created by Industrial Media
	www.industrialmedia.ca
*/

/* =General
---------------------------------------------------------------------------------------------------- */
 
body {
	background-color: #cccccc;
}

body, div, td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505050;
}

body#bg-color { 
	background-color: #F7D33C;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#container {
   border: 2px solid #000000;
   margin-top: 45px; 
}	

#header-left { 
    background-image: url('../images/header-left.jpg');
    background-repeat: no-repeat;
    height:119px;
    width: 127px;
}
		 
#header-right, #header-right-f { 
     background-image: url('../images/header-right.jpg');
     background-repeat: no-repeat;
     height: 119px;
     width: 639px;
}

#header-right { 
     background-image: url('../images/header-right.jpg');
}

#header-right-f { 
     background-image: url('../images/header-right_f.jpg');
}
		 
#main-top { 
     font-size: 12px;
     color: #ffffff;
     margin: 0px;
     background-image: url('../images/main-top.jpg');
     background-repeat: no-repeat;
	 width: 639px;
	 height: 22px;
}

#home-bubble {
	font-color: #ffffff;
	width: 200px;
}

#main-top-home { 
     background-image: url('../images/main-top-home.jpg');
     background-repeat: no-repeat;
	 width: 639px;
	 height: 19px;
}

#main-home { 
     margin: 6px 6px 6px 6px;
     background-image: url('../images/main.jpg');
     background-repeat: no-repeat;
	 width: 639px;
	 height: 370px; 
	 text-align: right;
}

#main-home-f { 
     margin: 6px 6px 0 6px;
     background-image: url('../images/main_f.jpg');
     background-repeat: no-repeat;
	 width: 639px;
	 text-align: right;

}

#main-home { 
     background-image: url('../images/main.jpg');
}


#home-content {
    margin: 0;
	padding: 10px 10px 10px 10px;
	color: #FFFFFF;
}

#home-content a {
	font-size: 11px;
    color: #ffffff;
}	

#home-content a:hover {
    color: #cccccc;
}	
	 
#main {
   background-image: url('../images/main-bg.jpg');
   background-repeat: repeat-y ; 
   width: 639px;
   min-height: 500px;
   _height: 500px;
}	 
	 
#contact-info { 
     background-color: #0B308E; 
} 

hr {
    color: #ffffff;
    background-color: #ffffff;
    height: 2px;
	border: 0 none;
}
	
/* =Splash Page
---------------------------------------------------------------------------------------------------- */
#splash {
	position: relative;
	text-align: center;
	margin: auto;
	width: 800px;
	padding: 0;
	background-color: #F7D33C; 
}
	
#splash #mainbar {
	position: relative;
	width: 800px;
	height: 482px;
	background: #A5ACBB url('../images/splash/splash01.gif'); top left no-repeat;
}

#splash #mainbar #eng-link {
	position: absolute;
	left: 491px;
	top: 329px;
}

#splash #mainbar #fre-link {
	position: absolute;
	left: 174px;
	top: 112px;
}

#main-splash { 
	margin-top: 100px; 
} 

/* =Lists
---------------------------------------------------------------------------------------------------- */
ul {
	margin: 0 0 0 015px;
	padding: 0 0 0 15px;
}

li { 
   color: #505050;
   padding: 3px 0 3px 0;
}

/* =Navigation
---------------------------------------------------------------------------------------------------- */
a.top-nav {
  padding: 10px 10px 0 0; 
  font-size: 10px; 
  color: #000000;
}

a:hover.top-nav {
  font-size: 10px;
  color: #696969; 
} 

#leftnav { 
     background-image: url('../images/content-left.jpg');
     background-repeat: no-repeat;
	 background-color: #0B308E;
	 width: 127px;
	 font-size: 11px;
}	 

#leftnav ul {
     padding: 65px 0 0 0; 
	 margin: 0;	
	 list-style-image: url('../images/list-bullet.gif');
}

#leftnav ul li {
	font-weight: bold;
	padding: 3px 0 3px 0;
	margin: 0 0 0 24px;
	color: #FFFFFF;
}
	
#leftnav li a { 
   color: #FFFFFF;
   text-decoration: none;
}

#leftnav li a:hover {
   color: #cccccc;
   text-decoration: underline;
}

a.home-content-nav  {
   color: #ffffff;
}

a:hover.home-content-nav  {
   color: #cccccc;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
p {
	margin: 6px 0 3px 0;
}

h1 { 
   font-size: 20px;
   padding: 4px 0 0 0;
   margin: 0;
}

h2 {
   font-size: 15px;
   padding: 8px 0 0 0;
   margin: 0;
}

h3 {
   font-size: 13px;
   padding: 4px 0 4px 0;
   margin: 0;
}

div.main-content {
	margin: 20px; 
} 

.contact { 
   color: #ffffff;
   margin-top: 3px; 
   margin-left: 20px;
   margin-bottom: 10px;
   text-align: left;
   padding: 0;
}

.contactHome { 
   color: #ffffff;
   margin-top: 3px; 
   margin-left: 26px;
   margin-bottom: 10px;
   text-align: left;
   padding: 0;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
     background-image: url('../images/footer.jpg');
     background-repeat: no-repeat;
	 width: 639px;
	 height: 30px;
}

#footer-home { 
     background-image: url('../images/footer-home.jpg');
     background-repeat: no-repeat;
	 width: 639px;
	 height: 27px; 
}