body {margin: 0;
	  padding: 0;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: small;
	  background: #3300cc;
	  }

* html body {font-size: x-small; /* for IE5/Win */ f\ont-size: small; /* for other IE versions */}

h1 {font-size: 150%;}

h2 {font-size: 130%;}

h3 {font-size: 120%;}

#header {margin: 0;
		 padding: 0;
		 border-bottom: 2px solid #ffffff;
		 background-image: url(img/hdr_bkgd_pink_gray.jpg);
		 }

#header-pic {background-image: url(img/hdr_pic.jpg);
			 background-repeat: no-repeat;
			 width: 360px;
			 /* background-position: 25px; */
			 margin: 0 0 0 25px;
			 height: 40px;
			 }

#logo-menu-area {float: left;
		  		 width: 100%;
		  		 margin: 0;
		  		 padding: 0;
				 list-style: none;
				 /* background: #3300cc; */
				 color: #fff;
				 font-size: 80%;
				 font-family: Verdana, Arial, Helvetica, sans-serif;
				 background-image: url(img/hdr_gradient.gif);
				 }

/* #logo-menu-area-pic {float: left;
					 background-image: url(img/dccc_logo_with_gradient2.gif);
			         background-repeat: no-repeat;
			         width: 225px;
					 margin: 0 0 0 20px;
					 padding: 0;
			         height: 90px;
			 		 } */

#logo-menu-area img {float: left;
					 margin: 0 0 0 45px;
					 padding: 0;
					 }

#logo-menu-area ul {float: right;
					margin: 0 10px 0 0;
					/* padding: 10px 0 0 46px; */
					list-style: none;
					}

#logo-menu-area li {float: left;
					margin: 0;
					padding: 0 5px;
					/* font-weight: bold; */
					}

#logo-menu-area a {/* float: left; */ 
				   display: block; 
				   margin: 0 1px 0 0;
				   padding: 4px 8px; 
				   color: #fff; 
				   text-decoration: none; 
				   border:1px solid #000066; 
				   border-top: none; 
				   /* background:#F9E9A9 url(img/off_bg.gif) repeat-x top left; */
				   }

#logo-menu-area a:hover, body#about #t-about a {color: #B9005C; 
											 	/* font-weight: bold; */
											 	/* padding-bottom: 5px; */ 
											 	/* border-color: #727377; */
											 	background: #fff url(img/on_bg.gif) repeat-x bottom left;
												/* background: #fff; */
												border:1px solid #ccc;
												border-top: none;
											 	}
										 
#outer-wrap {/* max-width: 1200px; */
			 }

#inner-wrap {}

.gutter h2 {color: #fff;
			font-size: 100%;
			text-align: center;
			}

.gutter h3 {margin: 0;
			padding: 0;
			color: #FFFF00;
			font-size: 110%;
			font-family: "Century Gothic";
			font-weight: lighter;
			}

#main-body {float: left;
			clear: both;
			margin: 0;
			padding: 0;
			width: 80%;
			}

#sidebar {float: left;
		  color: #fff;
		  margin: 0;
		  padding: 0;
		  /* border: 1px solid #33ff66; */
		  width: 24%;
		  }

#sidebar .gutter {margin: 0 0 0 25px;
				  padding: 30px 0;
				  font-size: 80%;
				  letter-spacing: 1px;
				  }

#center-column {float: right;
				/* border: 1px solid #ccc; */
				width: 75%;
				}

#center-column h2 {color: #fff;
				   margin: 0;
				   padding: 0 0 5px 0;
				   font-size: 100%;
				   text-align: center;
				   font-weight: lighter;
				   font-family: "Century Gothic";
				   letter-spacing: 1px;
				   }

#center-column h3 {margin: 0;
				   padding: 0 0 20px 0;
				   color: #FFFF66;
				   font-size: 80%;
				   font-family: Arial, Helvetica, sans-serif;
				  }

#center-column .gutter {margin: 10px 40px;
						padding: 5px 10px 50px 10px;
						/* margin: 0; */
						/* padding: 0; */
						border-top: 1px solid #ffcc00;
						/* border-right: 1px solid #ccc; */
						/* border-left: 1px solid #ccc; */
						}

#center-column .gutter table {width: 100%
			   				  }
			   
#center-column .gutter td {margin: 0;
						   padding: 0 15px 0 0;
						   width: 50%;
						   vertical-align: top;
						   text-align: justify;
						   font-size: 85%;
						   line-height: 1.5em;
						   letter-spacing: 1px;
						   color: #fff;
						   /* border: 1px solid #fff; */
						   }

