/* Start of CMSMS style sheet 'rcpch css' */
/* CSS Document */

body{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form{	
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
        padding-bottom: 10px;
        text-align:left;
	margin: 0px;
        font-size: 70%;
	line-height: 135%;
}

#main h1{
font-family:Arial, Helvetica, Verdana, sans-serif; font-size:100%;
margin-top:0px;
}


h2{
font-family:Arial, Helvetica, Verdana, sans-serif;
}

h3{
font-family:Arial, Helvetica, Verdana, sans-serif;
margin-top:0px;
font-size:90%;
}

h4{
font-family:Arial, Helvetica, Verdana, sans-serif;
}

#right h3{
              background-color:#48484A;
              color:white;
              padding-left:3px;
              margin-top:3px;
              margin-bottom:0px;
             }

#right h4{
              background-color:#48484A;
              color:white;
              padding: 0px 0px 0px 3px;
              margin: 0px 0px 3px 0px;
              font-size:80%;
             }

#right h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
        padding-bottom: 3px;
        text-align:left;
	margin: 0px;
        font-size: 65%;
        font-weight:normal;

}	

h5{
font-family:Arial, Helvetica, Verdana, sans-serif
}

h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
        padding-bottom: 10px;
	margin: 0px;
        font-size: 80%;
	line-height: 135%;
        font-weight: none;
}

a{
       	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CE2229;
}

a:hover{
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #487708;
}

#wrapper {
	background-color: #FFFFFF;
	width: 760px;
	margin: auto;
}

#mast {
	width: 760px;
	height: 150px;
	background-repeat: no-repeat;
	background-image: url(uploads/mast.gif);
	background-color: #FFFFFF;
}

#logo {
	color: #FFFFFF;
	height: 150px;
	width: 170px;
	background-color: #FFFFFF;
	float: left;
}

#headerwrap {
	height: 150px;
	width: 590px;
	background-color: #00B05B;
	float: left;
}

#headerimage {
	background-color: #FFFFFF;
	height: 131px;
	width: 590px;
	background-image: url(uploads/header.gif);
}

#navwrapper {
	height: 12px;
	width: 590px;
	background-color: #00B05B;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#contentwrapper{
	width:762px;
	height:auto;
	background-repeat: repeat-y;
	background-image: url(uploads/images/back-imageHome.gif);
 

}

#contentwrapperHome{
	width:762px;
	height:auto;
	background-repeat: repeat-y;
	background-image: url(uploads/images/back-imageHome.gif);
 

}


#left {
	height:auto;
	width: 110px;
	float: left;
	color: #FFFFFF;
	border-left: 60px solid #ffffff;
}

#main {
	height:auto;
	width: 370px;
	padding: 15px 20px 7px 20px;
	float: left;
}

#main li {
        margin:10px 0px 5px -20px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 82%;
	color: #000000;
        width:300px;
        vertical-align: top;
}

#main ul {font-size: 82%;
       margin-top: -2px;
}

#main ul a{
       width:250px;
       margin: 0px 0px 0px 0px; 
}

#right {
	width:155px;
	padding: 15px 10px 7px 15px;
	height:auto;
	float:left;
}

#FOOTER {
	height: 40px;
	width: 700px;
	clear: both;
	background-color: #D52729;
	border-left: 60px solid #ffffff;
	font-size: 14px;
           }

#FOOTER p{text-align:center; padding-top:3px; color: #FFFFFF;}

#FOOTER2 {
	height: 60px;
	width: 700px;
	clear: both;
	background-image:url(uploads/bottomCurve_footer.gif);
        background-repeat: no-repeat;
	border-left: 60px solid #ffffff;
        padding-top:6px;
}
#FOOTER2 p {text-align:center; padding-top:3px;}
#FOOTER2 a {color: #FFFFFF;}

/* menu_vert START .............................................................................*/

#menu_vert, #menu_vert ul {
  margin: 0px;
  padding: 0px;
  }

#menu_vert ul {
  width: 100%; /* Width of Menu Items */
  }

#menu_vert li a {
  text-decoration: none;
  font-size: 70%;
  color: #FFFFFF;
  }

/* menu_vert END */

 /* dropdown menu START ........................................................................*/
.menu {
font-family: verdana, sans-serif; 
width:590px; 
position:relative; 
font-size:0.70em;
z-index:100;
}

.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}

.menu ul li {
float:left;
position:relative;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
min-width:1em;
width:auto !important;
width:1em; 
height:1.7em; 
color:#FFFFFF; 
font-weight: bold;
background:#00B05B; 
padding-left:2px;
padding-right: 33px; 
line-height:1.5em;
}
* html .menu ul li a, .menu ul li a:visited {
	 min-width:1em;
	 width:auto !important;
	 width:1em;
}

.menu ul li ul {
display: none;
}

table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#FFFFFF; 
background:#D42930;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.6em;
margin-top:0px;
left:0; 
width:150px;
}

* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:#00B05B; 
color:#FFFFFF; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:129px;
}

* html .menu ul li a:hover ul li a {
width:150px;
w\idth:129px;
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#D42930; url(../../graphics/drop.gif) bottom right no-repeat;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#D42930; 
color:#FFFFFF;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:150px; 
top:0;
width:150px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}

 /* dropdown menu END .......................................................................*/

