/* this is the css for the SCREEN version of all templates*/

body  {
   margin: 0; 
   padding: 0;
   text-align: center; 
   color: #4F4F4F;
   font-family: "Gill Sans", Arial, Helvetica, sans-serif;
   font-size: 100%;
   background-color: #CBB5FF;
}
body a{
	color: #502977;
	text-decoration: none;

}
body a:hover{
	color: #A88FC7;

}
.twoColElsRtHdr #sidemenu {
position: relative;
left: 560px;
float: top;
padding-top: 30px;
}
.twoColElsRtHdr #email {
position: relative;
top: 80px;
left: 10px;
}
.twoColElsRtHdr #email p{
font-size: small;
}
.twoColElsRtHdr #search {
position: relative;
top: 70px;
left: 10px;
}
.twoColElsRtHdr #search p{
font-size: small;
}
.twoColElsRtHdr #search a{
font-size: small;
}
.twoColElsRtHdr #container {
   margin: 0 auto;
   text-align: left;
   display:block;
   width:780px;
   height:50px;	
   background-position:left top;	
   background-repeat:no-repeat;	
   background-image:url(http://www.qic-ec.org/css-container-top.gif)
;	
} 
.twoColElsRtHdr #containerbottom{	
   min-height: 610px; 
   margin: 0 auto;
   text-align: left;
   display:block;	
   width:780px;	
   background-position:left bottom;	
   background-repeat:no-repeat;	
   background-image:url(http://www.qic-ec.org/css-container-bottom.gif);	
	}	

.twoColElsRtHdr #mainContent {
position: relative;
float: left;
top: -20px;
     width: 510px;
     padding-left: 30px; 
     padding-bottom: 100px; 
     display: block;
} 
.twoColElsRtHdr #mainContent h1{
   margin: 0px;
   font-size: 1.5em;
} 
.twoColElsRtHdr #mainContent h2 {
   margin: 0px;
   color: #006600;
   font-size: 1.2em;
}
.twoColElsRtHdr #mainContent h3{
   margin-top: 15px;
   color: #502977;
   font-size: 1em;
}
.twoColElsRtHdr #header {
   text-align: left; 
   width: 780px;  
   height: 85px;
   margin: 0 auto;
   padding-left: 30px;
   padding-top: 60px;
   background-repeat:no-repeat;	
   background-image:url(http://www.qic-ec.org/Images/logo_bkgd.gif);
} 
.twoColElsRtHdr #header h1 {
   margin: 0; /* zeroing the margin of the last element in the #header div
will avoid margin collapse - an unexplainable space between divs. If the div
has a border around it, this is not necessary as that also avoids the margin
collapse */
   padding: 10 0px; 
   color: #330099;
}

.twoColElsRtHdr #topmenu{
   padding-top: 10px;
   color: #FF6600;
}
.twoColElsRtHdr #topmenu a{
   color: #FF6600;
}

.twoColElsRtHdr #topmenu a:hover{
	color: #A88FC7;
}
.twoColElsRtHdr #footer{
   min-height: 65px; 
   margin: 0 auto;
   display:block;	
   width:780px;	
   background-repeat:no-repeat;	
   background-image:url(http://www.qic-ec.org/css-footer.gif);	
}

.twoColElsRtHdr #footer p{
   width: 780px;
   text-align: center;
   margin: 0 auto;
   color: #FFFFFF;
   font-size: small;
}
.twoColElsRtHdr #footer a{
   color: #EDDDB7;
   font-size: small;
   text-decoration: none;
 }
.twoColElsRtHdr  #footer a:hover{
   color: #A88FC7;
   font-size: small;
   text-decoration: none;
 }
.twoColElsRtHdr #bottomfooter {
   background-color: #CBB5FF;
   width: 720px;  
   text-align: center;
   margin: 0 auto;
   margin-top: 5px;
}
.twoColElsRtHdr #bottomfooter p{
   color: #4F4F4F;
   font-size: xx-small;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page.
The floated element must precede the element it should be next to on the
page. */
   float: right;
   margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
   float: left;
   margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and
should be the final element before the close of a container that should
fully contain a float */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}