#center-column .gutter p {margin: 0;
			  			  padding: 0 0 10px 10px;
			  			  }

#center-column .gutter img {margin: 0;
			 				padding: 0 0 5px 0;
			 				/* border: 1px solid #ccc; */
			 				}

#center-column .gutter a {color: #fff;
						  text-decoration: none;
			  			  }

#center-column .gutter a img {color: #fff;
						  	  padding: 5px 0 0 0;
							  text-decoration: none;
							  border: none;
			  			  	  }

.center-column-content {margin: 0;
						padding: 0;
						}
									 		  
dl.dccc-topfeature {margin: 0;
				    padding: 0 0 40px 10px;
					/* border: 1px solid #666; */
				    /* border-top: 1px dotted #666; */
				    /* border-bottom: 1px dotted #fff; */
				    }

dl.dccc-topfeature:after {content: ".";
					  	  display: block;
					  	  height: 0;
					  	  clear: both;
					  	  visibility: hidden;
					  	  }
					  
dl.dccc-topfeature dt img {float: left;
					       margin: 0;
					       padding: 0;
					       /* border-right: 15px solid  #3300cc; */
					       }

dl.dccc-topfeature dt {margin: 0 0 .5em 0;
				   	   /* padding: 0 0 0 10px; */
					   font-family: Verdana, Arial, Helvetica, sans-serif;
				       font-size: 120%;
				   	   color: #FFCC00;
					   /* border: 1px solid #ccc; */
					   }

dl.dccc-topfeature dd {margin-left: 169px;
				   	   /* padding: 0 0 0 10px; */
					   font-size: 90%;
				   	   line-height: 1.5em;
					   color: #fff;
					   text-align: justify;
					   /* border: 1px solid #fff; */
					   }

#sidebar-2 {float: right;
			color: #fff;
		    /* border: 1px solid #ff66ff; */
		    width: 20%;
		    }

#sidebar-2 .gutter {margin: 0 0 0 25px;
				  	padding: 30px 0;
				  	font-size: 80%;
				  	}

#sidebar-2 a img {margin: 0;
				  padding: 0;
				  border-top: 1px solid #ccc;
				  border-right: 1px solid #666;
				  border-bottom: 1px solid #666;
				  border-left: 1px solid #ccc;
				  }

#sidebar-2 a p {margin: 0;
				padding: 5px 0 0 0;
			    color: #FFCC00;
				letter-spacing: 1px;
				text-decoration: none;
				}

#sidebar-2 ul  {margin: 0;
				padding: 15px 0 0 20px;
				}

#sidebar-2 li  {margin: 0;
				padding: 0 0 5px 0;
				}

#sidebar-2 li a {margin: 0;
				 padding: 0;
				 color: #fff;
				 text-decoration: none;
				 }

#sidebar-2 .archive {margin: 0 0 10px 0;
					 padding: 0 0 10px 0;
					 border-bottom: 1px dotted #fff;
					 }

#sidebar-2 .archive a {margin: 0;
				 	   padding: 0;
				 	   color: #fff;
				 	   text-decoration: none;
				 	   }


#footer {clear: both;
		 margin: 0;
		 padding: 0;
		 border-top: 1px solid #ccc;
		 border-bottom: 1px solid #ccc;
		 background-color: #F53DDA;
		 }

#footer p {margin: 0 10px 0 5px;
		   padding: 5px 0;
		   float: left;
		   color: #fff;
		   font-size: 75%;
		   background-color: #F53DDA;
		   }

#footer .footer-plus {float: right;
			  		  margin:0; 
			  		  padding: 5px 5px 0 0;
			  		  }


/* Hacks - START */

@import url("screen.css"); /* Hide CSS from older browsers */

* html body {font-size: x-small; /* for IE5/Win */ 
			 f\ont-size: small; /* for other IE versions */
			 }

/* Holly Hack - to clear footer issue in Internet Explorer - START */
/* Hide from IE5/Mac \*/
* html #footer {height: 1%;}
/* End hide from IE5/Mac */
/* Holly Hack - to clear footer issue in Internet Explorer - END */

/* Holly Hack for Self-Clearing fix - to clear float in Internet Explorer - START */
dl.dccc-topfeature {display: inline-table;}
/* Hide from IE-Mac \*/
* html dl.dccc-topfeature {height: 1%;}
dl.dccc-topfeature {display: block;}
/* End hide from IE-Mac */
/* Holly Hack for Self-Clearing fix - to clear float in Internet Explorer - END */

/* Hacks - END */