/**************************
Voluzion Systems
http://www.voluzion.ca
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

p{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}
#skipnav, .print {display:none;}
.info { margin-bottom:10px; margin-top:-10px;}

/* =Forms - sign in, contact etc. */

form {margin:0; padding:0;}
input {margin:2px 0 0 0; padding:1px; width:180px; height:17px; color:#696969; border:1px solid #b2b2b2; background-color:#fcfcfc;}
input.checkbox, input.radio {width:auto; height:auto; border:none; background:none;}
form dl {padding:0 0 10px 0;}
form dt {padding:6px 0 0 0;}
form dd {margin:0; padding:0 0 6px 0;}
.fail { font-weight:bold;}

/* =Typography-----------------------------------------------------------------------------*/

html{ background: #002E0E url('../img/css/bg.gif') fixed top center; }

body {margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;  padding:0; }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif;}
#content h1{font-size: 180%; color: #222; letter-spacing: -1px;}
#intern h1{font-size: 180%; color: #222; letter-spacing: -1px;}
#content #colR h1 {font-size: 125%; color: #01A752;}
#content #colR img { border: solid 1px #d5d2ce; padding:2px;}
#content #colR h1 a{font-size: 65%; color: #01A752; text-decoration: underline;}
.box h1{font-size: 100%; color: #006330; height: 20px; background: transparent url('../img/css/img-circle.gif') no-repeat left center; }
.box h1 strong{ color: #fff; padding: 5px;}
h2{font-size: 120%;}
.box h2 a{font-size: 70%; color: #E8BA03;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}

/* =Links-----------------------------------------------------------------------------*/

a{color: #E8BA03; text-decoration: underline;}
a:hover{ color: #E8BA03; text-decoration: none;}

/* =Main Nav-----------------------------------------------------------------------------*/
#nav{ width:100%; overflow:hidden; height: 60px; padding:0; margin:0 auto; list-style-type:none;}
#nav ul { position:relative; float:left; left:50%; }
#nav li{ position: relative; float: left; right:50%; }
#nav li.first { background: transparent url('../img/css/img-separate-nav.gif') no-repeat left center; }
#nav a{ width:auto; display:block; padding: 22px 14px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 85%; color:#000; text-align: center; font-weight: bold; text-transform: uppercase; background: transparent url('../img/css/img-separate-nav.gif') no-repeat right center;}
#nav a:hover { color: #000; text-decoration: underline; }

#top ul{ position: absolute; top: 90px; right: 15px; margin: 0; padding: 0; list-style: none; }
#top ul li { font-size: 75%; display: inline; padding: 0 3px;}
#top ul li a { padding: 0;  color: #000; text-transform: uppercase; }
#top ul li a:link, #top ul li a:visited, #top ul li a:active, #top ul li a:hover{ text-decoration: none; }
#top ul li a:hover { text-decoration: underline; }

/* =Breadcrumb-------------------------------------------------------------------------*/
#intern ul#breadcrumb{ list-style: none; margin: 0; padding: 0 0 20px 0; text-align: left;}
#intern #breadcrumb li{ font-size: 100%; display: inline; margin: 0; padding:0; font-weight: bold; color: #E8BA03;}
#intern ul#breadcrumb li a{ padding: 0;}
#intern ul#breadcrumb li a:link, #intern ul#breadcrumb li a:visited, #intern ul#breadcrumb li a:active, #intern ul#breadcrumb li a:hover{ color: #E8BA03; text-decoration: underline; font-weight:bold; }
#intern ul#breadcrumb li a:hover{ text-decoration: none; }

#content ul#breadcrumb{ list-style: none; margin: 0; padding: 0 0 20px 0; text-align: left;}
#content #breadcrumb li{ font-size: 100%; display: inline; margin: 0; padding:0; font-weight: bold; color: #E8BA03;}
#content ul#breadcrumb li a{ padding: 0; }
#content ul#breadcrumb li a:link, #content ul#breadcrumb li a:visited, #content ul#breadcrumb li a:active, #content #breadcrumb ul li a:hover{ color: #E8BA03; text-decoration: underline; font-weight:bold; }
#content ul#breadcrumb li a:hover{ text-decoration: none; }

/* =Class-----------------------------------------------------------------------------*/

.floatleft { float: left;}
.floatright { float: right;}
.active { text-decoration:underline;}
.inactive { text-decoration: none;}
p.center { text-align:center;}
p.left { text-align:left;}
p.right {text-align:right;}
img.left { float:left; padding:2px; margin:0 10px 10px 0; background-color: #fff; border: 1px solid #D5D2CE; }
img.right { float:right; }
a.linkMore { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color: #E8BA03; float: right; padding: 0 10px 0 0; background: transparent url('../img/css/img-more.gif') no-repeat center right;}
p.border{background: transparent url('../img/css/bg-dot.gif') repeat-x top left;}

/* =Wrap-----------------------------------------------------------------------------*/

#wrap { margin: 0 auto; width: 933px; }

/* =Top-----------------------------------------------------------------------------*/

#top { width: 840px; height: 112px; position: relative; background: transparent url('../img/css/bg-dot2.gif') repeat-x top left; margin:auto; }
#top p a{ font-size: 75%; margin: 0; color: #000; text-transform: uppercase; text-decoration: none;}
#top p a:hover{ text-decoration: underline;}
#top img{ position: absolute; top: 30px; left: 15px;}

/* =Header-----------------------------------------------------------------------------*/

#header{ width: 840px; height: 291px; padding: 0 47px; background: transparent url('../img/css/bg-header.jpg') no-repeat center;}
#header img{}
#slideshow {margin-left:2px; padding-top:2px;}

/* =Main Content-----------------------------------------------------------------------------*/

#content{ color: #222222; margin: 0 auto; padding:35px 61px; float: left; width: 810px; background: transparent url('../img/css/bg-content.gif') no-repeat top center;}

#intern{ color: #222222; font-family: Arial, Helvetica, sans-serif; margin: 0 auto; padding:35px 61px; float: left; width: 810px; background: transparent url('../img/css/bg-content.gif') no-repeat top center;}
#intern p{ font-size: 100%; padding: 10px 0; text-align: left;}
#intern ul{list-style: disc; margin: 0; padding: 5px 0 12px 50px; line-height: 16px; }
#intern ul li{ padding: 0; margin: 0; }
#intern a{ color: #01A752; text-decoration: underline; font-weight:bold;}
#intern a:hover{ color: #E8BA03; text-decoration: none;}

#content #colL{ font-family: Arial, Helvetica, sans-serif; width: 535px; padding: 0 15px 15px 0; float: left;}
#content #colL p{ font-size: 100%; padding: 10px 0;}
#content #colL ul{list-style: disc; margin: 0; padding: 5px 0 12px 50px; line-height: 16px; }
#content #colL ul li{ padding: 0; margin: 0; }
#content #colL a{ color: #01A752; text-decoration: underline; font-weight:bold;}
#content #colL a:hover{ color: #E8BA03; text-decoration: none;}

#content #colTop {background: transparent url('../img/css/bg-1col2.gif') no-repeat top left; height: 36px; width: 255px; float: left; position: relative;}
#content #colTop span{ color: #444; padding: 0 20px 0 0; font-weight: bold; position: absolute; top: 12px; left: 15px; text-decoration: none; background: transparent url('../img/css/img-puce.gif') no-repeat center right;}
#content #colTop a.linkTop{ color: #fff; padding: 0 20px 0 0; font-weight: bold; position: absolute; top: 12px; right: 47px; text-decoration: none; }
#content #colTop a:hover.linkTop{ text-decoration: underline; color:#fff;}

#content #colR{ width: 223px; padding: 25px 15px 15px 15px; float: left; border-left: 1px solid #D5D2CE; border-right: 1px solid #D5D2CE; border-bottom: 1px solid #D5D2CE; background-color: #fff;}
#content #colR p{ color: #706F6D; font-size: 85%; padding: 5px 0 20px 0; text-align: left;}
#content #colR span{ font-weight: bold; color: #575C61; font-size: 75%; background: transparent url('../img/css/img-doc.gif') no-repeat top left; padding: 5px 0 0 18px;}
#content #colR ul{list-style: none; margin: 0; padding: 5px 0 12px 50px; line-height: 16px; }
#content #colR ul li{ padding: 0; margin: 0; }
#content #colR a{ color: #01A752; text-decoration: underline; font-weight:bold;}
#content #colR a:hover{ color: #E8BA03; text-decoration: none;}

#content #colRintern{ width: 223px; padding: 25px 15px 15px 15px; float: left; border: 1px solid #D5D2CE; background-color: #fff;}
#content #colRintern p{ color: #706F6D; font-size: 85%; padding: 5px 0 20px 0; text-align: left;}
#content #colRintern ul{list-style: none; margin: 0; padding: 5px 0 20px 20px; font-size: 85%; line-height: 16px; height:100%; }
#content #colRintern ul li{ list-style-image: url('../img/css/img-nav-sec.gif'); padding: 0; margin: 0; }
#content #colRintern a{ color: #333; text-decoration: underline; font-weight:bold;}
#content #colRintern a:hover{ color: #333; text-decoration: none;}

#contentBox{ clear:both; padding: 30px 0 0 15px; margin: 0 auto; width:835px; background: transparent url('../img/css/bg-dot.gif') repeat-x top left; }

.box{ width:130px; padding: 0 0 20px 0; float: left; }
.box p{color: #706F6D; font-size: 85%;  padding: 10px 0 5px 0;}
.box img{ padding: 2px; margin: 10px 0;background-color: #fff; border: 1px solid #D5D2CE;}

/* =Footer-----------------------------------------------------------------------------*/

#footer{ font-family: Arial, Helvetica, sans-serif; color: #706F6D; margin: 0 auto -25px auto; padding:10px 0 0 10px; width: 830px; position: relative; background: transparent url('../img/css/bg-footer.gif') repeat-x top left; clear: both; height:99px; }
#footer p{ color: #706F6D; font-size: 85%; padding: 1px 5px; text-align: left; position:absolute; top:58px;}
#footer strong{ color: #706F6D;}
#footer a{ color: #706F6D; text-decoration: none;}
#footer a:hover{ color: #706F6D; text-decoration: underline;}

#footer #valid{ position: absolute; top: 40px; right:15px; font-size: 85%;}
#footer #valid a{ text-decoration: underline;}
#footer #credits{ position: absolute; top:65px; right: 15px;}

#footer ul{ list-style: none; top: 40px; left:15px; text-align: left; position:absolute;}
#footer ul li{ font-size: 85%; display: inline;}
#footer ul li a{ padding: 0; }
#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active, #footer ul li a:hover{ color: #706F6D; text-decoration: none; }
#footer ul li a:hover{ text-decoration: underline; }