/* CSS by Frazer Saunders 2006
   Share the love!
   For editting advice, 
   email frazels[at]gmail[dot]com */

/* Setup Our Re-def tags. */
body {
margin: 0;
padding: 0 8px 30px 8px;
font: 10px Arial, sans;
color: #444;
background:url(bg.jpg) #CCD9D0 repeat-y top center;
text-align:center;
}
div,span,a { 
text-align:left;
}


a,a:visited,a:active { 
text-decoration: none;
font-weight: bold;
}

ul {
margin: 10px 0 10px 0;
padding: 0;
border: 0;
list-style:square; 
}
li{
margin-left:5px; 
}

hr {
width:96%;
}

img {
border:none;
}

#menu ul, #nav ul {
margin: 0 0 10px 0;
padding:0;
list-style: none; 
}

#nav ul {
margin:0;
}

#menu li, #nav li {
padding:0;
margin:0;
display: inline; 
}

hr {
margin: 0; 
padding: 0; 
height: 1px; 
color: #ccc; 
background-color: #ccc; 
}
/* Setup Layout ID (divs esp) */
#wrapper {
margin : 0 auto 10px auto;
width: 950px;
}

#logo {
padding:0 0 10px 0;
margin-left:2px;
float:left;
width:218px; /* actually 220 */
height:125px;
background-color:#295242;
}

#header {
width: 700px; /* actually 730 */
height: 67px;
padding: 20px 0 10px 30px;
margin: 0 0 10px 0 ;
float: left;
}


#nav {
width: 728px;	
float: left;
height:24px; padding: 0 0 0px 0;
background-color:#295244;
min-height:24px;
}		
html>body #nav {
padding-top:10px;
margin-left:2px;
}
#nav a,#nav a:visited, #nav a:active {
font: normal 12px Verdana, Arial, sans-serif bold;
color: #fff;
padding: 10px 30px 10px 30px; 
background-color:#295244;
height:30px;
}
html>body #nav a {
padding-top:10px;

}


#nav a:hover { 
color:#000; 
background-color:#ACBAA3;
}

#box {
width: 950px;
float: left;
}

#content {
float: left;
width: 705px;
padding: 18px 0px 100px 25px;
font-size:14px;
}

#content a { text-decoration: none; color:#003300; }
#content a:hover {  color: #006600; }

sup {
font: Arial 20px;
}

#menu {
width: 197px;
padding: 15px 8px 120px 15px;
float: left;
}


#menu ul li a { 
font: bold 11px Verdana, Arial, sans; border-top: 1px solid #2F5E4E; width: 195px; display: block;color: #ccc; padding: 8px 0px 8px 5px; text-decoration: none; }
#menu ul li a:hover { color: #fff; background: #2F5E4E/*#444*/; }


#bar {
padding:3px 0 5px 0;
margin-bottom:8px;
border-bottom:1px solid #F3F3F3;
}
#bar a {
padding-right:12px;
font-size:11px;
}

/* Paragraph classes */
.small {
font-size:10px;
}

.contact_details { 
color: #CCCCCC; 
text-transform: uppercase; 
padding:12px 2px 0 3px;  
font: normal 9pt Geneva; 
}	

.phone {
color: #CCCCCC; 
padding:0 2px 5px 3px;  
font: bold 13pt Geneva; 
}

.highlight { 
border: 1px solid #fff; 
padding: 10px 8px 10px 8px; 
background: #556C63/*#f8f8f8*/; 
color:#fff;}
.highlight a {
color:#fff;
}

.quote {
font: normal 1.8em "Times New Roman", Times, serif; 
color: #bbb;
text-align: left;
line-height: 1.2em;
padding:40px;
background:url(quote.jpg) bottom right no-repeat;
}

.quote_e {
font:italic bold 95%;
text-align:right;
} 

/* heading re-defs */

h1 {
font: 21px Arial, serif; 
color: black; 
padding:0 0 0 8px;
margin: 0 0 12px 0; 
border-bottom: 1px solid #E9E9E9;}
h2 { 
font: 20px "Times New Roman"; 
color: #003333; 
padding: 0; 
margin: 15px 4px 5px 0;}
h3 {
font: 16px "Times New Roman", Times, serif; 
color: #777; 
margin:0 -6px 18px -6px; 
font-variant: small-caps; 
text-align:center;
font-weight:900;
}
h4 {
font-size:17px; font-weight:bold;
font-family: Trebuchet MS;
padding-left:5px;
color:#003300;
}

.un { float: left; margin: 10px 25px 10px 10px; }
.deux { float: right; margin: 10px; } 

#content li,#content ul {
margin-left:20px;
}

#pic_links {
margin: 0 0 0 -21px;
width:728px;
height:370px;
background:url(gradient.jpg) repeat-x top left #fff;
}

html>body #pic_links {
margin: 0 0 0 -23px;
}

#pic_links a {
text-decoration: none; 
color:#000; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9pt;
}

#pic_links a:hover{  
color:#006633; 
} 

div#left {
background:url(left.jpg) top right no-repeat #fff;
width:29px;
height:350px;
float:left;
}
div#right {
background:url(right.jpg) top right no-repeat;
width:27px;
height:350px;
float:left;
}

.cat_can {
float:left;
width:168px;
font-family: Helvetica; 
color:#000; 
padding:17px 0 0 0;
}  




.cat_can p {
padding:10px 4px 10px 4px;
margin:0;}

.cat_can span {
text-align:centre;
width:100%;
} 

.cat_can .h {
text-align:center;
margin:0 auto;
margin-bottom:10px;
padding:0 0 4px 0;
border:none;
}

#footer {
text-align:center;
padding:8px;
width:100%;
height:39px;
margin:40px 0 0 1px;
}
#footer a{
color:#295242;
text-decoration:underline;
font:Arial 11px;
}