input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
}

	textarea {
		width: 216px;
		height: 8em;
}

	form p {
		font-size: 0.75em;
		margin: 0em 0em 1em 0em;
		padding: 0px 0px 0px 0px;
	}


/* News styles here */
              
.NewsSummaryLink{
                   font-size: 70%;
                   color:white;
                   border-top:dotted 1px #48484A;
                   font-weight:bold;
                   text-decoration: none;
}

.NewsSummaryLink a{text-decoration: none;color:color:#CE2422;
padding-top:2px;}

.NewsSummarySummary {
                   font-size:65%;
                   color:#48484A;
                   padding:4px 0px 0px 0px;
                   padding-bottom:4px;
                   }

.NewsSummarySummary p {
                   font-size:11px;
                   }

.NewsSummaryMorelink {
                   font-size: 70%;
                   font-weight:bold;
                   padding:4px 0px 0px 0px;
                   }               

/*News detail styles here*/

#NewsPostDetailSummary {
                                    font-size:80%;
                                    font-weight:bold;
                                    color:#CE2422;
                                    border-top:dotted 1px #48484A;
                                    padding-top:4px;
                                    }
#NewsPostDetailContent {
                                    font-size:100%;
                                    }

#NewsPostDetailPrintLink {
background-image:url(uploads/icon_printer.gif);padding-left:18px;background-repeat:no-repeat;
                                     font-size:70%;
                                    font-weight:bold;
}

#NewsPostDetailReturnLink {
                                      font-size:70%;
                                    font-weight:bold;}
#NewsPostDetailHorizRule {
                                  
                                    border:dotted 1px #48484A;
}

/*GLOSSARY STYLES HERE*/

.glossarynav {  font-size: 70%;
                   color:black;
                   
                   font-weight:bold;
               
}
.term {font-size: 70%;
                   color:black;
                   font-weight:bold;
                   padding:3px, 0px, 0px, 3px;
                   padding-top:3px;
}


.definition_selected{font-size: 70%;
                  Padding-bottom:15px;
                  Padding-top:10px;
}

/* FORM STYLES HERE */
.contact {
                  font-size: 0.75em;
         color: #666666;
}

.contact input{
         border:1px solid #487708;
         background-color:#f0f0f3;
}


textarea {
         background-color:#f0f0f3;
         width:200px; 
         height:100px;
         border:1px solid #487708;
}

.checkb{
         width:200px; 
}

.checkb input{
         width:20px; 
}

/*NEWSLETTER FORM STYLES HERE*/

$email{
background-color:#f0f0f3;
         width:200px; 
         height:100px;
         border:1px solid #487708;
}

$username{
background-color:#f0f0f3;
         width:200px; 
         height:100px;
         border:1px solid #487708;
     }


select, option {}

.radio {padding-top:5px;}
.radio input {width:20px; padding:5px 0px 5px 0px; margin:0px;}

.document {font-size:70%; font-weight:bold; padding-left:20px;}


 /* search START */
#buttonSearch{
        font-size: 80%; 
        width: 70px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 7px 0px;
}

#searching{
        font-size: 80%;
        width: 145px;
}

.pisearchdetails i {background-color:#CCFF00;}
.pisearchdetails b {background-color:#CCFF00;}

#right form select{
        font-size: 80%;
        width: 149px;
}

#cntnt01searchinput{width: 152px;}

 /* search END */


/* OLD search START */

#search{
width:140px;
clear : both ;
padding : 2px 0px 2px 0px;
margin : 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
        font-size: 70%;
	line-height: 135%;
        text-align:left;
    }

#search ul {
margin : 0px;
padding: 4px 2px 0px 4px;
width: 129px;  /* Width of Menu Items */
list-style: none;
  }

#search li {
margin : 0;
padding: 4px 2px 0px 0px;
width: 120px;  /* Width of Menu Items */
list-style: none;
}

#search #recherche{
width: 115px;
text-align:left;
}

#chargement{
margin : 0px 0px 0px 0px;
}

#resultats {
margin : 20px 0px 0px 0px;
  }


/* OLD search END */


/* Pisearch Start */

.pisearchresultheader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
        padding-bottom: 10px;
        text-align:left;
	margin: 0px;
        font-size: 70%;
	line-height: 135%;
}

.pisearchlink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
        padding-bottom: 10px;
        text-align:left;
	margin: 0px;
        font-size: 70%;
	line-height: 135%;
}

.pisearchdetails{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
        padding-bottom: 10px;
        text-align:left;
	margin: 0px;
        font-size: 70%;
	line-height: 135%;
}

/* Pisearch END */

/*Search.........................................start*/

#m4moduleform_1 input{
border: solid 1px #666666;
font-size: 80%;
background-color: #ffffff;
}

#m4searchinput{
width: 150px;
padding-bottom: 2px;
margin-bottom: 2px;
}

#m5moduleform_1 input{
border: solid 1px #666666;
font-size: 80%;
background-color: #ffffff;
}

#m5searchinput{
width: 150px;
padding-bottom: 2px;
margin-bottom: 2px;
}

#m4moduleform_1{
font-size: 80%;
background-color: #ffffff;
}

#m5moduleform_2{
font-size: 80%;
background-color: #ffffff;
}
/* End of 'rcpch css' */

