/* CSS Document */


/* General */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font: 1.1em Verdana;
background: url('../images/pmmpey.gif') repeat;
min-width: 850px;
padding-bottom: 20px; /* Simulates margin-bottom for wrapper in IE */
}

a:link, a:visited {
color: #005AA1;
text-decoration: underline;
font-weight: bold;
}

a:hover {
text-decoration: none;
}

.cleaner {
clear: both;
height: 10;
font-size: 0;
/*visibility: hidden;*/
content: ' ';
}

.cleaning-box { 
min-height: 1px;
}

.cleaning-box:after {
display: block; 
clear: both; 
visibility: hidden; 
height: 10; 
font-size: 0;
content: ' ';
}

.noscreen {
display: none;
}

.hidden { /* Skip menu */
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}


/* Wrapper of the site */

#wrapper {
background-color: white;
width: 950px;
margin: 0 auto;
}

/* Paragraphs, headings, ... */

p {
line-height: 1.5;
margin-bottom: 7px;
}

p.text-content:first-letter {
font-size: 1.4em;
font-weight: bold;
line-height: 0.9;
color: #202020;
font-family: Verdana;
}

h4 {
font-size: 1.2em;
background: url('../images/img3b.gif') repeat-x;
color: #FFFFFF;
letter-spacing: 1px;
margin-top: 5px;
padding: 5px 10px;
}

ul {
list-style-type: none; 
}


/* Header */

#header {
margin: 0 auto;
height: 140px;
position: relative;
background: #004E6C url('../images/header-bg2a.gif') repeat-x 0 0;
}

#header-arrow {
position: absolute;
top: 15px;
left: 58px;
background: url('../images/ccjmccbanner3.gif') no-repeat 0 0;
width: 834px;
height: 110px;
}

#header-arrow2 {
position: absolute;
top: 8px;
right: 20px;
background: url('../images/dtani1.gif') no-repeat 0 0;
width: 406px;
height: 140px;
}

/* Menu */

#menu {
width: 950px;
margin: 0 auto;
background: #4A4A4A url('../images/jbar3b.jpg') repeat-x 0 0;
}

#menu li {
display: inline;
list-style-type: none;
}

#menu li.first a {
margin-left: 1.6em;
display: inline;
}

#menu li a {
float: left;
color: #000000;
font-weight: bold;
text-decoration: none;
font-size: 1.2em;
line-height: 29px;
margin: 0 0.5em;
padding: 0 1em;
}

#menu li a:hover {
text-decoration: underline;
}

#menu li a.active {
font-weight: bold;
color: #B1EEFF;
}

/* 3 columns layout */

#content {
width: 950px;
margin: 0 auto;
text-align: left;
background: #FFFFFF url('../images/content-bg2.gif') repeat-y 0 0;
}

#column-1 {
float: right;
width: 765px;
}
/* Centre Column Size */

#column-11 {
float: left;
width: 584px;
background-color: white;        
}
/* Right Column Size */
#column-12 {
float: right;
width: 178px;

}
/* Left Column Size */

#column-2 {
float: left;
width: 185px;
}

#column-1, #column-2, #column-12 {
padding-bottom: 20px;
}

#column-1 #column-12 p, #column-2 p {
margin: 0; line-height: 1.4;
}
/* Centre Box Margins top right bottom left*/
#column-11 div.content {
margin: 0.3em 0.5em 0 0.5em;
}

#column-2 div.content, #column-12 div.content {
margin: 0.3em 0.5em 1.2em 0.9em;
}

#column-12, #column-2 {
background-color: #deeeff;
}


/* Footer */

#footer {
background: url('../images/img3b.gif') repeat-x;
color: white;
width: 950px;
height: 25px;
margin-top: 0px;
font-size: 0.9em;
}

#footer a, #footer a:visited {
font-weight: normal;
color: white;
}

#footer p.left, #footer p.right {
width: 400px;
display: inline;
margin-bottom: 0;
line-height: 25px;
}

#footer a.b, #footer a.b a:visited {
font-weight: bold !important;
}

#footer p.left {
float: left;
text-align: left;
margin-left: 15px;
}

#footer p.right {
float: right;
text-align: right;
margin-right: 15px;
}